.accordionButton{
    /*background:url(../image/xpus.png.pagespeed.ic.Ow4ZTMY2XW.png) right 10px top 15px no-repeat rgba(0,0,0,0);*/
    background:url(../image/pus.png) right 10px top 15px no-repeat rgba(0,0,0,0);
    border:1px solid #ccc;
    color:#949494;
    cursor:pointer;
    display:block;
    font-size:20px;
    margin-bottom:18px;
    padding:10px
}
.accordionContent{
    color:#707070;
    font-size:15px;
    margin:0 0 10px;
    padding:10px;
    text-align:left;
    width:auto
}
.accordionContent p{
    font-size:16px!important
}
.on{
    /*background:url(../image/xmins.png.pagespeed.ic.APd0B3GzTv.png) right 10px top 15px no-repeat rgba(0,0,0,0);*/
    background:url(../image/mins.png) right 10px top 15px no-repeat rgba(0,0,0,0);
    color:#fff!important
}
.life.on{
    background-color:#72bf44
}
.knowledge.on{
    background-color:#1e85b3
}
.cvalue.on{
    background-color:#808285
}
.accordian-tab{
    float:left;
    width:65%
}
.image-tab{
    float:left;
    width:35%
}
.content .event-left{
    float:left;
    padding-right:3%;
    width:75%
}
.content .event-right{
    float:left;
    width:25%
}
.content .event-right ul li{
    border:1px solid #c5c5c5;
    list-style:none;
    margin-bottom:10px;
    margin-left:0;
    padding:0
}
.single-next,.single-prev{
    border:1px solid #ccc;
    margin-bottom:30px;
    width:49%;
    min-height:65px;
    line-height:22px;
    position:relative;
    transition:all .5s ease-in-out 0s;
    text-align:center
}
.content .event-right ul li a{
    display:block;
    padding:5px
}
.content .event-right ul li:hover a{
    background-color:#39c;
    color:#fff;
    transition:all .5s ease-in-out 0s
}
.single-prev{
    float:left;
    background:url(../image/icon-prievious.png) left 10px top 23px no-repeat
}
.single-prev:hover{
    background:url(../image/icon-prievious-hvr.png) left 10px top 23px no-repeat #39c;
    transition:all .5s ease-in-out 0s
}
.single-next{
    float:right;
    background:url(../image/icon-next.png) right 10px top 23px no-repeat
}
.single-next:hover{
    background:url(../image/icon-next-hvr.png) right 10px top 23px no-repeat #39c;
    transition:all .5s ease-in-out 0s
}
.about-mlzs-sec .col-md-7,.nav-inr ul li{
    vertical-align:middle
}
.single-next:hover a,.single-prev:hover a{
    color:#fff;
    transition:all .5s ease-in-out 0s
}
.single-next a,.single-prev a{
    position:absolute;
    width:100%;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%)
}
div#n2-ss-1.n2-ss-desktop .n2-ss-widget-display-desktop{
    bottom:30px!important
}
#our-legacy{
    /*background:url(../image/xour-legacy.jpg.pagespeed.ic.2VUZKS-uk2.jpg) center center no-repeat rgba(0,0,0,0);*/
    background:url(../image/our-legacy.jpg) center center no-repeat rgba(0,0,0,0);
    background-size:cover;
    height:200px
}
.nav-alt{
    background-color:#E4E4E4;
    height:50px;
    width:100%
}
.nav-inr{
    display:block;
    margin:0 auto;
    text-align:center
}
.nav-inr ul li{
    color:#333;
    display:inline-block;
    font-size:16px;
    font-weight:400;
    line-height:50px;
    list-style-type:none
}
.nav-inr ul li a{
    display:block;
    padding:0 10px;
    color:#333!important
}
.nav-inr ul li a.active,.nav-inr ul li a:hover{
    background:#fff;
    color:#333!important
}
.content p,.content ul li{
    color:#8a8a8a;
    font-size:16px;
    padding-bottom:3px
}
.content{
    display:block;
    margin:30px auto;
    min-height:275px
}
.content p{
    font-weight:300;
    line-height:24px
}
.content ul li{
    margin-left:20px;
    padding-top:3px
}
.content ul{
    margin-top:20px
}
.content ul.awards-reco li{
    background:url(../image/award-icon.png) left 5px no-repeat;
    padding-left:30px;
    padding-bottom:10px
}
.html5gallery-elem-img-3 a{
    display:none!important
}
.content .gal-image{
    height:200px;
    max-width:300px;
    border:3px solid #fff;
    cursor:pointer;
    margin-bottom:30px;
    box-shadow:0 2px 5px #aaa
}
.mb-15{
    margin-bottom:15px
}
.content .gal-image .gal-image{
    position:relative;
    transition:transform .5s ease-in-out .2s
}
.content .gal-image .gal-image .band{
    background:#FF6A9C;
    height:60px;
    text-align:center
}
.content .gal-image .gal-image .band p{
    color:#fff
}
.content .gal-image .gal-image .band h2{
    color:#fff;
    font-size:24px;
    line-height:60px
}
.content .gal-image .gal-image .band.red{
    background:#FF6A9C
}
.content .gal-image .gal-image .band.green{
    background:#449509
}
.content .gal-image .gal-image .band.black{
    background:#000
}
.content .gal-image .gal-image .band.dred{
    background:#950927
}
.content .gal-image .gal-image .band.dgreen{
    background:#174901
}
.content .gal-image:hover .gal-image{
    transform:translate3d(0,-60px,0);
    transition:transform .5s ease-in-out .2s
}
.btn-submit-ad,.btn-submit-ad:hover,.button-blue button:hover{
    transition:all .3s ease-in-out 0s
}
.page-heading{
    color:#fff;
    font-size:36px;
    font-weight:100;
    margin:0 auto;
    padding:70px;
    text-align:center;
    width:1115px
}
.col-left,.col-right{
    padding-bottom:40px
}
.page-heading small{
    color:#fff;
    font-size:24px;
    font-weight:100
}
.col-right{
    padding-top:40px;
    width:49%
}
.col-right>form{
    border:1px solid #fff
}
#col-right fieldset{
    border:none;
    margin-top:0
}
#col-right>form>fieldset>p>input[type=text],select{
    background-color:#fdfdfd;
    border-color:#E3E3E3;
    border-style:solid;
    border-width:2px;
    display:block;
    margin:0 auto!important;
    padding:5px;
    width:90%
}
.col-left,.col-right,.icons-cat{
    display:inline-block
}
.icons-cat{
    float:left;
    height:auto;
    padding:10px;
    width:48%
}
.icons-cat img{
    display:block;
    margin:0 auto
}
.icons-cat span{
    display:block;
    margin:5px;
    text-align:center
}
.btn-submit-ad{
    background-color:#26a9e1;
    border-radius:0;
    color:#f3eded;
    font-size:16px;
    padding:10px 30px;
    text-align:center
}
.btn-submit-ad:hover{
    background-color:#2c3091
}
.content-slide{
    padding-bottom:30px;
    padding-top:30px
}
.content-slide p{
    font-size:16px;
    line-height:24px;
    padding-top:0
}
.content-slide .img{
    float:left;
    margin-right:0
}
.content-box,.content-box p{
    font-family:"Open Sans",sans-serif;
    font-size:16px;
    font-weight:300;
    line-height:24px;
    margin:0 auto;
    padding-right:0;
    padding-top:5%
}
.issue-advice .img,.issue-advicet .img{
    margin-bottom:15px;
    margin-top:15px;
    width:100%
}
.testimonialpg{
    margin-bottom:15px
}
.issue-advice .img{
    height:300px;
    text-align:center
}
.issue-advice .heading{
    color:#333;
    font-size:18px;
    font-weight:300;
    text-align:center
}
.testimonialpg p{
    font-size:16px
}
.testimonialpg .heading{
    text-align:left
}
.issue-advicet{
    padding-bottom:30px;
    padding-top:30px;
    text-align:center
}
.issue-advicet .img{
    text-align:center
}
.content-box,.issue-advicet .content-box p{
    font-size:18px;
    line-height:inherit;
    padding-top:0;
    color:#8a8a8a
}
.pb-testimonial-cite-down{
    background-color:#2c3091;
    float:none;
    font-size:0;
    height:2px;
    margin:20px auto 25px;
    width:100px
}
.mt-20,.thumb,.thumb button{
    margin-top:20px
}
.issue-advicet .heading{
    color:#333;
    font-size:15px;
    text-align:center
}
.issue-advicet .heading h1{
    font-size:30px;
    margin-bottom:15px
}
.button-blue,.button-blue-partner{
    text-align:center
}
.button-blue button,.button-blue-partner button{
    background-color:#26a9e1;
    border:none;
    border-radius:0;
    color:#f3eded;
    font-size:16px;
    padding:10px 30px;
    text-align:center;
    transition:all .3s ease-in-out 0s
}
.button-blue button:hover{
    background-color:#2c3091
}
.parents-corner{
    padding:10px
}
.thumb button{
    border:1px solid;
    border-radius:0;
    cursor:pointer;
    display:block;
    font-size:18px;
    font-weight:100;
    padding:18px 0;
    width:100%
}
.thumb>button.btn-yellow{
    background-color:#fc3!important;
    border-color:#fc3!important
}
.thumb>button.btn-blue{
    background-color:#269bff!important;
    border-color:#269bff
}
.thumb>button.btn-torq{
    background-color:#26fff4!important;
    border-color:#26fff4
}
.thumb>button.btn-orange{
    background-color:#ffb426!important;
    border-color:#fc3!important
}
.pad-20{
    padding:20px
}
.html5gallery-elem-1 a,.html5gallery-elem-2 a{
    display:none
}
.pagination{
    clear:both;
    font-size:11px;
    line-height:13px;
    padding:20px 0;
    position:relative
}
.pagination a,.pagination span{
    background:#555;
    color:#fff;
    display:block;
    float:left;
    margin:2px 2px 2px 0;
    padding:6px 9px 5px;
    text-decoration:none;
    width:auto
}
.pagination .current,.pagination a:hover{
    background:#3279bb;
    color:#fff
}
.pagination .current{
    padding:6px 9px 5px
}
.font-wt{
    font-weight:600
}
.zone{
    margin-bottom:20px;
    min-height:285px
}
#contact-us-form input[type=text],textarea{
    background-color:#e8e8e8;
    border:1px solid #e8e8e8;
    margin-bottom:10px;
    padding:7px;
    width:100%
}
.btn-submit-cu{
    background-color:#39c;
    border:1px solid #39c;
    color:#fff;
    margin-bottom:52px;
    padding:10px 20px
}
.color-blue{
    color:#39c
}
.panel-default{
    border-color:#26a9e0!important
}
.panel-group .panel{
    border-radius:0!important;
    margin-bottom:0
}
.panel-heading{
    border-bottom:1px solid transparent;
    border-top-left-radius:0!important;
    border-top-right-radius:0!important;
    padding:10px 15px
}
.panel-default>.panel-heading{
    color:#303030!important
}
.panel-default>.panel-heading-active{
    background-color:#26a9e0!important;
    border-color:#ddd!important;
    color:#fff!important
}
.label-default{
    background-color:#39c!important
}
.current-menu-item>a>li{
    background-color:#2c3091;
    color:#fff
}
:-moz-placeholder{
    color:#000
}
::-moz-placeholder{
    color:#000
}
.search-form .screen-reader-text,.search-form .search-submit{
    display:none
}
.search-form .search-field{
    border:1px solid #c5c5c5;
    padding:7px;
    width:100%
}
.search-form label{
    width:100%
}
#contact-us p{
    font-size:18px
}
.admission-button{
    background-color:#26a9e0;
    color:#fff;
    display:inline-block;
    font-size:14px;
    font-weight:600;
    line-height:1;
    padding:16px 20px
}
.admission-button:hover{
    background-color:#2c3091;
    color:#fff
}
#carousel ul li img{
    border:1px solid #ccc;
    padding:2px
}
.crousel .flex-direction-nav a::before{
    color:#fff
}
.tankspage{
    background:url(../image/Thankyou-bg-2.png) center top no-repeat rgba(0,0,0,0);
    height:672px;
    max-height:672px;
    max-width:668px;
    background-size:100%
}
.accordion-toggle{
    display:inline-block;
    width:98%
}
.show-allways{
    height:341px;
    transform:translate3d(0,0,0);
    transition:transform .2s ease-in-out 0s;
    width:258px
}
.show-allways:hover .slide-up,.slide-up{
    transition:transform .7s ease-in-out .2s
}
.slide-up{
    background:rgba(0,0,0,.7);
    height:341px;
    padding:15px;
    text-align:center
}
.zoom,.zoom-box{
    height:192px;
    width:100%
}
.slide-up .content{
    margin-top:10px
}
.slide-up p{
    color:#fff;
    font-size:14px;
    line-height:18px
}
.slide-up h3{
    color:#fff
}
.show-allways:hover .slide-up{
    transform:translate3d(0,-341px,0)
}
.show-allways button{
    background-color:#fff;
    border:1px solid;
    border-radius:0;
    cursor:pointer;
    display:block;
    font-size:18px;
    font-weight:100;
    margin-top:20px;
    padding:18px 0;
    width:100%
}
.show-allways .slide-up button{
    background:0 0;
    border-color:#fff
}
.show-allways .slide-up a{
    color:#fff;
    border-radius:initial;
    border:0
}
.widget-title{
    font-size:24px;
    margin-bottom:10px;
    margin-top:15px
}
.zoom{
    background-position:center center;
    transition:all 1s ease 0s
}
.zoom:hover{
    transform:scale(1.1)
}
.litera-octave-container{
    width:94.769%;
    margin:80px 5.2631% 50px 0
}
#octave-circle{
    border:10px solid #fff;
    width:341px;
    height:341px;
    position:relative;
    left:50%;
    margin:0 -170px;
    border-radius:50%;
    float:left
}
.pt-30 #octave-circle{
    background:url(../image/litera-octave-circle.png) no-repeat
}
#octave-circle .title,.octave-title{
    position:absolute;
    left:50%;
    top:50%;
    width:130px;
    margin:-40px -65px;
    color:#fff;
    font-size:32px;
    line-height:1em;
    font-family:GillSansMTBold,Arial,sans-serif;
    text-align:center
}
.litera-features{
    width:341px;
    height:341px;
    display:block;
    position:absolute;
    left:0;
    top:-44px
}
.litera-features li{
    display:block;
    width:88px;
    height:88px;
    position:absolute;
    left:341px;
    top:171px;
    margin:0 -44px
}
.litera-features li a{
    display:block;
    width:88px;
    height:88px;
    background:url(../image/litera-octave_icon.png) no-repeat;
    text-indent:-99999px
}
.litera-features li a.assessment{
    background-position:0 0
}
.litera-features li a.teacher{
    background-position:0 -88px
}
.litera-features li a.content1{
    background-position:0 -176px
}
.litera-features li a.infra{
    background-position:0 -264px
}
.litera-features li a.network{
    background-position:0 -352px
}
.litera-features li a.life-skills{
    background-position:0 -440px
}
.litera-features li a.enrichment{
    background-position:0 -528px
}
.litera-features li a.parents{
    background-position:0 -616px
}
.litera-features li a.assessment:hover,.litera-features li.selected a.assessment{
    background-position:-88px 0
}
.litera-features li a.teacher:hover,.litera-features li.selected a.teacher{
    background-position:-88px -88px
}
.litera-features li a.content:hover,.litera-features li.selected a.content1{
    background-position:0 -176px
}
.litera-features li a.infra:hover,.litera-features li.selected a.infra{
    background-position:-88px -264px
}
.litera-features li a.network:hover,.litera-features li.selected a.network{
    background-position:-88px -352px
}
.litera-features li a.life-skills:hover,.litera-features li.selected a.life-skills{
    background-position:-88px -440px
}
.litera-features li a.enrichment:hover,.litera-features li.selected a.enrichment{
    background-position:-88px -528px
}
.litera-features li a.parents:hover,.litera-features li.selected a.parents{
    background-position:-88px -616px
}
.litera-features li.active{
    margin:-24px -74px
}
.litera-features li.active a.assessment{
    background:url(../image/litera-assessment.png) no-repeat;
    width:145px;
    height:145px
}
.litera-features li.active a.teacher{
    background:url(../image/litera-teacher.png) no-repeat;
    width:145px;
    height:145px
}
.litera-features li.active a.content1{
    background:url(../image/litera-content.png) no-repeat;
    width:145px;
    height:145px
}
.litera-features li.active a.infra{
    background:url(../image/litera-infra1.png) no-repeat;
    width:145px;
    height:145px
}
.litera-features li.active a.network{
    background:url(../image/litera-network.png) no-repeat;
    width:145px;
    height:145px
}
.litera-features li.active a.life-skills{
    background:url(../image/litera-life-skills.png) no-repeat;
    width:145px;
    height:145px
}
.litera-features li.active a.enrichment{
    background:url(../image/litera-enrichment.png) no-repeat;
    width:145px;
    height:145px
}
.litera-features li.active a.parents{
    background:url(../image/litera-parents.png) no-repeat;
    width:145px;
    height:145px
}
.octave-title{
    display:block;
    line-height:1em;
    font-size:26px;
    font-weight:700;
    color:#000;
    background:url(../image/titleCircle.png) no-repeat;
    width:200px;
    margin:-100px;
    opacity:0;
    filter:alpha(opacity=0);
    padding:70px 22px;
    min-height:200px;
    position:absolute;
    left:50%;
    top:50%
}
.litera-octave-container .litera-octave-section{
    width:50%;
    min-height:400px;
    position:relative;
    display:none;
    left:39px;
    top:0;
    float:right
}
.litera-octave-section .octave-tab-content{
    width:100%;
    padding:0 18px;
    display:none;
    position:absolute;
    background:#004B6D;
    border:5px solid #6ea41d
}
.octave-tab-content .arrow-green{
    background:url(../image/litera-octave-arrow.png) no-repeat;
    width:19px;
    height:26px;
    position:absolute;
    left:-24px;
    top:50%;
    margin:-13px 0
}
.octave-tab-content h2{
    color:#fff;
    font-size:18px;
    line-height:1.1em;
    border-bottom:1px dashed #fff;
    padding:18px 7em 20px 0;
    margin-bottom:30px;
    position:relative
}
.octave-tab-content h2 span{
    display:block;
    width:88px;
    height:88px;
    position:absolute;
    right:0;
    top:2px;
    background:url(../image/litera-octave_icon.png) no-repeat
}
.octave-tab-content h2.assessment span{
    background-position:-88px 0
}
.octave-tab-content h2.teacher span{
    background-position:-88px -88px
}
.octave-tab-content h2.content span{
    background-position:-88px -176px
}
.octave-tab-content h2.infra span{
    background-position:-88px -264px
}
.octave-tab-content h2.network span{
    background-position:-88px -352px
}
.octave-tab-content h2.life-skills span{
    background-position:-88px -440px
}
.octave-tab-content h2.enrichment span{
    background-position:-88px -528px
}
.octave-tab-content h2.parents span{
    background-position:-88px -616px
}
.octave-tab-content .octave-section{
    width:322px;
    height:280px;
    overflow:auto
}
.octave-section p{
    color:#fff;
    font-size:16px;
    line-height:24px;
    margin-bottom:16px
}
.accordian-tab-octa{
    display:none
}
.accordian-tab-octa .accordionButton{
    background:url(../image/octave-pluse-icon.png) right 10px top 15px no-repeat
}
.pt-30 .accordian-tab-octa .accordionButton{
    background:url(../image/octave-pluse-iconb.png) right 10px top 15px no-repeat
}
.accordian-tab-octa .accordionButton.on{
    background:url(../image/octave-mnus-icon.png) right 10px top 15px no-repeat
}
.pt-30 .accordian-tab-octa .accordionButton.on{
    background:url(../image/octave-mnus-iconb.png) right 10px top 15px no-repeat;
    color:#000!important
}
.pt-30 .accordian-tab-octa p{
    color:#000
}
.brand-logo{
    width:50%;
    display:inline-block;
    vertical-align:top
}
.accordian-tab-octa p{
    color:#fff
}
#slideshow-wrap{
    display:block;
    margin:20px auto auto;
    position:relative
}
#slideshow-inner{
    width:100%;
    overflow:hidden;
    position:relative
}
#slideshow-inner>ul{
    list-style:none;
    width:500%;
    overflow:hidden;
    position:relative;
    left:0;
    -webkit-transition:left .8s cubic-bezier(.77,0,.175,1);
    -moz-transition:left .8s cubic-bezier(.77,0,.175,1);
    -o-transition:left .8s cubic-bezier(.77,0,.175,1);
    transition:left .8s cubic-bezier(.77,0,.175,1)
}
#slideshow-inner>ul>li{
    width:20%;
    float:left;
    position:relative
}
#slideshow-inner>ul>li>img{
    margin:auto;
    height:100%
}
#slideshow-wrap input[type=radio]{
    position:absolute;
    left:50%;
    bottom:15px;
    z-index:100;
    visibility:hidden
}
#slideshow-wrap label:not(.arrows):not(.show-description-label){
    position:absolute;
    left:50%;
    bottom:-45px;
    z-index:100;
    width:12px;
    height:12px;
    background-color:rgba(200,200,200,1);
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    cursor:pointer;
    -webkit-box-shadow:0 0 3px rgba(0,0,0,.8);
    -moz-box-shadow:0 0 3px rgba(0,0,0,.8);
    box-shadow:0 0 3px rgba(0,0,0,.8);
    -webkit-transition:background-color .2s;
    -moz-transition:background-color .2s;
    -o-transition:background-color .2s;
    transition:background-color .2s;
    display:none
}
.description,label.arrows{
    position:absolute;
    z-index:1000
}
.description label,label.arrows{
    cursor:pointer;
    -webkit-transition:opacity .2s;
    -moz-transition:opacity .2s;
    -o-transition:opacity .2s
}
#slideshow-wrap label:not(.arrows):active{
    bottom:-46px
}
#slideshow-wrap input[type=radio]#button-1:checked~label[for=button-1],#slideshow-wrap input[type=radio]#button-2:checked~label[for=button-2],#slideshow-wrap input[type=radio]#button-3:checked~label[for=button-3],#slideshow-wrap input[type=radio]#button-4:checked~label[for=button-4],#slideshow-wrap input[type=radio]#button-5:checked~label[for=button-5]{
    background-color:rgba(100,100,100,1)
}
#slideshow-wrap label[for=button-1],#slideshow-wrap label[for=button-2],#slideshow-wrap label[for=button-4],#slideshow-wrap label[for=button-5]{
    margin-left:0
}
#slideshow-wrap input[type=radio]#button-1:checked~#slideshow-inner>ul{
    left:0
}
#slideshow-wrap input[type=radio]#button-2:checked~#slideshow-inner>ul{
    left:-100%
}
#slideshow-wrap input[type=radio]#button-3:checked~#slideshow-inner>ul{
    left:-200%
}
#slideshow-wrap input[type=radio]#button-4:checked~#slideshow-inner>ul{
    left:-300%
}
#slideshow-wrap input[type=radio]#button-5:checked~#slideshow-inner>ul{
    left:-400%
}
label.arrows{
    font-family:WebSymbolsRegular;
    color:ivory;
    top:50%;
    margin-top:-25px;
    display:none;
    opacity:.7;
    background-color:transparent;
    transition:opacity .2s;
    text-shadow:0 0 3px rgba(0,0,0,.8);
    font-size:42px
}
label.arrows:hover{
    opacity:1
}
label.arrows:active{
    margin-top:-23px
}
input[type=radio]#button-1:checked~.arrows#arrow-2,input[type=radio]#button-2:checked~.arrows#arrow-3,input[type=radio]#button-3:checked~.arrows#arrow-4,input[type=radio]#button-4:checked~.arrows#arrow-5{
    right:0;
    display:block
}
input[type=radio]#button-2:checked~.arrows#arrow-1,input[type=radio]#button-3:checked~.arrows#arrow-2,input[type=radio]#button-4:checked~.arrows#arrow-3,input[type=radio]#button-5:checked~.arrows#arrow-4{
    left:0;
    display:block;
    -webkit-transform:scaleX(-1);
    -moz-transform:scaleX(-1);
    -ms-transform:scaleX(-1);
    -o-transform:scaleX(-1);
    transform:scaleX(-1)
}
input[type=radio]#button-2:checked~.arrows#arrow-1,input[type=radio]#button-3:checked~.arrows#arrow-2,input[type=radio]#button-5:checked~.arrows#arrow-4{
    left:0
}
.description{
    top:0;
    left:0;
    width:260px;
    font-family:'Yanone Kaffeesatz'
}
.description input{
    visibility:hidden
}
.description label{
    font-family:WebSymbolsRegular;
    background-color:rgba(255,255,240,1);
    position:relative;
    left:-17px;
    top:00px;
    width:40px;
    height:27px;
    display:inline-block;
    text-align:center;
    padding-top:7px;
    border-bottom-right-radius:15px;
    opacity:0;
    transition:opacity .2s;
    z-index:5;
    color:#141414
}
#slideshow-inner>ul>li:hover .description label,.description input[type=checkbox]:checked~label{
    opacity:1
}
.description .description-text{
    background-color:rgba(255,255,230,.5);
    position:relative;
    top:-35px;
    z-index:4;
    opacity:0;
    -webkit-transition:opacity .2s;
    -moz-transition:opacity .2s;
    -o-transition:opacity .2s;
    transition:opacity .2s;
    color:#141414;
    padding:25px 15px 15px 45px
}
.description input[type=checkbox]:checked~.description-text{
    opacity:1
}
.about-mlzs-sec{
    padding:50px 0 30px;
    display:table
}
.about-mlzs-sec .col-md-5,.about-mlzs-sec .col-md-7{
    float:none;
    display:table-cell
}
.about-left-text{
    padding:20px 0;
    font-size:18px
}
.about-left-text table{
    margin-top:25px
}
.about-left-text table tr td{
    padding:8px;
    font-size:16px
}
.about-left-text table tr td:first-child{
    width:40%
}
.about-left-text table tr td:last-child{
    width:55%
}
.about-left-text p{
    color:#2e2e2e
}
#mainslider>.flex-control-nav{
    bottom:22px
}
.flexslider .slides img{
    border-radius:0
}
.no-bg-img{
    background-image:none
}
.our-usps{
    background:url(../image/our-usp.jpg) no-repeat;
    background-size:cover
}
.usps-products ul{
    width:100%;
    text-align:center;
    padding:50px
}
.usps-products ul li{
    list-style:none;
    text-align:center;
    width:32%;
    display:inline-block;
    padding:10px
}
.usps-products ul li .usps-block{
    width:100%
}
.usps-products ul li .usps-block img{
    display:block;
    margin:5px auto
}
.our-programs .programs-list .usps-block,.our-programs .programs-list li{
    display:inline-block;
    box-sizing:border-box;
    list-style:none;
    text-align:center
}
.usps-products ul li .usps-block p{
    color:#fff;
    text-align:center;
    padding:10px 0;
    font-size:20px
}
.our-programs{
    background:0 0
}
.our-programs .programs-list{
    width:100%;
    text-align:center
}
.our-programs .programs-list li{
    width:26%;
    padding:10px
}
.our-programs .programs-list .usps-block{
    max-height:250px;
    overflow:hidden
}
.our-programs .programs-list .usps-block img{
    height:100%;
    width:auto;
    border-radius:0
}
.our-programs .programs-list .usps-block p{
    background:#253083;
    text-align:center;
    padding:5px;
    font-size:16px;
    color:#fff
}
#thumbnail-slider .flex-control-thumbs.flex-control-thumbs li{
    width:33%;
    float:left;
    margin:0;
    padding:3px;
    box-sizing:border-box
}
.testimonials-sec{
    padding-top:70px
}
.testimonials-sec>label.arrows{
    top:37%
}
.tabs-menu{
    margin-top:0!important
}
.tabs-menu li{
    height:auto;
    padding:0!important;
    float:left;
    background-color:#d3d3d5;
    list-style:none;
    margin-left:0!important;
    margin-right:5px
}
.tabs-menu li:hover{
    background:#7465B2;
    color:#fff!important
}
.tabs-menu li.current{
    position:relative;
    background:#68C5D7;
    color:#fff
}
.tabs-menu li a:hover{
    color:#fff
}
.tabs-menu li a{
    padding:8px 27px;
    text-transform:capitalize;
    color:#4c4277;
    font-size:14px;
    display:block
}
.tabs-menu .current a{
    color:#fff
}
.tab{
    margin-bottom:20px;
    width:auto
}
.tab-content{
    display:none;
    padding-top:30px
}
.tab-content .row .tvc img,.tab-content .row.pr img{
    border:1px solid #222;
    padding:2px
}
.tab-content .row p{
    min-height:180px
}
.tab-content .row p img{
    display:block;
    margin-bottom:15px;
    max-width:100%
}
.tab-content .row .tvc{
    text-align:center
}
.tab-content .row.pr{
    text-align:center
}
#tab-1{
    display:block
}
/*---------sanskar-page--------------*/

.skr-moral{
  position: relative;
  margin-top: -112px;
  background: url(../image/right-bg.png);
  background-repeat: no-repeat;
  background-position: right 20%;
}
.moral-and-cultural{
  padding: 15px;
  min-height: 270px;
  background: url(../image/moral-bg.png);
  background-size: cover;
  background-position: left bottom;
  color: #fff;
 -webkit-box-shadow: 10px 10px 21px 4px rgba(230,227,230,0.97);
-moz-box-shadow: 10px 10px 21px 4px rgba(230,227,230,0.97);
box-shadow: 10px 10px 21px 4px rgba(230,227,230,0.97);
}

.moral-content{
  max-width: 1000px;
  margin-left: auto;
  width: 100%;
  display: flex;
  align-items: baseline;
  justify-content: right;
  margin: 0;
  float: right;
}
.left-content{
  width: 30%;
  text-align: right;
  align-self: center;
  padding-top: 13px;
}
.left-content h4{
  font-size: 46px;
  font-weight: 300;
}
.left-content p{
  font-size: 22px;
}
.center-content{
  width: 55%;
  text-align: left;
  padding-left: 40px;
}
.center-content p{
  font-size: 18px;
}
.right-content{
  width: 15%;
  text-align:right;
}
.right-content img{
  max-width: 100%;
  width: 100px;
}
.imctf{
  font-size: 13px;
}
.sanskar-tag-line > p{
  font-size: 18px;
  color: #2e3a90;
}
.line-highlight{
    width: 100px;
    height: 3px;
    background: #3e4293;
    display: block;
}
.gallery-discription .line-highlight{
    background: #fff;
}
.sanskar-tag-line .sanskar-theam{
  padding: 0px 0 70px;
}

.gallery-discription h5{
   font-size: 22px;
   padding-bottom: 15px;
   padding-top: 15px;
}
.viewer-rotate-left, 
.viewer-flip-horizontal, 
.viewer-rotate-right, 
.viewer-flip-vertical,
.viewer-reset,
.viewer-one-to-one,
.viewer-zoom-out,
.viewer-zoom-in{
   visibility: hidden !important;
}
.sanskar-tag-line .sanskar-theam p, .gallery-discription p .socal-discription p{
  font-size: 18px;
  margin-bottom: 25px;
}
.tab-section .nav-tabs{
  padding-left: 10px;
}
.tab-section .nav-tabs>li{
  width: 16%;
  margin-right: 7px;
  text-align: center;

}
.tab-section .nav-tabs>li:last-child{
  margin-right: 0;
}
.tab-section .nav-tabs>li.active,
.tab-section .nav-tabs>li.active>a, 
.tab-section .nav-tabs>li.active>a:focus, 
.tab-section .nav-tabs>li.active>a:hover{
  border: 0;
  border-color: transparent;
  background: transparent;
}
.tab-section .nav-tabs>li>a:hover, .tab-section .nav-tabs>li>a{
  border-color: transparent;
  background: transparent;
}
.tab-section .nav-tabs>li>a{
  border:0;
  border-radius: 0;
}
.tab-section .nav-tabs>li>a p{
  font-size: 15px;
  text-transform: capitalize;
}
.tab-section .nav>li>a>img{
  padding-bottom: 22px;
  opacity: 0.5;
}
.tab-section .nav>li.active>a>img{
  opacity: 1;
}
.tab-section .nav>li{
  position: relative;
}
.tab-section .nav>li span{
  height: 3px;
  background: #72bf44;
  width: 100%;
  display: none;
  position: absolute;
  bottom: -1px;
}
.tab-section .nav>li.active span, .tab-section .nav>li.hover span{
  display: block;
}
.tab-section .tab-content{
  padding-top: 50px;
}
.conserving-forests{

}
.conserving-forests h4{
  font-size: 25px;
  color: #2e3a90;
  font-weight: 600;
  text-transform: capitalize;
}
.conserving-forests p{
  font-size: 17px;
}
.single-event{
  display: flex;
  align-items: center;
  padding: 8px 15px;
  cursor: pointer;
}
.single-event:hover {
  background: #d4d7d5;
}
.event-icon{
  width: 15%;
}
.event-icon img{
  width: 66px;
  height: 66px;
  border-radius: 50%;
}
.event-name-decription{
  width: 85%;
}
.event-name-decription h5{
  font-size: 20px;
  color: #2e3a90;
  margin-top: 0;
  margin-bottom: 5px;
}
.event-name-decription h5 a{
    color: #2e3a90;
    text-decoration: none;
    opacity: 1;
}
.event-name-decription h5 a:focus {
    opacity: 0.9;
}
.event-name-decription h5 a:hover {
    opacity: 0.9;
}
.event-name-decription h5 span{
  font-size: 12px;
  text-transform: uppercase;
}
.event-name-decription p{
  font-size: 15px;
  margin-bottom: 0px;
}
.event-name-decription .event-date{
  font-size: 11px;
  margin: 0;
}
.eventwraper{
    /*overflow-y: scroll;*/
    min-height: 230px;
}
.container-scroll{
  margin-left: auto;
  width: 90%;
}
.sb-scrollbar{
  background: #2e3a90;
}
.sb-scrollbar-container{
  background: #eceaea;
}
.tab-section .tab-content{
    display: block;
}
.tab-section .tab-content .row p{
    min-height: auto;
}
.gallery{
    background: #38408e;
    color: #fff;
}
.gallery-section {
  /*display: flex;*/
  padding: 100px 0;
}
.gallery-section ul li{
    position: relative;
    cursor: pointer;
}

.gallery-discription {
  text-align: center;
}
.gallery-discription p, .socal-discription p {
    width: 80%;
    margin: auto;
    font-size: 18px;
    margin-bottom: 25px;
}
 
.gallery-section .gallery-image {
  width: 20%;
  /*margin-left: -4px;*/
  display: inline-block;
  position: static;
}

.gallery-section .gallery-image img {
  width: 100%;
  transform: scale(1);
  transition: all 0.5s;
  position: relative;
  cursor: pointer;
}

.gallery-section .gallery-image img:hover {
  transform: scale(1.2);
  transition: all 0.5s;
  z-index: 2;
}
.social-feed{
    max-height: 560px;
    overflow-y: scroll;
    padding-right: 30px;
    margin-top: 60px;
    text-align: center;
}
.gallery-section .docs-pictures li {
    display: inline-block;
    margin-left: 0;
    width: 20%;
}
.gallery-section .docs-pictures li img {
  max-width: 100%;
  width: 100%;
}

/*owl carousel css*/
/*custom aroow*/
#gallery-section .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
    position: absolute;
}
#gallery-section button.owl-prev {
    left: 2%;
}
#gallery-section button.owl-next {
    right: 3%;
}
#gallery-section button.owl-prev span {
    top: 20px;
    position: absolute;
    font-size: 30px;
}
#gallery-section button.owl-next span {
    top: 20px;
    position: absolute;
    font-size: 30px;
}
/*#gallery-section button.owl-prev span {
    background: url(https://mountlitera.com/wp-content/uploads/2019/09/left-arrow.png);
    background-repeat: no-repeat;
    width: 84px;
    height: 20px;
}
#gallery-section button.owl-next span {
    background: url(https://mountlitera.com/wp-content/uploads/2019/09/right-arrow.png);
    background-repeat: no-repeat;
    width: 84px;
    height: 20px;
}*/
/*owl carousel css*/


.mediasection{
    padding-bottom: 82px;
}
.mediasection{
    background: url(../image/left-bg.png);
    background-repeat: no-repeat;
}
/*.eventwraper:after{
    content:' ';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: green;
    height: 50px;
    width: 100%;
}*/
.theme-icon img{
    max-width: 100%;
}
.custom-size{
    padding: 0;
    margin-top: 10% !important;
}
.custom-size .modal-body{
    padding: 0;
}
.custom-size .content-body{
    padding: 40px;
    background: url(../image/pop-up-bg.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    display: flex;
}
.custom-size img{
width: 100%;
}
.custom-size button{
    border-radius: 50%;
    position: absolute;
    right: -40px;
    top: -30px;
    height: 30px;
    width: 30px;
    color: hsl(0, 0%, 100%);
    border: 2px solid hsl(0, 0%, 100%) !important;
    opacity: 1;
}
.popup-event-detial{
    width: 80%;
}
.orgniser-logo{
    width: 20%;
}
.popup-event-detial ul{
    padding-top: 25px
}
.popup-event-detial ul li{
    display: inline-block;
    width: 200px;
}
.popup-event-detial ul li img{
    max-width: 100%;
    width: auto;
    padding-right: 15px;
}
.popup-event-detial p{
    color: #444444;
    font-size: 18px;
}
.popup-event-detial h4{
    font-size: 34px;
    color: #2e3a90;
    font-weight: 600;
}
.popup-event-detial h4 span{
    text-transform: uppercase;
    font-size: 23px;
}
.popup-event-detial .theme{
    font-size: 22px;
    padding-bottom: 25px;
}
.orgniser-logo{
    text-align: right;
}
.orgniser-logo img{
    width: auto;
    max-width: 100%;
}
.tab-section .tab-pane{
  position: relative;
}
.tab-section .tab-pane:before{
  position: absolute;
  content: '';
  background: url(../image/bird-image.png);
  background-position: left top;
  height: 210px;
  width: 239px;
  left: -21%;
  top: 50%;
  z-index: 99;
  transform: translate(21%, -50%);
}
.boxscroll{
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    animation: pace-stripe-animation 500ms linear infinite;
    background-size: 20px 20px;
  }
.boxscroll { 
  overflow: auto;
 
}
  
  @keyframes pace-stripe-animation {
    from { background-position-y: 0; }
    to   { background-position-y: 100%; }
  }
.nicescroll-rails.nicescroll-rails-vr {
    display: block !important;
    background:#eceaea;
    border-radius: 10px;
  }

#sanskar-theme.logo-heading {
    background: #d4d7d5;
 }
#sanskar-theme.logo-heading  img{
  width: 116px;
 }

#sanskar-theme.logo-heading p{
  padding: 15px 0;
  margin: 0;
  font-size: 16px;
  color: #4a4997;
  text-transform: uppercase;
  font-weight: 600;
 }
 #sanskar-theme.logo-heading .row{
    display: flex;
    align-items: center;
 }

.main-headings{
  color: #fff;
  font-size: 30px;
  padding-bottom: 20px;
  display: inline-block;
  padding: 30px;
  margin: 0;
  background: #00a8e5;
  border-radius: 0px 0px 20px 20px;
  position: relative;
  -webkit-box-shadow: 0px 5px 14px 4px #00000042;;
-moz-box-shadow: 0px 5px 14px 4px #00000042;;
box-shadow: 0px 5px 14px 4px #00000042;;
  margin-bottom: 35px;
  min-width: 250px;
}
.main-headings:after{
    content: "";
    right: -12px;
    top: 0px;
    width: 0;
    height: 0;
    border-top: 15px solid #0000;
    border-bottom: 15px solid #0000;
    border-right: 15px solid #0085b3;
    position: absolute;
    transform: rotate(-48deg);
    z-index: 1;
    /*box-shadow: 1px 1px 20px #d3d1d170;*/
}
.main-headings:before{
  content: "";
    left: -12px;
    top: 0;
    width: 0;
    height: 0;
    border-top: 15px solid #0000;
    border-bottom: 15px solid #0000;
    border-right: 15px solid #0085b3;
    position: absolute;
    transform: rotate(-132deg);
}

/*---------css sanskar-page--------------*/


@media(max-width:810px){
    .tabs-menu li a{
        padding:8px 15px
    }
}
@media(max-width:700px){
    .tabs-menu li a{
        padding:8px 7px
    }
	.social-icons-footer{
		text-align:center;
	}
}
@media(max-width:600px){
    .tabs-menu{
        margin:20px 0 0
    }
}
@media screen and (max-width:1280px){
    .container1,.page-heading{
        width:100%
    }
    nav .navigation ul li a{
        padding:10px 12px
    }
    .footer .school-logo .slogo{
        width:80%
    }
    .footer .school-logo .slogo p{
        font-size:24px
    }
    .gallery-section .docs-pictures li{
        width: 25%;
    }
}
@media screen and (max-width:1091px){
.left-content {
    width: 30%;
    text-align: right;
    align-self: end;
    padding-top: 25px;
}
}
@media screen and (max-width:1024px){
    nav{
        min-height:85px
    }
    nav .branding{
        width:137px
    }
    .btnmenu{
        display:block
    }
    nav .navigation{
        display:none!important
    }
    #mobilemenu ul li{
        padding:10px
    }
    nav .branding img{
        padding:0
    }
}
@media screen and (max-width:990px){
    .zone{
        margin-bottom:20px;
        min-height:inherit
    }
    .litera-octave-container{
        display:none
    }
    .accordian-tab-octa{
        display:block
    }
    .contactus .address li{
        width:32%
    }
    .footer .school-logo .slogo li{
        width:19%;
        min-height:inherit
    }
    .footer .school-logo .slogo{
        width:98%
    }
    .footer .school-logo{
        padding-top:15px
    }
    .left-content h4{
        font-size: 40px;
    }
    .left-content p {
       font-size: 19px;
    }
    .center-content {
        width: 53%;
    }
    .center-content p {
    font-size: 17px;
    }
    .right-content {
    width: 15%;
    text-align: right;
    }
    .tab-section .nav-tabs>li{
        width: 32%;
    }
    .gallery{
        margin-top: 0;
        padding-top: 0;
    }
    .tab-section .nav-tabs{
        border-bottom: 0;
    }
    .theme-icon img {
    max-width: auto;
    width: 100%;
    }
    .gallery-section .docs-pictures li {
    width: 33.33%;
    }

}
@media screen and (max-width:900px){
    .about-left-text{
        padding:20px
    }
    .usps-products ul li{
        width:30%
    }
    .our-programs .programs-list li{
        width:31%
    }

}
@media screen and (max-width:800px){
    body{
        overflow-x:hidden
    }
    .programs ul li{
        width:49%
    }
    .octave .right-side{
        width:50%
    }
    .octave .left-side{
        margin-left:5%;
        width:45%
    }
    .news-event ul li{
        margin-bottom:0;
        width:47%
    }
    .parents ul li{
        vertical-align:top;
        width:45%
    }
    .contactus .address li{
        vertical-align:top;
        width:40%
    }
    .accordian-tab,.image-tab{
        float:left;
        width:50%
    }
    .content .event-left,.content .event-right{
        float:none;
        width:100%;
        text-align:center
    }
    .content .event-left{
        padding-right:0
    }
    .about-mlzs-sec .col-md-5,.about-mlzs-sec .col-md-7{
        float:left!important;
        display:block!important
    }
    .contactus .band,.location .band,.news-event .band,.octave .band,.parents .band,.partner .band,.programs .band{
        background-size:100% auto
    }
    .partner ul{
        padding-top:0
    }
    .nav-alt{
        display:none
    }
    .testimonialpg .heading{
        text-align:center
    }
    .partner .awards{
        letter-spacing:15px
    }
    .partner .awards p{
        font-size:14px;
        line-height:22px;
        width:30%
    }
    .footer .school-logo .slogo p{
        font-size:18px
    }
    .footer .school-logo{
        padding-top:10px
    }
    .usps-products ul li{
        width:47%
    }
    .our-programs .programs-list li{
        width:31%
    }
    .about-mlzs-sec{
        padding-top:0;
        display:initial
    }
    .about-left-text{
        padding-top:20px!important;
        display:block!important
    }
    .about-mlzs-sec .col-md-7{
        vertical-align:initial!important
    }
}
@media screen and (max-width:768px){
    .gallery-section .docs-pictures li {
    width: 50%;
    }
    .skr-moral{
        margin-top: 0;
    }
    .left-content p br{
        display: none;
    }
    .theme-icon img{
        max-width: auto;
        width: 100%;
    }
    .tab-section .tab-pane:before{
        display: none;
    }
    #sanskar-theme.logo-heading p {
    padding: 10px 0;
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #2e3a90;
   }
   .popup-event-detial h4 {
    font-size: 21px;
    }
    .popup-event-detial .theme {
    font-size: 16px;
    }
    .popup-event-detial p {
    font-size: 15px;
    }
    .custom-size button {
        right: 0px;
        top: -35px;
    }

}
@media (min-width: 768px){
.modal-dialog {
    width: 600px !important;
    margin: 30px auto;
}
}
@media (min-width: 932px){
.modal-dialog {
    width: 932px !important;
    margin: 30px auto;
}
}

@media screen and (max-width:700px){
    .page-heading{
        font-size:28px!important
    }
    .contactus .band h2,.location .band h2,.news-event .band h2,.octave .band h2,.octave .right-side p,.parents .band h2,.partner .band h2,.programs .band h2{
        font-size:18px
    }
    .contactus .band,.location .band,.news-event .band,.octave .band,.parents .band,.partner .band{
        margin-top:6px;
        height:93px
    }
    #octave-circle,.litera-features{
        width:241px;
        height:241px
    }
    .programs .band{
        margin-top:-14px
    }
    .parents .band{
        margin-top:-19px
    }
    #octave-circle{
        position:relative;
        left:00%;
        margin:0
    }
    .mob-image{
        display:none
    }
    .footer .copright p{
        width:100%
    }
}
@media screen and (max-width:650px){
    .moral-content {
        flex-wrap: wrap;
        float: none;
    }
    .left-content{
        width: 100%;
        text-align: center;
    }
    .center-content{
        width: 100%;
        text-align: center;
        padding-left: 0;
    }
    .right-content{
        width: 100%;
        text-align: center;
    }
}
@media screen and (max-width:600px){
    .partner .awards p{
        width:90%;
        min-height:150px;
        margin-bottom:15px;
        border-right:0
    }
    .partner .pwtestimonial-li li{
        width:90%;
        border:1px solid #fff;
        padding:10px;
        margin-bottom:15px
    }
    .partner{
        padding-bottom:30px
    }
    .partner .pwus-li{
        padding:0
    }
    .partner .pwtestimonial-li li+li,.partner .pwus-li li+li{
        border:none;
        border:1px solid #fff
    }
    .partner .pwus-li li{
        width:90%;
        border:1px solid #fff;
        padding:10px;
        margin-bottom:15px
    }
    .parents .band{
        margin-top:-16px
    }
    .footer .school-logo .slogo li{
        width:19%
    }
    .footer .school-logo{
        width:100%;
        float:none;
        padding-left:0
    }
    .footer .footer-zlearn{
        width:100%;
        float:none;
        background:#C7EAFC;
        text-align:center
    }
    .footer .footer-zlearn img{
        width:30%
    }
    .our-programs .programs-list li{
        width:48%
    }
}
@media screen and (max-width:630px){
    .news-event ul li{
        margin-bottom:15px;
        width:100%;
        border:1px solid #333
    }
}
@media screen and (max-width:575px){
    .tab-section .nav>li>a{
        padding: 7px 0;
        margin: 0;  
    }
    .tab-section .nav>li{
        margin: 0;
    }
    .tab-section .nav{
        padding-left: 0;
    }
    .event-name-decription {
    width: 70%;
    }
    .event-icon {
    width: 30%;

}
}
@media screen and (max-width:480px){
    #thumbnail-slider .slides{
        width:100%;
        padding:20px;
        box-sizing:border-box
    }
    #thumbnail-slider .slides img{
        text-align:left;
        display:block;
        width:100%
    }
    #thumbnail-slider .slides li{
        margin:0!important;
        padding:0!important;
        text-align:left
    }
    nav .branding{
        float:left;
        margin-right:15px;
        width:40%
    }
    .partner ul{
        padding:0
    }
    .content p img{
        height:100%;
        width:100%
    }
    .icons-cat,.tab-content .row.pr img{
        height:auto
    }
    .tab-content .row p img{
        max-width:100%;
        width:auto
    }
    .content p{
        color:#8a8a8a;
        font-weight:300;
        padding-bottom:3px;
        padding-top:14px;
        text-align:center
    }
    .news-event ul li,.programs ul li{
        padding:0 2%;
        width:100%
    }
    .testimonialpg p{
        font-size:16px
    }
    .news-event ul li{
        margin-bottom:15px
    }
    .contactus .address li,.contactus .social-view li,.parents ul li{
        margin-bottom:25px;
        padding:0 2%;
        width:100%
    }
    .contactus .school-logo .slogo li{
        margin-bottom:15px
    }
    .col-left{
        padding-bottom:30px;
        padding-top:70px
    }
    .icons-cat{
        display:inline-block;
        float:left;
        padding:10px;
        width:100%!important
    }
    .col-right>form>fieldset>p>input[type=text],select{
        background-color:#fdfdfd;
        border-style:solid;
        border-width:2px;
        display:block;
        margin:0 auto;
        padding:5px;
        width:90%!important
    }
    .page-heading{
        font-size:22px!important;
        padding:70px 0!important
    }
    .contactus .band h2,.location .band h2,.news-event .band h2,.news-event ul li p,.octave .band h2,.octave .right-side p,.parents .band h2,.parents ul li p,.partner .band h2,.programs .band h2{
        font-size:16px
    }
    .accordian-tab{
        float:none;
        width:100%
    }
    .image-tab{
        display:none
    }
    .programs .band{
        margin-top:-12px;
        height:56px
    }
    .contactus .band,.location .band,.news-event .band,.octave .band,.parents .band,.partner .band{
        margin-top:12px;
        height:56px
    }
    .parents .band{
        margin-top:-11px
    }
    .partner .band{
        margin-top:-9px!important;
        top:0
    }
    .slide-up p{
        color:#fff;
        font-size:14px
    }
    .contactus .address li{
        width:90%
    }
    .copyright{
        width:100%;
        float:left
    }
    .news-event ul li h2{
        color:#0078A0;
        font-size:18px;
        font-weight:100;
        padding:25px;
        text-align:center;
        line-height:28px;
        min-height:112px;
        position:relative
    }
    .contactus,.news-event,.programs{
        background-size:25%
    }
    .our-programs .programs-list li,.usps-products ul li{
        width:98%
    }
    .our-usps{
        background-size:cover!important
    }
    .top-nav-sec ul{
        padding:15px 22px!important;
        margin-bottom:5px
    }
    .top-nav-sec ul li a{
        font-size:13px!important
    }
    .popup-event-detial ul li {
    width: 139px;
    }
    .popup-event-detial h4 {
    font-size: 18px;
    }
    .popup-event-detial .theme {
    font-size: 15px;
    }
    .popup-event-detial p {
    font-size: 14px;
    }

}
@media screen and (max-width:420px){
    .programs .band{
        height:50px;
        margin-top:-8px
    }
    .contactus .band h2,.location .band h2,.news-event .band h2,.octave .band h2,.parents .band h2,.partner .band h2,.programs .band h2{
        font-size:14px
    }
    .footer .school-logo .slogo p,.select-style select{
        font-size:16px
    }
    .contactus .band,.location .band,.news-event .band,.octave .band,.parents .band,.partner .band{
        height:50px;
        margin-top:14px
    }
    .parents .band{
        margin-top:-10px
    }
    .contactus .band{
        margin-top:-59px;
        top:0
    }
    .select-style{
        width:250px
    }
    .footer .school-logo .slogo li{
        width:18%
    }
    .event-name-decription h5{
    font-size: 17px;
}
.event-name-decription p{
    font-size: 15px;
}
.container-scroll{
    width: 100%;
}
.event-name-decription {
    padding-right: 15px;
}
}
@media screen and (max-width:360px){
    .contactus .band h2,.location .band h2,.news-event .band h2,.octave .band h2,.parents .band h2,.partner .band h2,.programs .band h2{
        font-size:12px
    }
    .tab-section .nav-tabs>li>a p {
    font-size: 11px;
    margin-bottom: 0;
}

}
#beyond_acedmics_slider ul{
    width:100%!important;
    margin:auto 12%!important
}
.offce-address-container .zone{
    background-color:#fff;
    border:2px solid #2c3091
}
.academic-experience-tree{
    width:408px;
    height:900px;
    position:relative;
    margin:0 -204px;
    left:50%
}
.academic-life-skill,.academic-life-skill:hover{
    width:350px;
    height:296px;
    display:block;
    margin:11px 0 0 32px;
    position:relative
}
.academic-life-skill{
    z-index:10;
    background:url(../image/academic-exp-life-skill.png) no-repeat
}
.academic-life-skill:hover{
    z-index:15;
    background:url(../image/academic-exp-life-skill.png) -350px no-repeat
}
.academic-knowledge,.academic-knowledge:hover{
    width:228px;
    height:351px;
    display:block;
    margin:-133px 0 0 50px;
    position:relative;
    z-index:20
}
.academic-knowledge{
    background:url(../image/academic-exp-knowledge.png) no-repeat
}
.academic-knowledge:hover{
    background:url(../image/academic-exp-knowledge.png) -228px 0 no-repeat
}
.academic-core-value,.academic-core-value:hover{
    width:336px;
    height:337px;
    display:block;
    margin:-15px 0 0 -26px;
    position:relative;
    z-index:30
}
.academic-core-value{
    background:url(../image/academic-exp-core-value.png) no-repeat
}
.academic-core-value:hover{
    background:url(../image/academic-exp-core-value.png) -336px 0 no-repeat
}

.tab-section .nav>li {
    min-height: 148px;
}

@media (min-width:1200px){
    .container{
        width:1198px
    }
}

.galary-overlay{
    left: 0;
    position: absolute;
    width: 0;
    height: 100%;
    background: #00c0f0e8;
    top: 0;
    display: none;
    color: #fff;
    padding: 30% 7%;
    transition: width 0.3s;
    -webkit-transition: width 0.3s;
}
.galary-overlay h4{
    font-weight: 600;
    font-size: 17px;
    margin-bottom: 0;
}
.galary-overlay h4 span{
    font-size: 12px;
}
.galary-overlay p{
    font-size: 15px;
    margin-bottom: 5px
}
.gallery-section .item:hover .galary-overlay{
    display: block;
    width: 100%;
}