@media(min-width:768px) {
    /***** HOME BANNER ****/     
    .hero-banner-outer .container {
        position: absolute;
        left: 0;
        right: 0;
        top: 50%;
        transform: translateY(-50%)
    }
    .hero-banner {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%
    }

    /**** Page Courses : Course Fee ***/     
    .class-schedule-list-row{
        margin-left: -25px;
        margin-right: -25px
    }
    .class-schedule-list-row > div{
        padding-left: 25px;
        padding-right: 25px
    }
    .in-online-class-list-row{
        margin-left: -25px;
        margin-right: -25px
    }
    .in-online-class-list-row > div{
        padding-left: 25px;
        padding-right: 25px
    }

}



@media(min-width:992px) {
    /***** INTRODUCTION ******/   
    .more-about-image-box, .image-about-holder {
        position: relative;
        padding-top: 3rem;
    }  
    .image-about-holder{
        padding-left: 3rem
    }
    .more-about-image-box:before, .image-about-holder:before {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 12.5rem 17.1875rem 0 0;
        border-color: #092a65 transparent transparent transparent;
        position: absolute;
        left: 0;
        top: 0;
    }
    .gallery-two-image-1 {
        width: 82%;
        height: 31rem;
        margin: auto;
    }
    .gallery-two-image-2 {
        width: 48%;
        height: 21rem;
        position: absolute;
        right: 0;
        bottom: 0;
    }
    .gallery-two-images {
        position: relative;
        height: 35.5rem;
    }

    /*** Home - News ***/ 
    .news-lists-version-1 {
        height: 30rem;
        overflow: auto;
    }
    /* width */
    .news-lists-version-1::-webkit-scrollbar {
        width: 10px;
    }

    /* Track */
    .news-lists-version-1::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    /* Handle */
    .news-lists-version-1::-webkit-scrollbar-thumb {
        background: #888;
    }

    /* Handle on hover */
    .news-lists-version-1::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

    /*** Our Goals ***/  
    .our-goals-lists {
        width: calc(100% + 6rem);
        margin-left: -6rem;
    } 


    /** Page About - Our Team ***/
    .team-list-bg {
        border-radius: 0.75rem; 
        padding: 0
    } 
    .team-list{
        position: relative;
        overflow: hidden
    }
    .team-member-other-information {
        font-size: 0.9rem;
        margin-bottom: 0.25rem;
    }
    .team-list-overlay {
        position: absolute;
        left: 1rem;
        top: 1rem;
        background-color: rgba(20, 199, 153, 0.80);
        right: 1rem;
        bottom: 1rem;
        border-radius: 0.75rem;
        color: #FFF;
        display: flex;
        align-items: center;
        justify-content: center;
        text-shadow: 0 0 3px rgba(0,0,0,0.15);
        transform: translateY(100%);
        transition: all ease 0.75s;
        opacity: 0
    }
    .team-list:hover .team-list-overlay {
        transform: translateY(0); 
        opacity: 1
    }

    /*** Timeline ****/  
    .timeline-list-desc {
        line-height: 1.45;
        font-size: 0.95rem;
    }

    /*** Timeline - 1 ****/
    .timeline-list-1 {
        position: absolute;
        left: 0;
        top: 0;
    }
    .timeline-list-1 .timeline-list-icon {
        position: absolute;
        left: calc(12.75rem + 5rem);
        width: 3.75rem;
        height: 4rem;
        top: 2.75rem;
    }

    /*** Timeline - 2 ****/
    .timeline-list-2 {
        position: absolute;
        top: 12rem;
        left: 7rem;
    }
    .timeline-list-2 .timeline-list-icon {
        position: absolute;
        left: calc(12.75rem + 5rem);
        width: 3.75rem;
        height: 4rem;
        top: 0;
    }
    .timeline-list-2 .timeline-list-content {
        padding-top: 8rem;
        transform: translateX(5rem);
    }

    /*** Timeline - 3 ****/
    .timeline-list-3 {
        margin-left: auto;
        margin-right: auto;
    }
    .timeline-list-3 .timeline-list-icon {
        margin: -8rem auto 5rem;
        position: relative
    }
    .timeline-list-3 .timeline-list-icon svg, 
    .timeline-list-3 .timeline-list-icon img{
        margin: auto;
        display: block; 
    }
    .timeline-list-3 .timeline-list-content{
        transform: translateX(1.75rem)  
    }

    /*** Timeline - 4 ****/
    .timeline-list-4 {
        position: absolute;
        top: 12.5rem;
        right: 15rem;
    }
    .timeline-list-4 .timeline-list-icon {
        width: 3.75rem;
        height: 4rem;
        top: 0;
        position: relative
    }
    .timeline-list-4 .timeline-list-content {
        padding-top: 5rem;
        transform: translateX(2rem);
    }

    /*** Timeline - 5 ****/
    .timeline-list-5 {
        position: absolute;
        top: 0;
        right: 9rem;
    }
    .timeline-list-5 .timeline-list-icon {
        width: 3.75rem;
        height: 4rem;
        top: 2.75rem;
        position: absolute
    }
    .timeline-list-5 .timeline-list-content {
        padding-top: 0;
        transform: translateX(9rem);
    }
    /**** Hover *****/
    .timeline-svg-list-3:hover, .timeline-svg-list-3.hover-it{
        fill: #14C799
    }
    .timeline-svg-list-2:hover, .timeline-svg-list-2.hover-it{
        fill: #FFC000
    }
    .timeline-svg-list-4:hover, .timeline-svg-list-4.hover-it{
        fill: #414242
    }
    .timeline-svg-list-1:hover, .timeline-svg-list-1.hover-it{
        fill: #092A65
    }
    .timeline-svg-list-5:hover, .timeline-svg-list-5.hover-it{
        fill: #4886FF
    }
    .timeline-list-icon:hover svg path, .timeline-list-icon.hover-svg-icon svg path{
        fill: #FFF
    } 

    /*** Page  FAQ ***/   
    .faqs-tabs-img {
        width: calc(50% + 13rem);
        margin-left: -13rem;
    }  
    .faq-image {
        height: 48.5rem;
        width: 51%;
    }

    /** Page - Contact Us ***/    
    .contact-by:hover {
        background-color: #414242
    }


}

@media(min-width:1200px){
    .container {
        max-width: 80rem;
        padding-left: 30px;
        padding-right: 30px
    }

    /*** Header ****/
    .mobile-menu-view,
    .mobile-trigger-button {
        display: none
    }
    .sticky .site-logo img, .sticky .site-logo svg {
        width: 80%
    }

    /*** Home - News ***/ 
    .news-lists-version-1 {
        height: 26rem;
    }

}

@media(min-width:1400px){
    .fixed{
        background-attachment: fixed!important
    }  

    /** Online Class ****/   
    .online-classes-section .full-image{
        background-attachment: fixed
    }
}

@media(min-width:2000px){
    html{
        font-size: 0.875vw
    }
}


@media(max-width:1799px){
    /** Pre Footer - FORM **/
    .contact-via-address br{
        display: block   
    }  
    .contact-via .contact-via-address span{
        padding-top: 0.35rem   
    }
}

@media(max-width:1499px) {
    /***** HOME BANNER ****/     
    .hero-banner-text{
        width: 34rem;
    }
    .hero-banner-text h1, .hero-banner-text .h1{
        font-size: 7.5rem;
        margin-bottom: -1.15rem
    }
    .banner-heading {
        font-size: 3rem;
    }

    /*** WHY US  ***/
    .about-instructor-block-right{
        padding: 3.5rem   
    }  

    /** Pre Footer - FORM **/    
    .contact-via{
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
}



@media(max-width:1399px) {
    body{
        padding-top: 7.79rem
    }

    /*** Header ****/ 
    .site-logo {
        width: 14.5rem;
    }

    /*** WHY US  ***/
    .about-instructor-block-right{
        padding: 3rem
    }
    .why-choose-us{
        padding: 1rem
    }
    .why-choose-us-heading {
        font-size: 1.35rem;
    }

    /** Pre Footer - FORM **/   
    .contact-via {
        flex-direction: column;
    }  
    .contact-via .contact-via-address{
        margin-bottom: 1rem
    }
    .form-col{
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }

}



@media(max-width:1199px) {
    body, .translated-ltr body {
        padding-top: 6rem;
    }

    /*** Header ****/  
    .site-logo, .translated-ltr .site-logo {
        width: 10.5rem;
    }
    .header-phone {
        font-size: 1.15rem;
    }
    .header-aside-top {
        margin: 0
    }
    .header-grid {
        align-items: center
    }
    .header-aside {
        align-self: auto
    }
    .header-aside-top>div+div {
        margin-left: .75rem
    }
    div.header-menu {
        -ms-flex-direction: row!important;
        flex-direction: row!important
    }
    .site-header .social-wrapper {
        display: none
    }
    .mobile-trigger-button {
        margin-left: 20px
    }
    .main-mobile-header-menu {
        margin: 0
    }
    .header-menu {
        display: none!important
    }
    button.navbar-toggler {
        display: block!important;
        background-color: #092a65;
        width: 50px;
        height: 45px;
        border-radius: 0;
        border: none
    }
    .mobile-navbar-toggler-icon {
        display: block;
        width: 100%;
        height: 2px;
        background-color: #fff;
        margin: 5px 0
    }
    .header-mobile-menu {
        display: block!important;
        height: 0;
        overflow: hidden;
        background-color: #f5f3f3
    }
    .main-mobile-header-menu li a {
        border-bottom: 1px solid rgba(0, 0, 0, .09);
        border-radius: 0;
        display: block;
        padding: 10px 15px 10px 5%;
        color: #000;
        text-transform: uppercase;
        line-height: 1.2
    }
    .main-mobile-header-menu .sub-menu li a {
        padding-left: 10%
    }
    .main-mobile-header-menu .sub-menu .sub-menu li a {
        padding-left: 15%
    }
    .main-mobile-header-menu>li.current-menu-item>a,
    .main-mobile-header-menu>li.current_page_parent>a {
        background-color:#092a65;
        color: #fff
    }
    .mobile-trigger-button {
        display: block
    }
    html.menu-opened,
    html.menu-opened body {
        overflow-y: hidden
    }
    .mobile-menu-view {
        position: fixed;
        right: 0;
        top: 0;
        width: 460px;
        z-index: 111;
        background-color: #fff;
        max-width: 80%;
        max-height: 100%;
        height: 0;
        opacity: 0;
        transition: all ease .45s;
        transform: translateX(100%);
        overflow-x: hidden;
        overflow-y: auto
    }
    .menu-opened .mobile-menu-view {
        opacity: 1;
        transform: translateX(0)
    }
    .menu-opened .toggle-icon-two {
        opacity: 0
    }
    .toggle-icon-one,
    .toggle-icon-three {
        transition: all ease .5s
    }
    .menu-opened .toggle-icon-one {
        transform: rotate(45deg) translate(6px, 5px)
    }
    .menu-opened .toggle-icon-three {
        transform: rotate(-45deg) translate(4px, -4px)
    }

    /***** HOME BANNER ****/    
    .hero-banner-outer {
        padding-bottom: 60%;
    }  
    .hero-banner-text h1, .hero-banner-text .h1 {
        font-size: 5.5rem;
        margin-bottom: -0.65rem;
    }
    .banner-sub-heading{
        margin-bottom: 0.5rem;
        font-size: 1.25rem
    }
    .banner-heading {
        font-size: 2.5rem;
    }
    .banner-desc {
        font-size: 1.25rem;
    }

    /*** WHY US  ***/
    .about-instructor-block-right {
        padding: 3rem 2rem;
    }

    /**** WHY OFFER ****/
    .about-courses-block-right{
        padding: 2rem
    }   
    .course-content-tab-col-1 {
        width: calc(100% - 9rem);
    } 

    /** Page - Testimonial ***/
    .testimonial-body-box{
        padding: 2rem
    }
    .recommendations-list-content {
        font-size: 1.25rem;
    }
    .recommendations-list-image {
        height: 17.25rem;
    }


    /***** Footer ****/
    .footer-contact-list {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .footer-contact-list li+li {
        margin-top: 1rem;
    }   

}

@media(max-width:1099px){
    /*** WHY US  ***/   
    .why-choose-us-heading {
        font-size: 1.15rem;
    }
    .why-choose-us img, .why-choose-us svg {
        width: 2rem;
        height: 2rem;
    }

    /*** Our Goals ***/     
    .our-goals-list{
        padding-left: 2rem
    }   
}

@media only screen and (min-width:992px) and (max-width:1260px){
    /*** OUR TIMELINE ****/ 
    .history-section  .container {
        max-width: 60rem;
    }
    .timeline-group-image svg {
        width: 38rem;
        height: 20rem;
    }
    .history-circle-logo {
        width: 12.75rem;
        height: 12.75rem;
    }
    .timeline-list-desc {
        line-height: 1.35;
        font-size: 0.85rem;
    }
    .timeline-list-1 .timeline-list-icon{
        left: 13rem
    }
    .timeline-list-icon svg, .timeline-list-icon img {
        width: 2.75rem;
        height: 2.75rem;
    }
    .semi-circle-multiple img {
        width: 17.5rem;
        height: 13rem;
        object-fit: contain;
    }
    .timeline-list-common {
        width: 9.75rem;
    }
    .timeline-list-2 .timeline-list-content {
        padding-top: 5rem;
    }
    .timeline-list-2 .timeline-list-icon {
        left: 11rem;
        top: -1.5rem;
    }
    .timeline-list-3 .timeline-list-icon{
        margin-top: -7rem
    }
    .timeline-list-4 {
        top: 10.5rem;
        right: 11.5rem;
    }
    .timeline-list-4 .timeline-list-content {
        padding-top: 3rem;
        transform: translateX(1.5rem);
    }
    .timeline-list-4 .timeline-list-icon svg,.timeline-list-4 .timeline-list-icon img{
        margin-left: 1rem
    }
    .timeline-list-5 {
        right: 5.5rem;
    }
    .timeline-list-5 .timeline-list-content {
        transform: translateX(7rem);
    }

    /**** Page Courses : Course Fee ***/    
    .course-block-left, .course-block-right{
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }   

    /**** Page Courses : Course Detail ***/  
    .course-detail-block-left {
        width: 16rem;
    }
    .course-detail-block-right {
        width: calc(100% - 18.5rem);
    }

    /**** Page Courses : Opening Hours ***/
    .class-schedule-list-heading, .class-schedule-list-button, .in-online-class-list-button{
        width: 44rem
    }
}



@media(max-width:991px){
    .space_m {
        margin-top: 4rem;
        margin-bottom: 4rem;
    }
    .space{
        padding-top: 4rem;
        padding-bottom: 4rem
    }
    .spaceT{
        padding-top: 4rem;
    }
    .spaceB{
        padding-bottom:4rem;
    }
    .spaceMT{
        margin-top: 4rem;
    }
    .spaceMB{
        margin-bottom: 4rem;
    }




    /*** Header ****/  
    .header-aside-top {
        align-items: flex-start;
        margin-bottom: 0
    }
    a.glink {
        margin-top: 0.35rem;
    }
    .header-aside-top .social-media {
        display: none
    }
    .mobile-trigger-button {
        margin-left: 0
    }
    .header-phone{
        flex-direction: column
    }
    .header-phone a{
        position: relative;
        height: 45px;
        width: 45px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #274490
    }
    .header-phone a:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%
    }
    .header-phone a {
        font-size: 0
    }
    .mobile-phone-lang{
        line-height: 1;
        height: auto;
        font-size: 15px;
    }
    .header-phone img,
    .header-phone svg {
        width: 1.65rem
    }
    .header-phone img,
    .header-phone svg {
        margin-right: 0;
        top: 0
    }
    .header-phone svg path {
        fill: #fff
    }
    .header-aside-top>div {
        margin-right: .75rem;
        margin-left: 0!important
    }

    /***** HOME BANNER ****/    
    .hero-banner-outer {
        padding-bottom: 70.24%;
    }


    /*** ABOUT INSTRUCTOR  ***/
    .about-instructor-block-right{
        padding-left: 0;
        padding-right: 0;
    }
    .about-content-inner{
        max-width: 720px;
        padding-left: 15px;
        padding-right: 15px;
        margin-left: auto;
        margin-right: auto
    }
    .about-instructor-bg {
        height: auto;
        padding-bottom: 80%;
        background-position: center;
        background-size: cover;
    }
    .about-instructor-img-column {
        flex-direction: column-reverse;
    }
    .about-instructor-block-left, .about-instructor-block-right {
        width: 100%;
    }

    /**** WHY OFFER ****/   
    .mobile-image-title{
        order: 1
    }
    .course-content-tab-col-1{
        width: 100%;
        order: 3
    }
    .about-courses-block-left{
        display: none   
    }
    .about-courses-block-right{
        width: 100%;
        padding-left: 15px;
        padding-right: 15px
    }
    .course-content-mobile-bg{
        padding-bottom: 56.24%;
        margin-top: 15px;
        margin-bottom: 25px;
        background-position: center;
        background-size: cover
    }
    .about-course-content-hexagon {
        flex-direction: column;
    }
    .course-content-tab-col-2 {
        width: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        order: 2
    }
    .course-content-tab-col-2 > div+div{
        margin-top: 0
    }
    .category-course-list {
        margin-bottom: 1.5rem;
    }
    .category-course-list {
        width: 7.5rem;
        margin-left: 0.5rem;
        margin-right: 0.5rem;
    }
    .about-courses-block-right .tab-content>.tab-pane{
        display: block;
        opacity: 1
    }
    .about-courses-block-right .tab-content>.tab-pane+.tab-pane{
        padding-top: 35px;
        margin-top: 35px;
        border-top: 1px solid #ccc
    }

    /** WHY US ***/  
    .why-us-lists-block > div+div, .why-us-lists-block > div{
        margin-top: 2rem;
    }

    /**** ONLINE CLASSES ****/
    .online-classes-content {
        width: auto;
        padding-right: 3rem;
        padding-left: 3rem;
    }

    /** Pre Footer - FORM **/     
    .form-section {
        flex-direction: column;
    }    
    .form-col, .form-bg{
        width: 100%
    }
    .form-bg {
        padding-bottom: 56.24%;
        position: relative;
        background-position: center!important
    }
    .form-bg .contact-via {
        flex-direction: column;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
    }

    /*** Page About - Our Goals ***/ 
    .our-goals-bg {
        height: 0;
        padding-bottom: 56.24%;
    }
    .our-goals-lists{
        padding-top: 0;
        padding-bottom: 0
    }

    /** Page About - Our Team ***/    
    .team-list {
        background-color: #274490;
        color: #FFF;
    }
    .team-list-overlay{
        padding: 1rem
    }

    /*** OUR TIMELINE ****/  
    .timeline-group-image{
        display: none
    }
    .timeline-list-common {
        width: 100%;
        text-align: center;
        border: 1px solid rgba(0, 0, 0, 0.19);
        padding: 2rem;
        background-color: #FFF;
        margin: 15px 0;
    }
    .timeline-list-year{
        margin-top: 0.2rem
    }

    /**** Page Courses : Course Fee ***/  
    .course-block-left, .course-block-right{
        width: 100%
    }
    .in-online-class-list-heading{
        font-size: 2rem;
        padding: 2rem
    }
    .in-online-class-list-content{
        margin-left: 15px;
        margin-right: 15px
    }

    /**** Page Courses : Course Detail ***/ 
    .course-detail-block-left {
        width: 14rem;
    }
    .course-detail-block-right {
        width: calc(100% - 16.5rem);
        padding: 2rem;
    }

    /**** Page Courses : Opening Hours ***/
    .class-schedule-list-content {
        margin: 2rem 15px;
    }
    .class-schedule-list-heading, .class-schedule-list-button, .in-online-class-list-button {
        width: 36rem;
    }
    .class-schedule-list-heading{
        font-size: 2rem;   
        margin-top: -17rem;
        padding-bottom: 2rem;
    }

    /*** Page  FAQ ***/       
    .faq-img-accordion{
        display: block
    }
    .faq-image {
        padding-bottom: 66.25%;
        width: 300px;
        min-height: 250px;
        margin: auto;
        max-width: 100%;
    }

    /** Page - Testimonial ***/
    .testimonial-body-box {
        padding: 1.5rem;
    }
    .recommendations-list-content {
        font-size: 1.1rem;
    }
    .recommendations-list-image {
        height: 13.25rem;
    }
    .recommendations-lists{
        padding: 1.5rem  1.5rem 1.5rem 0   
    }

    /***** Scroll ****/      
    .bottom-to-top, .scrollup, .top-to-bottom {
        height: 3rem;
        width: 3rem;
    }
    .scroll-div svg, .scroll-div img, 
    .scrollup svg,  .scrollup img {
        width: 1.75rem;
        height: 1.7rem;
    }


    /***** Footer ****/   
    .footer-logo {
        width: 15.5rem;
    }
    .footer-nav li {
        margin-left: 1rem;
        margin-right: 1rem;
    }   

}

@media (max-width: 900px){
    .cookie-notice-container #cn-notice-buttons {
        display: flex!important;
    }
}

@media only screen and (min-width:400px) and (max-width:991px) {
    /***** INTRODUCTION ******/
    .gallery-two-images {
        display: flex;
        margin-left: -.5rem;
        margin-right: -.5rem
    }
    .gallery-two-images>div {
        width: calc(50% - 1rem);
        margin: .5rem
    }
}



@media(max-width:767px){
    /***** Global ****/ 
    .space {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
    .space_m {
        margin-top: 3rem;
        margin-bottom: 3rem;
    }
    .spaceMB {
        margin-bottom: 3rem;
    }
    .spaceMT {
        margin-top: 3rem;
    }
    .spaceT{
        padding-top: 3rem;
    }
    .spaceB{
        padding-bottom: 3rem;
    }
    h1, .h1 {
        font-size:2rem;
    }
    h2, .h2{
        font-size: 1.85rem;
    }
    h3,.h3{
        font-size: 1.6rem
    }
    h4,.h4{
        font-size: 1.45rem
    }
    .mb2 {
        margin-bottom: 1.5rem;
    }
    body, .translated-ltr body{
        padding-top: 82px
    }

    /*** Header ****/
    .site-logo {
        width: 8.5rem;
    }
    a.glink{
        font-size: 0.75rem;
        margin-top: 0.65rem;
    }

    /***** HOME BANNER ****/     
    .hero-banner-outer {
        padding-bottom: 0;
        min-height: 1px;
        background-color: #274490
    }
    .hero-banner-outer .container {
        padding-left: 0;
        padding-right: 0
    }
    .hero-banner {
        padding-bottom: 56.25%
    }
    .hero-banner-text {
        display: block;
        width: 100%;
        margin-top: 0;
        background-color: #274490
    }
    .banner-heading {
        font-size: 2rem;
        margin-bottom: 0.35rem
    }
    .hero-banner-text h1, .hero-banner-text .h1 {
        font-size: 4.5rem;
        margin-bottom: -0.35rem;
    }
    .scroll-div {
        display: none!important
    }

    /***** INTRODUCTION ******/   
    .about-single-image {
        height: auto;
        background-color: #fff
    }
    .about-single-img-bg {
        position: static;
        height: 14rem;
        width: 100%
    }

    /** WHY US ***/    
    .why-us-list{
        padding-left: 15px;
        padding-right: 15px
    }

    /**** ONLINE CLASSES ****/
    .online-classes-content{
        padding-left: 15px;
        padding-right: 15px
    }
    .online-classes-list{
        padding-left: 15px;
        padding-right: 15px
    }

    /**** TESTIMONIAL ****/    
    .testimonial-boxes{
        padding: 35px 15px  
    }

    /**** Page Courses : Course Fee ***/  
    .course-block-left, .course-block-right{
        padding:3rem 15px;
    }   
    .course-fee-list{
        padding: 25px 15px
    }    

    /**** Page Courses : Course Detail ***/
    .course-detail-block-left{
        box-shadow: none  
    }
    .course-detail-tabs-info{
        display: flex;
        justify-content: center
    }
    .course-detail-tabs-info li {
        width: 48%;
        text-align: center;
        margin: 1%;
    }
    .course-detail-tabs-info .nav-link{
        padding: 15px
    }
    .course-detail-block-right {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px
    }
    .course-detail-tabs-info .nav-link.active:before, .course-detail-tabs-info .nav-link.active:after{
        content: none
    }
    .course-detail-block-left {
        width: 100%;
    }

    /**** Page Courses : Opening Hours ***/
    .class-schedule-list-heading, .class-schedule-list-button, .in-online-class-list-button {
        width: 48rem;
    }
    .class-schedule-list-heading{
        margin-top: -16rem;
        padding-bottom: 2rem
    }
    .class-schedule-list-button{
        margin-bottom: -16px
    }
    .class-schedule-list-button .button {
        margin-top: 2rem;
    }
    .class-schedule-list-button {
        height: 8.5rem;
    }

    /*** Page  FAQ ***/   
    .faq-card .faq-title{
        padding-left: 2.5rem;
        padding-right: 4rem 
    }
    .faq-counter{
        left: 1.15rem
    }
    .faq-card .faq-title{
        font-size: 1.3rem
    }
    .plus-holder {
        width: 2.5rem;
        height: 2.5rem;
    }

    /** Page - Testimonial ***/
    .testimonial-body-row > div {
        margin-top: 1.75rem;
        margin-bottom: 1.75rem;
    }
    .testimonial-body-row > div:nth-child(even) .testimonial-body-box{
        margin-left: 0 
    }
    .testimonial-body-row > div:nth-child(odd) .testimonial-body-box{
        margin-right: 0 
    }
    .recommendations-lists-inner .row{
        flex-direction: column-reverse
    }
    .recommendations-list-image{
        margin-bottom: 25px
    }

    /* Breadcrumb ***/  
    .site-breadcrumb {
        position: static;
        line-height: 1.1;
        padding-top: 10px;
        padding-bottom: 10px
    }
    .site-breadcrumb a{
        color: inherit
    }

    /***** Blog ****/
    .blog-loop-content-col {
        position: relative;
        width: 450px;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    h1.blog-detail-heading {
        font-size: 1.75rem;
    }
    .single.single-post h2{
        font-size: 1.6rem
    }
    .single.single-post h3{
        font-size: 1.5rem
    }
    .single.single-post h4{
        font-size: 1.3rem
    }
    .single.single-post h5{
        font-size: 1.2rem
    }

    /** Page - Contact Us ***/ 
    .main-contact-form {
        padding-left: 15px;
        padding-right: 15px
    }
    .contact-via-listing {
        height: auto
    }
    .contact-bar-info-inner {
        margin-top: 2rem;
        padding: 1rem 15px 3rem 15px;
    }

    /*** Scroll - ARROW ******/
    .bottom-to-top, .scrollup{
        right: 1rem;
        bottom: 3.5rem
    }

    /*** Footer ******/   
    .footer-logo {
        width: 11.5rem;
    }
    .footer-contact-list span {
        position: static;
        display: block;
        text-align: center;
        margin: 0 auto 10px
    }
    .footer-nav {
        flex-wrap: wrap;
        flex-direction: column;
    }
    .footer-nav li{
        margin: 0.25rem 0
    }
    .footer-contact-list li{
        padding-left: 0
    }
}

@media(max-width:575px){
    /***** Common ****/    
    .space {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }
    .space_m {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem;
    }
    .spaceMB {
        margin-bottom: 2.5rem;
    }
    .spaceMT {
        margin-top: 2.5rem;
    }
    .spaceT{
        padding-top: 2.5rem;
    }
    .spaceB{
        padding-bottom: 2.5rem;
    } 
    .mb2 {
        margin-bottom: 1rem;
    }

    body, .translated-ltr body{
        padding-top: 176px
    }


    /*** Header ****/    
    .site-logo, .translated-ltr .site-logo {
        width: 10rem;
        margin-bottom: 0.5rem;
    }
    .site-header {
        padding-bottom: 0.5rem;
    }
    .header-grid {
        flex-direction: column;
    }

    /*** Testimonial News Secton ****/ 
    .testimonial-boxes-v2 {
        padding-left: 15px;
        padding-right: 15px
    }  

    /*** Page About - Our Goals ***/ 
    .our-goals-lists > div{
        padding: 15px;
        flex-direction: column;
    }
    .our-goals-list > div{
        width: 100%
    }
    .our-goals-list-left{
        margin-right: 0;
        margin-bottom: 0.35rem
    }

    /*** OUR TIMELINE ****/  
    .timeline-list-common {
        padding-left: 15px;
        padding-right: 15px
    }   


    /**** Page Courses : Opening Hours ***/
    .class-schedule-list-heading, .class-schedule-list-button, .in-online-class-list-button{
        border-radius: 0
    }
    .class-schedule-list-heading, .class-schedule-list-button, .in-online-class-list-button {
        margin: 0;
        height: auto;
        width: auto;
        padding: 20px 15px;
    }
    .class-schedule-list-button .button, .in-online-class-list-button .button{
        margin-top: 0
    }  

    /** Page - Testimonial ***/
    .recommendations-lists{
        padding: 0
    }
    .recommendations-lists-inner{
        padding: 2rem 15px
    } 


    /** Pre Footer - FORM **/ 
    .form-col{
        padding: 3rem 15px
    }
    .form-bg {
        padding-bottom: 80.24%;
    }


}

@media(max-width:479px){
    /***** Global ****/     
    h2, .h2{
        margin-bottom: 0.75rem
    }
    .mb2 {
        margin-bottom: 1.25rem;
    }
    .mb2_5 {
        margin-bottom: 1.55rem;
    }

    /***** HOME BANNER ****/  
    .hero-banner-text {
        padding-left: 15px;
        padding-right: 15px
    }

    /*** WHY US  ***/    
    .why-choose-us-lists {
        flex-direction: column;
        align-items: center;
    }   
    .why-choose-us-lists > div+div{
        margin-left: 0
    }
    .why-choose-us {
        min-width: 240px;
        justify-content: center;
    }

    /*** Testimonial News Secton ****/   
    .testimonial-author-info {
        flex-direction: column;
        text-align: center;
    }
    .testimonial-author-image{
        margin-right: 0;
        margin-bottom: 0.5rem   
    } 
    .testimonial-author-title{
        width: 100%
    }

    /** Pre Footer - FORM **/ 
    .contact-via{
        padding-left: 15px;
        padding-right: 15px
    }
    .contact-via > div {
        width: 100%;
    }
    .form-bg {
        padding-bottom: 110%;
    }

}

@media(max-width:415px){
    .map-info-window {
        padding: 10px 45px 10px 15px;
    }
}

@media(max-width:399px) {
   body, .translated-ltr body {
    padding-top: 158px;
}

    /*** Header ****/    
    .site-logo, .translated-ltr .site-logo {
        width: 8.75rem;
    }  
    .header-phone a, button.navbar-toggler{
        width: 35px;
        height: 35px
    }
    .header-phone img, .header-phone svg {
        width: 70%;
    }
    button.navbar-toggler {
        padding-left: 8px;
        padding-right: 8px;
    }
    a.glink {
    margin-top: 0.25rem;
}
.header-aside-top>div {
    margin-right: .5rem;
}
a.glink {
    font-size: 0.7rem;
}

    /***** INTRODUCTION ******/   
    .gallery-two-images>div+div {
        margin-top: 1.5rem
    }   
    .more-about-image-box {
        padding: 5px
    }
    .gallery-two-images>div {
        width: 98%;
        margin: 1%;
        position: static
    }
    .gallery-two-images>div {
        height: 11rem
    }
    .gallery-two-images {
        padding-bottom: 0
    }
}


@media(max-width:359px) {

}