.owl-carousel .owl-item img { max-width:155px;    margin: auto;width: auto; }
	.owl-stage-outer.owl-height {  min-height: 200px;}

.owl-theme .owl-nav.disabled+.owl-dots { margin-top: 20px;}
.owl-theme .owl-nav [class*=owl-] {
    color: #c0c0c0;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #ffffff;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px;
}
.owl-theme .owl-nav [class*=owl-]:hover {
    background: #ffffff;
    color: #050b21;
    text-decoration: none;
}
.owl-carousel .mediaCaption{margin-bottom: 0px;}
.mediaImg {    min-height: 157px;}
.owl-carousel3 .captionBox p{ line-height: 13px; padding-top: 13px; font-size: 13px;}
.owl-carousel3 .captionBox {line-height: normal;}
/*.header:before { content: ""; position: absolute; left:0;right: 0; height: 100%; width: 100%; background-color: rgba(24, 29, 84, 0.5); }
*/.buttonBox { display: table; }




.owl-prev .fa-angle-left {
    font-size: 20px;
    width: 50px;
    height: 38px;
    background-color: #ed0b4c;
    line-height: 40px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    border: 0;
    left: auto;
    top: -30%;
    color: #fff;
}


.owl-next .fa-angle-right  {font-size: 20px;
    width: 50px;
    height: 38px;
    background-color: #ed0b4c;
    line-height:39px;border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;  right: 0;
    border: 0;
    top: 35%;
    color: #fff;}
.owl-theme .owl-nav {
    margin-top: 10px;
    position: absolute;
    top: -34%;
    right: 0px;display: block!important;
}
.owl-theme .owl-nav [class*=owl-]:hover {
    background: transparent;
    color: #050b21;
    text-decoration: none;
}
.owl-prev .fa-angle-left,.owl-next .fa-angle-right { background-color: #4B0082; }
.sliderDiv .col-md-12 {
    padding-left: 0px!important;
}
@media only screen and (max-width: 767px) {


    
.owl-theme .owl-nav {
    margin-top: 10px;
    position: absolute;
    top: -27%;
    right: 0px;
    left: 0;
}

.page-headline h2 {
    padding-left: 0px;
    font-size: 22px;
}

[dir=ltr] .page-headline>:first-child:after { height: 2px;bottom: -4px; }
.owl-prev .fa-angle-left ,.owl-next .fa-angle-right  {font-size: 16px;
    width: 30px;
    height: 30px;
    line-height: 30px;}
#home-slider .slider-hill {
    position: absolute;
    display: none;
}
.welcomeDiv .mb-32pt { margin-bottom: 0rem!important; }
 
}

.art-side-form {
    position: fixed;
    right: 0;
    background: #fff;
    padding:22px;
    z-index: 10000;
    width: 370px;
    display: none;
    -webkit-box-shadow: 0px 0px 12px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 12px 2px rgba(0, 0, 0, 0.15);
    -webkit-transform: translate3d(100%, -50%, 0);
    transform: translate3d(100%, -50%, 0);
    -webkit-transition: -webkit-transform 0.8s;
    transition: -webkit-transform 0.8s;
    -o-transition: transform 0.8s;
    transition: transform 0.8s;
    transition: transform 0.8s, -webkit-transform 0.8s;
    -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    -o-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    top: 50%;
}

.art-side-form .close {
    top: 0.875rem;
    right: 1.25rem;
}

.close .cross {
    width: 1.125rem;
    height: 1.125rem;
    display: inline-block;
    right: 1.875rem;
    padding-left: 0.75rem;
    cursor: pointer;
}
.art-side-form .close .cross:after, .art-side-form .close .cross:before {
    background: #05122C;
}
.art-side-form .close .cross:after {
    bottom: -2px;
}
.art-side-form .close .cross:after, .art-side-form .close .cross:before {
    background: #05122C;
}

.art-side-form .art-side-form-tab {
    position: absolute;
    left: -50px;
    width: 50px;
    height: 175px;
    bottom: 0;
    background:#6a219e;
    /*top: calc(50% - 100px);*/
    border-radius: 0.625rem 0 0 0.625rem;
    color: #fff;
    -webkit-box-shadow: -2px 0px 5px 1px rgba(0, 0, 0, 0.25);
    box-shadow: -2px 0px 5px 1px rgba(0, 0, 0, 0.25);
    cursor: pointer;
}
.art-side-form .art-side-form-side-text {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    margin: 0;
    width: 0;
    white-space: nowrap;
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    text-align: left;
    position: absolute;
    padding-bottom: 1rem;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 800;
    letter-spacing: 0.1em;
}
.art-side-form .art-side-form-side-icon {
    position: absolute;
    bottom: 8px;
    width: 100%;
    left: 0;
    font-size: 1.25rem;
    text-align: center;

}
.art-side-form-side-icon .fa {
    font-size: 17px;
}
.rs-icon-wrapper {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}
.art-side-form .art-side-form-side-icon {
    position: absolute;
    bottom: 8px;
    width: 100%;
    left: 0;
    font-size: 1.25rem;
    text-align: center;
}
.art-side-form h3 {
    color: #05122C;
    margin-bottom: 9px;
    font-size: 28px;
    font-weight: 700;
    margin-top: 0px;    font-family: "IBM Plex Sans", sans-serif;
}
.art-side-form p {
    margin-bottom: 13px;
    color: #4F5772;
    font-size: 15px;
}

.contact-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.art-side-form.open {
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
}
.contact-form .input-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.contact-form input[type=email],  .contact-form input[type=text] {
    height: 40px;
    border-radius: 0.125rem;
    border: 0;
    color: #4F5772;
    padding: 0 0.5rem;
    margin-bottom: 1rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.art-side-form .contact-form input[type=text], .art-side-form .contact-form textarea {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #CED1DC;
    font-size: 0.9375rem;
    margin-bottom: 15px;
}



.contact-form .half {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 49%;
    -ms-flex-preferred-size: 49%;
    flex-basis: 49%;
}

.contact-form .full {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.art-side-form .contact-form .checkbox-wrapper {
    margin: 0rem 0 1rem;
}
.art-side-form .contact-form input[type=email], .art-side-form .contact-form input[type=text], .art-side-form .contact-form textarea {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #CED1DC;
    font-size: 14px;
    margin-bottom: 10px;
}
.contact-form .full {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.button.green, button.green {
    background: #6a219e;
    color: #fff;
}
.contact-form button {
    height: 45px;
    text-transform: uppercase;
    border: 0;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 700;
}

.contact-form .privacy-policy {
    margin-top: 0.875rem;
    font-size: 0.875rem;
    color: #999FB7;
}

.art-side-form .contact-form .checkbox-wrapper {
    margin: 0rem 0 1rem;
}
.contact-form .checkbox-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0.5rem 0 1.5rem;
}

.contact-form .checkbox-wrapper .contact-check-intro {
    margin-right: 1rem;
    font-weight: 600;margin-top: -4px;
}

.contact-form .checkbox-wrapper label input {
    margin-right: 0.5rem;
}
.contact-form .checkbox-wrapper label {
    margin-right: 1.3125rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    line-height: 100%;
}

#art-side-form .close {
    float: right;
    font-size: 31px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .5;
    margin-top: -6px;cursor: pointer;
}








.mainDiv {
    border: 1px solid #e2e2e2;
    box-shadow: 0 2px 3px rgb(0 0 0 / 9%);
    margin-bottom: 15px;
}


.productImg {
    border: 1px solid #f3f3f3;
}
.productImg {
    height: 203px;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    position: relative;
    -webkit-transition: 0.5s all ease-in-out;
    -moz-transition: 0.5s all ease-in-out;
    transition: 0.5s all ease-in-out;
    -ms-transition: 0.5s all ease-in-out;
}


.captionBox {
    z-index: 9;
    position: relative;
    min-height: 70px;
    background: #fff;
    text-align: left;
    font-weight: 400;
    color: #000;
    width: 100%;
    font-size: 13px;
    margin: auto;
    padding: 0px 10px;
    letter-spacing: initial;
    line-height: 19px;
    word-spacing: 1px;
}
.imgDiv {
    overflow: hidden;
    position: relative;
}

.mainDiv .btn-accent {
    margin: 14px 10px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.cpTitle { font-size: 17px; color: rgba(48,56,64,.9); padding: 7px 0px; margin-bottom:6px!important;}
.cpTitle2 { font-size: 15px; color: rgba(48,56,64,.9); padding: 7px 0px; margin-bottom:6px!important;}
.slotDiv {
    font-size: 16px;
    margin-bottom: 1px!important;
    color: #6a219e;
}.appointDiv .owl-theme .owl-nav {
    margin-top: 10px;
    position: absolute;
    top: -22%!important;
    right: 0px;display: block!important;
}
@media all and (max-width: 767px){
  .appointDiv .owl-theme .owl-nav {
    margin-top: 10px;
    position: absolute;
     top: -15%!important; 
    right: 0px;
    display: block!important;
}
  .art-side-form .art-side-form-tab {
   position: fixed;
    left: -40px;
    width: 40px;
    height: 140px;
    bottom: 50px;
    background: #6a219e;
    /* top: calc(50% - 100px); */
    border-radius: 0.625rem 0 0 0.625rem;
    color: #fff;
    -webkit-box-shadow: -2px 0px 5px 1px rgba(0, 0, 0, 0.25);
    box-shadow: -2px 0px 5px 1px rgba(0, 0, 0, 0.25);
    cursor: pointer;
}
 .art-side-form .art-side-form-side-text { 
    font-size: 13px!important; } 

[dir=ltr].sliderDiv > .page-headline>:first-child:after { height: 2px;bottom: -4px; display: none;}



.card.card--elevated.card-course.overlay.js-overlay.mdk-reveal.js-mdk-reveal { 
height: 200px!important; }
a.js-image { height: 164px!important; }
}



 [dir=ltr] .h1, [dir=ltr] h1 {
    font-size: 2.1rem !important;
}


.header{
    background-size: cover;
    min-height: 470px;
    position: relative;
    background-position: right center;
    background-repeat: no-repeat;
}

.header .col-md-6 {
    margin: 0% 10%;
    padding-top: 6%;
}

#home-slider {
    

  background: url(https://www.maralika.org/assets/images/Vishu.png) 0 100% repeat-x;

  position: relative;background-position: top;height: 85vh;

}

/*#home-slider {
  background: url(<?=base_url()?>/assets/images/diwali.png) 0 100%;

  position: relative;background-position: left;height: 85vh; background-size: cover; background-position: center;

}*/

#home-slider .main-slider {

/*  position: relative;
*/
  height: 80vh;

}



#demo .slide-text1 {
    position: absolute;
    top: 20%;
    left: 12%;
    right: 12%;
    max-width: 100%;
}

#demo .slide-text2 {
    position: absolute;
    top: 23%;
    right: 0%;
    min-width: 450px;
}
#home-slider .slider-hill {
    position: absolute;
    right: 60px;
    bottom: 50px;
    width: 34%;
    margin-bottom: -15px;
}

#spin {
  color:#6a219e;
}
#spin:after {
  content:"";
  animation: spin 7s ease-in-out infinite;
}
@keyframes spin {
  00% { content:"പഠിക്കാം"; }
  
  40% { content: "വായിക്കാം"; }

  70% { content: "സംസാരിക്കാം"; }
 
  95% { content: "എഴുതാം"; }
}

@media all and (max-width: 767px ){
    #home-slider {
    background: url(https://www.maralika.org//assets/images/Vishu.png) 0 100% repeat-x!important;
    position: relative!important;
    background-position: center!important;
    height: 18vh!important;
    background-size: contain!important;
}
#demo .carousel-item { height: 170px; }
#demo .carousel-item img { height: 170px; }
.slide-text1,.slide-text2 { top: 5%!important; } 

.slide-text1 h1,.slide-text2  h1 { font-size: 15px!important;  margin-bottom: 0.5rem} 
.slide-text1 .mantra,.slide-text2  .mantra { display: none; } 
.slide-text1 .btn--raised,.slide-text2  .btn--raised { font-size: 12px!important; } 
.carousel-indicators { display: none!important; }
.slide-text1 h4,.slide-text2  h4 { font-size: 0.9rem!important;    margin-top: 8px;} 
#demo .slide-text2 { position: absolute; top: 23%; left: 44%; min-width: 450px;}

}