/*  ========== Media Queries ============= */
@media only screen and (max-width: 1024px) {
    .logo-tit {
        font-size: 28px;
    }

    .social-connectionstop {
        display: none!important
    }

    .fotorama__stage {
        height: 400px !important
    }

    .litera-octave .nav-tabs li {
        width: 110px;
        height: 110px;
        line-height: 103px;
    }

    .nav-tabs li .active:before {
        bottom: 5px;
        line-height: 0
    }

    .navbar-light .navbar-nav .nav-link {
        margin-right: 5px;
        font-size: 14px
    }

    .frame-bg img {
        height: 440px;
        object-fit: contain
    }
}

@media only screen and (max-width: 991px) {
    .navigation {
        padding: 5px 0px
    }

    .navbar-light .navbar-toggler {
        background: #000;
    }

    .navbar-collapse {
        position: absolute;
        top: 50px;
        left: 0;
        right: 0;
        bottom: 0;
        background: #fff !important;
        z-index: 9999;
        float: left;
        width: 100%;
        height: fit-content;
        padding: 0px 50px;
        box-shadow: 0px 0px 10px #ddd;
    }

    .bl-bg-br{
        border-radius:15px;
    }

    .footer .footer__half:before {
        background: #2ab0ab;
        -webkit-box-shadow: 0 0 6px 0 #2ab0ab;
        -moz-box-shadow: 0 0 6px 0 #2ab0ab;
        box-shadow: 0 0 6px 0 #2ab0ab;
        height: 1px;
        left: 20px;
        margin: 0;
        position: absolute;
        right: 20px;
        top: 0;
    }
    .footer__half {
        width: 100%;
        padding-top:0;
        position:relative;
    }
    .footer__links:nth-of-type(2) {
        display: none;
    }
    .footer .footer__inner {
        display: block;
    }
    .progress-container{
        display:none;
    }
    .landing_right{
        display:none;
    }
    .landing_left{
        right:8px;
    }
    .section3 {
        height: auto;
    }

}

@media only screen and (max-width: 900px) {
    .contact {
        display: none
    }

    .dropdown-menu {
        opacity: 1;
        width: 35vw;
        font-size: 0.75rem;
        letter-spacing:0.05rem;
        height: 100vh;
        left: 101% !important;
    }
    .menu .menuContent {
        top: 45%;
        left: 5%;
        font-size:22px;
    }
}

@media only screen and (max-width: 768px) {
    .slider-txt h2 {
        font-size: 1.4rem
    }

    .navbar-light .navbar-toggler {
        border-color: rgba(255,255,255,0)
    }

    .dropdown-menu:before {
        top: 30px
    }

    .read-more {
        margin-bottom: 30px
    }

    .thoughts {
        margin-top: 30px
    }

    .quote-author {
        padding-bottom: 30px
    }

    .octave .nav-tabs li svg {
        width: 42px;
        height: 42px
    }

    .litera-octave .nav-tabs li {
        height: 80px;
        line-height: 75px;
    }

    .sub-section p a {
        margin-right: 0;
    }

    .modal-dialog {
        max-width: 650px
    }

    .box-shadow {
        padding: 15px;
        margin: 15px 0px
    }

    .v-container .row:nth-child(odd) .light-bg {
        margin-left: 0px;
    }

    .v-container .row:nth-child(even) .light-bg {
        margin-right: 0
    }

    .contact {
        display: none
    }

    .pp-icon {
        width: 100px;
        height: 100px
    }

    .spp-icon {
        width: 130px;
        height: 130px;
        margin-left: 16px;
    }

    .h3-style {
        font-size: 16px
    }

    .blu-quotes {
        font-size: 16px
    }

    .image-gal > div {
        margin-top: 20px
    }

    .white-box1 h4 {
        font-size: 20px;
    }

    .flex-caption {
        bottom: 15%
    }

    .dropdown-content svg {
        display: none
    }

    .d-fstart .content p {
        display: none
    }

    .d-fstart .content h5 {
        font-size: 1rem
    }

    .d-fstart {
        align-items: center
    }

    #sync1.owl-carousel.owl-loaded {
        width: 32% !important;
    }

    .frame-bg img {
        height: 430px
    }

    #sync2.owl-carousel.owl-drag .owl-item {
        width: 35% !important
    }
    .footer__half{
        width:100%
    }
}

@media screen and (max-width: 600px) {
    .slider-txt h2 {
        font-size: 1rem
    }

    .enquire {
        font-size: 14px
    }

    .litera-octave .nav-tabs li .active, .litera-octave .nav-tabs li {
        border-radius: 0
    }

    .nav-tabs li .active:before {
        display: none
    }

    .social-connections {
        margin-top: 20px
    }

    .programs .row {
        display: block
    }

    .sub-section {
        min-height: 90px;
    }

        .sub-section p {
            text-align: left
        }

            .sub-section p a {
                margin-right: 20px;
                line-height: 45px;
            }

    .bg {
        padding: 30px 15px;
    }

    .icon-circle {
        margin: 15px auto
    }

        .icon-circle.y-bg:after, .icon-circle.b-bg:after {
            display: none
        }

    .gsp, .contact {
        display: none
    }

    .feature {
        height: fit-content
    }

    .flex-caption {
        display: none
    }

    .title-c p {
        font-size: 14px
    }

    #sync2.owl-carousel.owl-drag .owl-item:nth-child(1), #sync2.owl-carousel.owl-drag .owl-item:nth-child(2), #sync2.owl-carousel.owl-drag .owl-item:nth-child(3) {
        position: Relative;
        padding: 10px;
        text-align: left
    }

    #sync2.owl-carousel.owl-drag .owl-item:nth-child(4), #sync2.owl-carousel.owl-drag .owl-item:nth-child(5), #sync2.owl-carousel.owl-drag .owl-item:nth-child(6) {
        position: Relative;
        padding: 10px;
        text-align: left
    }

    #sync2.owl-carousel.owl-drag .owl-item:nth-child(5) {
        top: auto
    }

    #sync2.owl-carousel.owl-drag .owl-item:nth-child(6) {
        top: auto
    }

    #sync2.owl-carousel.owl-drag .owl-item:nth-child(2) {
        top: auto
    }

    #sync2.owl-carousel.owl-drag .owl-item:nth-child(3) {
        top: auto
    }

    #sync1.owl-carousel.owl-loaded {
        position: relative
    }

        #sync1.owl-carousel.owl-loaded:before {
            height: 430px
        }

    #sync1.owl-carousel.owl-loaded {
        width: 100% !important
    }

    #sync2.owl-carousel.owl-drag .owl-item {
        width: 90% !important;
        margin-left: 5%
    }

    .sub-content p, .sub-content li {
        margin-left: 15px;
        margin-right: 15px
    }

    .img-index .light-bg {
        margin-left: 0;
        padding-left: 0
    }

    .flexslider-default {
        display: none;
    }

    .flexslider-mobile {
        display: block;
    }

    .logo img {
        width: 72px !important
    }

    .section1 div {
        top: 25%;
        width: 75%;
        margin: 10% 10%;
    }

    .section1 p{
        font-size:16px;
        line-height:1.8;
    }
    .dropdown-menu {
        top: 25vw !important;
        width: 60vw !important;
        height: 80vh !important;
        left: 30vw !important;
    }
}

@media only screen and (max-width: 480px) {
    .gsp {
        display: none
    }

    .events .h2-title {
        margin-left: 10px
    }

    .owl-theme .owl-nav {
        margin-right: 10px
    }

    .octave {
        margin: 0px 15px;
    }

    .slider-txt h2 {
        font-size: 14px
    }

    .enquire {
        padding: 15px 20px;
    }

    .octave .nav {
        display: block
    }

        .octave .nav li.col {
            width: 100%
        }

    .litera-octave .octave .nav-tabs li:hover, .litera-octave .octave .nav-tabs li:active, .litera-octave .octave .nav-tabs li:focus {
        transform: translate(0px, 0px);
    }

    .thoughts {
        padding: 10px
    }

    .modal-dialog {
        max-width: 400px
    }

    .para {
        padding: 0px 20px
    }

    .sub-h1 {
        font-size: 24px;
    }

    #sync1.owl-carousel.owl-loaded {
        left: 0px;
    }

    .owl-carousel .owl-item img {
        margin: 0 auto
    }

    #sync1.owl-carousel.owl-loaded:before {
        background: url(../images/frames.png) no-repeat center;
        background-size: contain;
    }

    .notify-rows img {
        width: auto;
    }

    .spp-icon {
        margin: 0 auto
    }

    .h3-style {
        margin: 15px;
    }

    .form-control {
        width: 94%
    }

    .static-banner:before {
        top: 10px;
        ;
        bottom: -10px;
    }

    .columnflex {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        text-align: center !important
    }

    .border-box p {
        text-align: center
    }

    .text-cen {
        text-align: center
    }

    .round-image {
        width: 100% !important
    }

    .title-clr {
        text-align: center
    }

    .img-txt img {
        width: 100% !important
    }

    .h2-title {
        font-size: 24px;
    }

    h6 {
        margin: 0px 15px;
    }

    .spa-between {
        flex-direction: column;
        align-items: flex-start
    }

    h4, h5 {
        margin: 15px;
    }

    h5 {
        font-size: 16px
    }

    .width100 {
        width: 100%
    }

    .img-txt {
        text-align: center
    }

    #imgStudentPhoto{
        margin:auto
    }
}

@media only screen and (max-width: 425px) {
    .logo-tit {
        font-size: 24px
    }

    .slider-txt {
        display: none
    }

    .cmn-cls {
        height: auto;
    }

    .owl-item .synced .active, .owl-item .active {
        margin-right: 0px !important;
    }

    .v-text {
        right: -170px;
    }

    .testimonials {
        padding: 10px
    }

    .pp-icon {
        width: 150px;
        height: 150px;
        margin: 0 auto
    }

        .pp-icon + h4 {
            text-align: center
        }
}

@media only screen and (max-width: 375px) {
    .logo-tit {
        font-size: 20px
    }

    .slider-txt {
        display: flex
    }

    .sub-section p a {
        line-height: 30px;
    }

    .modal-dialog {
        max-width: 300px
    }

    #sync2.owl-carousel.owl-loaded {
        width: 98%
    }

    .events h3 {
        font-size: 18px;
    }
}

@media only screen and (max-width: 320px) {
    .title-c p {
        font-size: 12px;
    }

    .logo-tit {
        font-size: 17px
    }

    .slider-txt {
        display: none
    }

    .Mticker {
        height: 420px !important
    }

    .tab-content > .active {
        text-align: justify
    }

    h2, .h2-title, .img-container h3, .white-txt, .h2-tit {
        font-size: 1.6rem;
    }

    .owl-stage {
        width: 312px
    }
}
/*  ========== /Media Queries ============= */