/* ==============================
   Phone
   ============================== */
@media (max-width: 680px) and (min-width: 310px) {
a.mobilebtn{
    letter-spacing: 0 !important;
    padding: 10px 0px !important;
}
        body .lightbox-gallery>a small {
            opacity: 1 !important;
            font-size: 25px;
        }

    .mb-xs-60{ margin-bottom: 60px !important;}
    .bkids .col-md-2 {
        flex: none !important;
                max-width: 100% !important;
    }
    html body section{
        overflow: hidden !important;
        overflow-x: hidden !important;
        position: relative !important;
    }
        .position-relative{
        overflow: hidden !important;
        }
    .slider:not(.hover-zoom__inner){
        display: none !important;
    }
    nav.navbar img{
        position: absolute;
        width: 300% !important;
        left: 0;
        right: 0;
        margin: auto;
        max-width: 10000% !important;
    }
    p,p.lead{
        text-align: left !important;
    }
    body p.lead{
        font-weight: 700;
        font-size: 18px !important;
        line-height: 1.8;
    }
    body p{ 
        font-weight: 500;
            font-size: 18px!important;
            line-height: 1.8;
    }
    body h4 {
        font-size: 20px;
        line-height: 1.1;
        text-align: left;
        margin-bottom: 0;
    }
    body h3 {
        font-size: 18px;
        line-height: 1;
    }
    body h2 {
        font-size: 34px;
        line-height: 1.1;
        text-align: left;
    }
    .linemobile img{
        opacity: 0;
    }
    body .blue-about-img {
        position: absolute;
        top: -3% !important;
    }
    body .green--about-img {
        position: absolute;
        top: 7% !important;
    }
    .linemobile{
        border-bottom: 2px solid #5cc3e3;
    }
    body .ccccc h2 {
        font-size: 28px;
        line-height: 1.1;
        text-align: left;
    }
    body h1 {
        font-size: 38px;
        line-height: 1;
        text-align: left;
    }
    body .tobtn a{
        display: block;
        width:100%;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom:20px;
        position: relative;
        z-index: 99;
    }
    body .home--green-img {
        position: absolute;
        left: -44%;
        bottom: -5%;
    }
    body .home--purple-img {
        position: absolute;
        right: 0%;
        bottom: 11%;
    }
    .mb-xs-80 {
        margin-bottom: 80px;
    }
    .mb-xs-60 {
        margin-bottom: 60px;
    }
    .mb-xs-40 {
        margin-bottom: 40px;
    }
        .col-md-6.mb-40.wow.fadeInUp.mb-xs-80,
        .row.mb-60.mb-xs-40 {
            margin-bottom: 40px !important;
        }
    body .mb-xs-20 {
        margin-bottom: 20px !important;
    }
    body .mb-xs-0{
        margin-bottom: 0 !important;
    }
    .beige--about--img,
    .mobile-off{
        display: none !important;
    }
    section{
        padding: 90px 0 !important
    }
    .revert{
        flex-direction: column-reverse;
    }
    .wrap{flex-wrap: wrap;}
    footer h3 {
        font-size: 23px;
        line-height: 1.2;
        margin-left: 0 !important;
        margin-top: 20px;
    }
    body .home-yellow2-img {
        position: absolute;
        top: 0%;
        right: 0%;
        width: 72%;
        z-index: 1;
    }
    body .home-orange-img {
        position: absolute;
        bottom: 0%;
        left: 0%;
        width: 46%;
    }
    .mb-xs-10{margin-bottom: 10px !important;}
    footer .mb-80{
        margin-bottom: 30px !important;
    }
    body .bg--footer {
        position: absolute;
        top: -12%;
        height: 120%; 
        left: -31%;
        width: 140%;
        max-width: 200%;
    }

    body footer h5,
    body footer p {
        color: white;
        font-size: 20px;
        margin-bottom: 0px;
    }
    .row{
        z-index: 999;
        position: relative
    }
    body .middle2{bottom: 0% !important}
    body .circle--img .circle--back2{
            right: -10px;
                bottom: -10px;
        }
    body .circle--img .circle--back { 
        left: -10px;
        bottom: -10px;
    }
    .pb-xs-0{
        padding-bottom: 0 !important;
            padding-top: 0 !important;
    }
    .nosvg>img{
        display: none;
    }
    .panel-collapse>.row .col-md-12,
    .panel-collapse>.row{
        padding-top: 0 !important;
        margin-top: 0 !important;
    }
    .tabCampus{
        margin-bottom: 40px !important;
        flex-wrap: wrap;
    }
    body .tabCampus a{
        font-size: 14px !important;
    }
    body .panel-title h3 {
        text-transform: capitalize !important;
        font-weight: 900 !important;
        margin-bottom: 10px !important;
        font-size: 20px !important;
        line-height: 1.4 !important;
    }
    .panel-title p{
        font-size: 14px !important; 
        
    }
    .ipadv-on-left.ipad-on.btn.btn-large.blue-transparent.rounded{
        float: none !important;
        display: block !important;
        border: solid !important;
        padding: 6px;
    }
    .panel-title    .btn.btn-large {
        min-width: 0 !important;
        border: none !important;
        margin-bottom: 0px !important;
        margin-top: 30px !important;
        padding: 0;
        font-weight: 900;
    }
    body .accordion-style2 .panel .panel-heading {
        border-radius: 0;
        padding: 18px 0px 19px;
    }
    .panel-collapse img{
        margin-bottom: 20px;
    }
    .panel-collapse b{
        font-weight: 900;
    }
    body .pb--xs-0{
        padding-bottom: 0 !important;
    }
    body .bp60{background-position: 66% 50% !important;}
    
    .circle_2:before,
    .circle_:before{display: none;}
/* #accordion-main .col-md-8 { 
    height: 162px;
} */
    body .partykids1 {
        position: absolute;
        top: -2%;
        left: -10%;
    }
.bp10-50{
    background-position: 10% 50% !important;
}
.gray--img1 {
    display: none;
}
/* .lightbox-gallery .gal:hover span {
    opacity: 1 !important;
} */
    .pt-xs-90{
        padding-top: 90px !important;
    }
    .pl-xs-0{
        padding-left: 0 !important;
    }
        .height-60 {
            height: 60vh;
            padding: 0
        }

        .boxfiled {
            height: 60px;
        }
        .of-contain{
            height: 60px;
            opacity: 0;
        }
    .coverimagen{
        position: relative !important;
    }
    .slider-wrapper{
        display: none !important;
    }
    .col-md-2,
    .itemfinded{
        margin-bottom: 20px;
    }
    body .col-xs-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    body p.f14{
        font-size: 14px !important;
    }
    .mobile-on {
        display: block !important;
    }
    .center-logo{
        position: relative !important;
        left:  20px !important;
    }
    body header nav.nav-box-width {
        padding: 0 0px;
    }
    .pl-xs-0,
    .ipad-w100{
        min-width: 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }
    .tobtn.tobtnblock.oneline2 a{
        min-width: 100% !important;
    }
    .mh80{
        max-height: 40px;
    }
    body footer.position-relative{
        background-color: #5cc3e3 !important;
        overflow: initial !important;
    }
    .bg--footermobile{
        position: absolute;
        top: -40px;
        width: 100%;
        max-width: 200%;
    }
    body nav{overflow-x: hidden !important;}
    aside p:not(.pt-10x),
    aside p.lead{
        text-align: center !important;
    }
    .col-md-6.mb-40.wow.fadeInUp,
    .row.mb-60{
        margin-bottom: 0px !important;
    }
    .pt-xs-0{padding-top:0 !important;margin-top: 0px !important;}
    video{min-width:250% !important}
    section.height-100.position-relative {
        max-height: 60vh;
    }
    /* .bgmobile {
        background-image: url(../images/HOME-BACK-HERO2.jpg);
        background-position: 50% 0%;
        background-repeat: no-repeat;
        background-size: cover;
    } */
    .post aside p,
    .post aside h6 { 
        font-size: 18px !important; 
    }
    #accordion-main .col-md-8{
        margin-top: 20px;
        padding-right: 90px;
    }
    #accordion-main .col-md-8>a{
        display: none;
    }
    /* body a.angledown.threeline {
        bottom: 143px !important;
    }
    body a.angledown.ws {
        bottom: 85px !important;
    }
     */
    body a.angledown.threeline {
        top: 364px !important;
    }
    body a.angledown { 
        top: 322px !important;
        bottom: auto !important;
        z-index: 999999;
        width: 45px;
        height: 45px
    }
    body .col-xs-8 {
        -ms-flex: 0 0 70%;
        flex: 0 0 70%;
        max-width: 70%;
    }
    nav{overflow: hidden;}
    .t66{top:66% !important}
    .panel-collapse .col-md-4{
        -ms-flex: 0 0 33.3%;
        flex: 0 0 33.3%;
        max-width: 33.3%;
        padding-left: 5px;
            padding-right: 5px;
    }
        body .home--yellow-img {
            position: absolute;
            top: 0%;
            left: -6%;
            width: 100%;
            opacity: .8;
        }
        .text-xs-center{text-align: center !important;} 
        body section{overflow: hidden !important;max-width:100%}
        body img.imgpost {
            width: 100%%;
            margin-right: 0px;
            height: auto !important
        }
        .mobile-on.flex-xs{
            display: flex !important;
        }
        .pb-xs-00{
            padding-bottom: 0 !important;
        }
}
.position-relative.brushe{
    overflow: initial !important;
}
.brushe .brushTop {
    position: absolute;
    top: -38px;
    left: -20px;
    width: 105%;
    max-width: 110%;
    z-index: 9;
}
.brushe .brushBottom {
    position: absolute;
    bottom: -38px;
    left: -20px;
    width: 105%;
    max-width: 110%;
    z-index: 9;
}
.mobile-on{
    display: none;
}
.imgpost{
    width: 33.3%;
    margin-right: 40px;
    height: fit-content
}