/* ----- MEDIA ----- */
@media(max-width: 1439px){
    body {
        padding-top: 5rem;
    }
    /* ----- HEADER ----- */
    .header {
        padding: 1rem 0;
        height: 5rem;
    }
    .header.hide{
        top: -5rem;
    }
    .header .container-fluid {
        padding: 0 2.9rem;
    }
    .header .menu-btn {
        font-size: 0;
    }
    .header .logo {
        margin-left: 2.3%;
        width: 20.2rem;
    }
    .header .right-nav {
        margin-right: 0.2rem;
    }
    .header .lang {
        margin-left: 1.4rem;
    }
    .header .btn {
        margin-left: 1.8rem;
    }
    .block-search {
        top: 4.95rem;
    }
    .block-search .row {
        margin: 0 -1.1rem;
    }
    /* ----- /HEADER ----- */
    /*  */
    /* ----- SECTION BANNER ----- */
    .section-banner {
        min-height: 1rem;
        height: 35rem;
    }
    .section-banner .banner-content {
        margin-top: 3.8rem;
    }
    .section-banner .video-play-btn {
        margin-bottom: 0.9rem;
    }
    .section-banner .slider-nav {
        top: 25.9rem;
        left: 1rem;
    }
    .section-banner .bottom-content {
        height: 19.1%;
    }
    .infobox .icon-wrap {
        flex: 0 0 3.3rem;
        max-width: 3.3rme;
        margin-right: 1rem;
    }
    .infobox .infobox-content {
        padding-top: 0.3rem;
    }
    .section-banner .bottom-content .col:last-child .icon-wrap {
        flex: 0 0 2.5rem;
        margin-left: -0.2rem;
        max-width: 2.5rem;
        margin-right: 0.8rem;
    }
    .section-banner .item {
        min-height: 1rem;
        height: 35rem;
    }
    .section-banner .bottom-content .col {
        flex: 0 0 11.6rem;
        max-width: 11.6rem;
    }
    /* ----- /SECTION BANNER ----- */
    /*  */
    /* ----- FIND COURSE ----- */
    .find-course {
        padding: 2.2rem 1.9rem 2.2rem 0.9rem;
    }
    /* ----- /FIND COURSE ----- */
    /*  */
    /* ----- SECTION OUR STORY ----- */
    .section-our-story h1 {
        margin-left: 10rem;
    }
    .section-our-story .owl-carousel {
        margin-left: 10rem;
    }
    .section-our-story .owl-nav {
        left: -7rem;
    }
    .story-item .image-wrap {
        flex: 0 0 15.7rem;
        width: 15.7rem;
        height: 15.7rem;
    }
    .story-item .content-wrap .year {
        padding: 1rem 1.1rem;
    }
    .story-item .content-wrap {
        padding-top: 1.8rem;
        padding-left: 1rem;
    }
    .story-item .content-wrap .year:after {
        margin-left: 2.1rem;
        width: 9.5rem;
    }
    .story-item .content-wrap p {
        max-width: 14.8rem;
    }
    /* ----- /SECTION OUR STORY ----- */
    /*  */
    .toolbar_wrap .arrows {
        justify-content: space-between;
        left: 10%;
        right: 10%;
    }
}
@media(max-width: 1365px){
    /* ----- HEADER ----- */
    .header-nav .top-nav .logo {
        margin-left: 5.2rem;
    }
    .header .menu {
        margin-left: 10.1rem;
    }
    .header .menu > li > .sub-menu {
        left: 32.9rem;
    }
    .header-nav.sub-menu-open .menu > li > .sub-menu {
        width: 17.5rem;
    }
    .header .sub-menu > li > .sub-menu {
        left: 20.1rem;
    }
    .block-search .row {
        margin: 0 -0.8rem;
    }
    /* ----- /HEADER ----- */
    /*  */
    /* ----- SECTION FEATURES THREE COLS ----- */
    .section-features.three-cols .col, 
    .section-features.three-cols .col:nth-child(2n), 
    .section-features.three-cols .col:nth-child(5n) {
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }
    .section-features.three-cols .feature h4 {
        max-width: 13rem;
    }
    /* ----- /SECTION FEATURES THREE COLS ----- */
    /*  */
}
@media(max-width: 1199px){
    /* ----- HEADER ----- */
    .header .menu {
        width: 15.7rem;
    }
    .header .menu > li > .sub-menu {
        left: 25.1rem;
        padding-left: 2.4rem;
    }
    .header .menu {
        margin-left: 7.8rem;
    }
    .header-nav .top-nav .logo {
        margin-left: 3.4rem;
    }
    .header-nav.sub-menu-open .menu > li > .sub-menu {
        width: 15rem;
    }
    .header .sub-menu > li > .sub-menu {
        left: 18rem;
        padding-left: 2.2rem;
    }
    /* ----- /HEADER ----- */
    /*  */
    /* ----- SECTION BANNER ----- */
    .section-banner{
        height: 42rem;
    }
    .section-banner .item{
        height: 42rem;
    }
    .section-banner .bottom-content .col {
        flex: 0 0 13rem;
        max-width: 13rem;
    }
    .infobox {
        margin-bottom: 1rem;
    }
    .section-banner .bottom-content {
        height: 30.1%;
    }
    /* ----- /SECTION BANNER ----- */
    /*  */
    /* ----- FIND COURSE ----- */
    .find-course {
        padding: 2.2rem 1.9rem 2.2rem 0;
        margin: 0 -0.4rem;
    }
    /* ----- /FIND COURSE ----- */
    /*  */
    /* ----- SPOTLIGHT SLIDER ----- */
    .spotlight-slider {
        margin-top: -9rem;
    }
    /* ----- /SPOTLIGHT SLIDER ----- */
    /*  */
    /* ----- SECTION JOIN ----- */
    .block-social {
        margin-top: -13.8rem;
    }
    /* ----- /SECTION JOIN ----- */
    /*  */
    /* ----- SECTION COURSE SINGLE ----- */
    .nav-tabs .nav-item {
        margin-right: 0;
    }
    .table thead th:nth-child(3), .table tbody td:nth-child(3) {
        width: 23.5rem;
    }
    .table thead th:nth-child(4), .table tbody td:nth-child(4) {
        width: 5.4rem;
    }
    /* ----- /SECTION COURSE SINGLE ----- */
    /*  */
    /* ----- SECTION SLIDERS ----- */
    .stories-slider .owl-dots {
        top: 14.5rem;
    }
    .stories-slider {
        margin-bottom: 2rem;
    }
    /* ----- /SECTION SLIDERS ----- */
    /*  */
    /* ----- PAGE TITLE SCHOOL ----- */
    .page-title-shool .content-wrap {
        padding-top: 11rem;
    }
    /* ----- /PAGE TITLE SCHOOL ----- */
    /*  */
    /* ----- QUOTES SLIDER STYLE 2 ----- */
    .quotes-slider-wrap.style-2 {
        margin-right: 20%;
    }
    /* ----- /QUOTES SLIDER STYLE 2 ----- */
    /*  */
    /* ----- SECTION FEATURES ----- */
    .section-features .feature{
        border-right: 0;
    }
    /* ----- /SECTION FEATURES ----- */
    /*  */
    /* ----- SECRION WELCOME ----- */
    .blockquote {
        padding-right: 0;
    }
    /* ----- /SECRION WELCOME ----- */
    /*  */
    /* ----- SECTION OUR STORY ----- */
    .section-our-story h1 {
        margin-left: 7.2rem;
    }
    .section-our-story .owl-carousel {
        margin-left: 7.2rem;
    }
    .section-our-story .owl-nav {
        left: -6.2rem;
        right: 1rem;
    }
    /* ----- /SECTION OUR STORY ----- */
    /*  */
    /* ----- SECTION STAFF PROFILE ----- */
    .section-staff-profile .staff-content {
        padding-right: 0;
    }
    .section-staff-profile .staff-content .info-cols .col, 
    .section-staff-profile .staff-content .info-cols .col:nth-child(2) {
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }
    /* ----- /SECTION STAFF PROFILE ----- */
    /*  */
    /* ----- SECTION POLICIES ----- */
    .section-policies .letters {
        flex-wrap: wrap;
        margin-bottom: 1rem;
    }
    .section-policies .letters .nav-item {
        margin-bottom: 1.3rem;
    }
    .section-policies .row ul{
        margin-bottom: 2rem;
    }
    /* ----- /SECTION POLICIES ----- */
    /*  */
}
@media(max-width: 1023px){
    body {
        padding-top: 4.4rem;
    }
    .section .container > .row {
        margin: 0 -1.8rem;
    }
    /* ----- HEADER ----- */
    .header {
        padding: 0.7rem 0;
        height: 4.4rem;
    }
    .header.hide{
        top: -4.4rem;
    }
    .header .container-fluid {
        padding: 0 1.2rem;
    }
    .header .logo {
        margin-left: 3.8%;
    }
    .header .right-nav {
        margin-right: 0rem;
    }
    .header .btn {
        text-transform: none;
        font-size: 1rem;
        padding: 0.7rem 1.6rem;
        margin-left: 1.5rem;
    }
    .header-nav .top-nav {
        padding: 1.3rem 2.2rem 1.3rem 3.2rem;
    }
    .header .menu {
        margin-top: 1.6rem;
        margin-left: 6.3rem;
        width: 13.9rem;
    }
    .header .menu > li > .sub-menu {
        left: 21.7rem;
        padding-left: 1.9rem;
    }
    .header-nav.sub-menu-open .menu > li > .sub-menu {
        width: 12.7rem;
    }
    .header .sub-menu > li > .sub-menu {
        left: 15.3rem;
        padding-left: 1.8rem;
    }
    .block-search {
        top: 4.4rem;
    }
    .block-search .row {
        margin: 0 -1.7rem;
    }
    /* ----- /HEADER ----- */
    /*  */
    /* ----- SECTION BANNER ----- */
    .section-banner {
        height: 35.6rem;
    }
    .section-banner .item {
        height: 35.6rem;
    }
    .section-banner .banner-content {
        margin-top: 4.4rem;
        margin-left: 18%;
    }
    .section-banner .banner-content h1 {
        max-width: 15rem;
    }
    .section-banner .slider-nav {
        left: 9.8%;
        top: 26.5rem;
    }
    .section-banner .bottom-content {
        left: 7.1%;
        height: 6.6rem;
    }
    .infobox h6 {
        margin-bottom: 0;
    }
    .section-banner .bottom-content .col {
        flex: 0 0 11.7rem;
        max-width: 11.7rem;
    }
    /* ----- /SECTION BANNER ----- */
    /*  */
    /* ----- FIND COURSE ----- */
    .find-course {
        padding: 1.25rem 1.1rem 1.25rem 0;
        margin: 0 -0.7rem;
    }
    /* ----- /FIND COURSE ----- */
    /*  */
    /* ----- NEWS SLIDER ----- */
    .news-slider .news-item-content {
        margin: -2.4rem 0.7rem 0;
    }
    /* ----- /NEWS SLIDER ----- */
    /*  */
    /* ----- QUOTES SLIDER ----- */
    .quotes-slider-wrap {
        margin-right: 6.6%;
    }
    /* ----- /QUOTES SLIDER ----- */
    /*  */
    /* ----- SPOTLIGHT SLIDER ----- */
    .spotlight-slider {
        margin-top: -7.3rem;
    }
    .spotlight-item .spotlight-item-content {
        margin-top: -10.1rem;
    }
    /* ----- /SPOTLIGHT SLIDER ----- */
    /*  */
    /* ----- BLOCK IMPACT ----- */
    .block-impacts .impact-item {
        height: 21.4rem;
    }
    .block-impacts .impact-item > img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }
    .block-impacts .impact-item-content {
        padding: 0 1.2rem 0.9rem 1.6rem;
    }
    .block-impacts {
        margin-bottom: 1.8rem;
    }
    /* ----- /BLOCK IMPACT ----- */
    /*  */
    /* ----- BLOCK JOURNEYS ----- */
    .block-journeys {
        padding-right: 2.4rem;
    }
    .block-journeys .content-wrap {
        top: 4.3rem;
    }
    /* ----- /BLOCK JOURNEYS ----- */
    /*  */
    /* ----- SECTION SCHOOLS ----- */
    .section-schools {
        padding-top: 2.95rem;
    }
    .section-schools .container {
        padding: 0 0.1rem;
    }
    .section-schools h2 {
        margin-bottom: 2rem;
    }
    .section-schools .col {
        padding: 0 0.5rem;
    }
    .section-schools .row {
        margin: 0 -0.5rem;
    }
    .school-item .school-item-content h5 br {
        display: none;
    }
    .school-item .school-item-content .link-arrow {
        margin-top: -0.2rem;
    }
    .school-item {
        margin-bottom: 2rem;
    }
    /* ----- /SECTION SCHOOLS ----- */
    /*  */
    /* ----- SECTION JOIN ----- */
    .section-join {
        padding-top: 0.8rem;
        padding-bottom: 5.3rem;
    }
    .section-join .col {
        padding: 0 0.5rem;
    }
    .section-join .row {
        margin: 0 -1rem;
    }
    .block-subscribe {
        margin-top: 1.8rem;
    }
    .block-social {
        margin-top: -14.8rem;
    }
    .block-social .row {
        margin: 0 0.7rem;
    }
    .block-social .col {
        padding: 0 0.3rem;
    }
    /* ----- /SECTION JOIN ----- */
    /*  */
    /* ----- FOOTER ----- */
    .footer {
        padding-top: 2.7rem;
        padding-bottom: 2.3rem;
    }
    .footer .row {
        margin: 0 -1.2rem;
    }
    .footer .footer-logo {
        margin-left: 0.1rem;
    }
    .footer .footer-menu li {
        max-width: 11.4rem;
    }
    .footer .btn {
        width: 10.5rem;
        padding: 0.9rem 0.5rem;
        font-size: 0.8125rem;
    }
    .footer .col:nth-child(2) {
        flex: 0 0 29.5%;
        max-width: 29.5%;
    }
    .footer .copyright {
        margin: 3.8rem -0.2rem 0;
    }
    .footer .copyright ul {
        margin-left: 12%;
    }
    .footer .copyright p:last-child {
        margin-right: 0.5rem;
    }
    /* ----- /FOOTER ----- */
    /*  */
    /* ----- SECTION OUR STORY ----- */
    .section-our-story h1 {
        margin-left: 1.2rem;
    }
    .section-our-story .owl-carousel {
        margin-left: 1.2rem;
    }
    .section-our-story .owl-nav {
        left: -0.2rem;
    }
    /* ----- /SECTION OUR STORY ----- */
    /*  */
}
@media(max-width: 991px){
    body {
        padding-top: 5rem;
    }
    /* ----- HEADER ----- */
    .header {
        padding: 1.2rem 0;
        height: 5rem;
    }
    .header.hide{
        top: -5rem;
    }
    .header .logo {
        margin-left: 0;
    }
    .header .container-fluid {
        padding: 0 1.5rem;
    }
    .header .btn {
        display: none;
    }
    .header .lang {
        display: none;
    }
    .header .menu-btn .hamburger {
        margin-right: 0;
    }
    .header .menu-btn {
        margin-left: 1.2rem;
    }
    .header .search {
        font-size: 0;
    }
    .header .search img {
        margin-right: 0;
        width: 1.5rem;
    }
    .header-nav .top-nav {
        padding: 1.6rem 0.8rem 1.6rem 1rem;
    }
    .header .menu {
        margin-left: 5.4rem;
        width: 13.5rem;
    }
    .header .menu li a br {
        display: none;
    }
    .header .menu li:after {
        top: 0.1rem;
        opacity: 1;
        top: 0.2rem;
    }
    .header .menu li {
        font-size: 1rem;
        margin-bottom: 1.1rem;
    }
    .header .sub-menu > li > .sub-menu {
        padding-left: 0.9rem;
        background-color: #383A3B;
    }
    .header-nav {
        width: 100%;
        overflow: hidden;
    }
    .header-nav .close-btn {
        order: 2;
        margin-left: auto;
    }
    .header-nav .top-nav .logo {
        margin-left: 0.1rem;
        max-width: 16.2rem;
    }
    .header-nav .top-nav {
        padding: 0.8rem 1.2rem 1.6rem;
    }
    .header .menu {
        margin-left: 1.1rem;
        margin-top: 2.5rem;
        width: auto;
        margin-right: 0.8rem;
    }
    .header .menu li {
        margin-bottom: 1.8rem;
    }
    .header .menu li a br {
        display: none;
    }
    .header .menu li a {
        color: #fff;
    }
    .header-nav .btn {
        margin-top: 0.6rem;
        color: #fff;
        margin-left: 1.2rem;
        padding: 0.6rem 1.6rem;
        margin-bottom: 1.35rem;
    }
    .header-nav .lang a {
        color: #fff;
        margin-left: 0;
        font-weight: 500;
        margin-right: 0.5rem;
    }
    .header-nav .lang {
        margin-left: 1.2rem;
    }
    .header .menu > li > .sub-menu {
        left: 0;
        border-left: 0;
        right: 0.9rem;
        background-color: #383A3B;
        padding-left: 0;
        margin-left: 1.1rem;
        z-index: 10;
        top: 8.3rem;
    }
    .header-nav.sub-menu-open .menu > li > .sub-menu {
        width: auto;
    }
    .header .sub-menu > li > .sub-menu {
        padding-left: 0;
        left: 0;
        z-index: 20;
        border-left: 0;
        background-color: #383A3B;
    }
    .header .menu li > a, .header .menu li > span {
        color: #fff;
    }
    .header .menu li > .sub-menu li:after {
        right: 0;
    }
    .header-nav.sub-menu-open-2 .sub-menu .has-sub-menu > .sub-menu {
        width: 100%;
    }
    .header .menu .sub-menu .arrow-back:after {
        display: none;
    }
    .header .menu .sub-menu .arrow-back {
        position: absolute;
        top: -2.9rem;
        z-index: 10;
        display: block;
    }
    .header-nav.sub-menu-open-2 .sub-menu .has-sub-menu > .sub-menu {
        overflow: visible;
    }
    /* ----- /HEADER ----- */
    /*  */
    /* ----- SECTION BANNER ----- */
    .section-banner {
        height: 56.4rem;
    }
    .section-banner .item {
        height: 56.4rem;
    }
    .section-banner .bottom-content {
        height: 7.6rem;
    }
    .section-banner .slider-nav {
        top: 45.9rem;
        left: 11.2%;
    }
    .section-banner .banner-content {
        margin-top: 21.7rem;
        margin-left: 6.8%;
    }
    .section-banner .banner-content h1 {
        margin-bottom: 1.2rem;
    }
    .section-banner .banner-content .video-play-btn {
        margin-bottom: 1.9rem;
    }
    .section-banner .bottom-content .col:nth-child(3n) .infobox {
        border-right: 0;
    }
    /* ----- /SECTION BANNER ----- */
    /*  */
    /* ----- FIND COURSE ----- */
    .find-course {
        margin: 0 -1rem;
        padding-right: 0;
        padding-bottom: 1.2rem;
    }
    .find-course form .icon-search {
        display: none;
    }
    .find-course form {
        transition: 0.4s;
        max-height: 0;
        visibility: hidden;
        overflow: hidden;
        flex-direction: column;
        padding: 0 1rem 1.8rem;
    }
    .find-course .find-course-btn {
        background: #fff;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        font-size: 1.25rem;
        padding: 1.15rem 1rem;
    }
    .find-course .find-course-btn:before{
        content: '';
        background-image: url(../img/icon-plus.svg);
        background-repeat: no-repeat;
        background-size: contain;
        width: 1.1rem;
        height: 1.1rem;
        margin-right: 1rem;
        transition: 0.4s;
    }
    .find-course.form-opened .find-course-btn:before{
        background-image: url(../img/icon-minus.svg);
        transition: 0.4s;
    }
    .find-course.form-opened form {
        max-height: 1000px;
        visibility: visible;
    }
    
    .find-course form .select,
    .find-course form .select:nth-child(3),
    .find-course form .select:nth-child(4) {
        flex: 0 0 100%;
        max-width: 100%;
        border-right: 0;
    }
    .find-course form .select {
        border-top: 1px solid #dddddd;
    }
    .find-course form .select:nth-last-child(2){
        border-bottom: 1px solid #dddddd;
    }
    .styledSelect {
        padding: 0 0rem;
    }
    .find-course .custom-select {
        height: 3.5rem;
    }
    .find-course .styledSelect:after {
        right: -0.4rem;
    }
    .find-course .select .options {
        position: static;
    }
    .find-course .select .options li {
        padding: 0rem 1.1rem;
        height: 2.9rem;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin-top: -0.2rem;
        padding-right: 8rem;
        margin-bottom: 0.5rem;
    }
    .find-course .styledSelect {
        bottom: auto;
        height: 3.6rem;
    }
    .find-course .options li:first-child {
        display: none;
    }
    .find-course .select .options li:hover {
        background: #e6e8ee;
    }
    .find-course form .btn-cube {
        margin-top: 1.6rem;
    }
    .find-course form .btn-cube .first_cube button, .find-course form .btn-cube .second_cube button {
        font-size: 0.9375rem;
    }
    .find-course form .btn-cube .first_cube, .find-course form .btn-cube .second_cube {
        height: 3.1rem;
    }
    .find-course form .btn-cube {
        width: 10.1rem;
        height: 3.1rem;
    }
    .find-course form .btn-cube .first_cube button {
        padding: 0.8rem 0;
    }
    .find-course form .btn-cube .second_cube button {
        padding: 0.5rem 0;
    }
    
    .find-course form .btn-cube .first_cube {
        -webkit-transform: translateZ(24px);
        transform: translateZ(24px);
    }
    /* ----- /FIND COURSE ----- */
    /*  */
    /* ----- NEWS SLIDER ----- */
    .news-slider-wrap {
        margin: 0 -0.4rem 1.1rem;
    }
    .news-item .image {
        overflow: hidden;
        height: 27.8rem;
    }
    .news-item .image img {
        width: 100%;
        height: 100%;
    }
    .news-slider .news-item-content {
        margin: -3.2rem 0.4rem 0;
        padding: 2rem 2.3rem 0.45rem;
    }
    .news-item h3 {
        margin-bottom: 1.5rem;
    }
    .news-item .link-arrow {
        margin-top: 0.9rem;
    }
    .news-slider-wrap .bottom-nav {
        margin: 0 0.4rem;
        padding: 1.1rem 2.1rem 1.2rem 2.4rem;
    }
    /* ----- /NEWS SLIDER ----- */
    /*  */
    /* ----- QUOTES SLIDER ----- */
    .quotes-slider-wrap {
        margin-top: 0;
        margin-right: 0;
    }
    .section .col {
        padding: 0 0.5rem;
    }
    .section .container > .row {
        margin: 0 -1.4rem;
    }
    .quotes-slider-nav {
        margin-top: 1.3rem;
    }
    .quotes-slider-nav > span {
        width: 0.7rem;
    }
    .quotes-slider-nav .slider-next img {
        width: 0.7rem;
        margin-top: -0.1rem;
    }
    .section .impacts-col {
        order: 4;
    }
    /* ----- /QUOTES SLIDER ----- */
    /*  */
    /* ----- SPOTLIGNHT SLIDER ----- */
    .spotlight-slider{
        margin-top: 0;
        margin-bottom: 1rem;
    }
    .spotlight-item .image {
        height: 24.3rem;
        overflow: hidden;
    }
    .spotlight-item .spotlight-item-content {
        margin: -7.6rem 0.6rem 0;
    }
    .spotlight-slider .owl-dots {
        bottom: 11.95rem;
        right: 2.55rem;
    }
    .spotlight-item .spotlight-item-content .link-arrow {
        margin-right: -1rem;
    }
    /* ----- /SPOTLIGNHT SLIDER ----- */
    /*  */
    /* ----- BLOCK IMPACTS ----- */
    .block-impacts {
        margin-bottom: 1rem;
    }
    .block-impacts .impact-item-content {
        padding: 0 1.1rem 1rem 1.3rem;
    }
    /* ----- /BLOCK IMPACTS ----- */
    /*  */
    /* ----- BLOCK JOURNEYS ----- */
    .block-journeys {
        padding-right: 0;
        margin-bottom: 6.1rem;
    }
    .block-journeys .content-wrap {
        position: relative;
        left: 0;
        right: 0;
        top: 0;
        width: auto;
        margin: -7.6rem 0.6rem;
    }
    .block-journeys > img {
        height: 23.8rem;
        width: 100%;
        object-fit: cover;
    }
    .block-journeys .content-wrap .bottom-nav {
        padding: 0.7rem 0;
    }
    /* ----- /BLOCK JOURNEYS ----- */
    /*  */
    /* ----- BLOCK SCHOOLS ----- */
    .section-schools h2 {
        margin-bottom: 1.4rem;
    }
    .school-item .school-item-content h5 br {
        display: block;
    }
    /* ----- /BLOCK SCHOOLS ----- */
    /*  */
    /* ----- SECTION JOIN ----- */
    .section-join .subscribe-col {
        order: 1;
    }
    .section-join .join-col {
        order: 2;
    }
    .block-subscribe {
        margin-top: 0;
        padding-top: 1.1rem;
        padding-left: 1.4rem;
        padding-bottom: 1rem;
        margin-bottom: 2.2rem;
    }
    .section-join {
        padding-top: 0.6rem;
        padding-bottom: 4rem;
    }
    .block-subscribe .form-control {
        font-size: 1rem;
    }
    .section-join .social-col {
        order: 3;
    }
    .block-social {
        margin-top: 0;
        padding-right: 0;
    }
    .block-social .social-item .title {
        display: none;
    }
    .block-social > .title {
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: 0.85rem 1.1rem;
        max-width: 55%;
        margin-bottom: 0.75rem;
    }
    .block-social > .title a {
        color: #4DD9FF;
        font-weight: 500;
    }
    .block-social > .title img {
        margin-right: 0.5rem;
    }
    .block-social .row {
        margin: 0 -0.4rem;
    }
    .social-item {
        margin-bottom: 0.7rem;
    }
    .block-join .content-wrap {
        margin: -3.8rem 0.7rem 0;
    }
    .block-join > img {
        height: 23.2rem;
        width: 100%;
        object-fit: cover;
    }
    /* ----- /SECTION JOIN ----- */
    /*  */
    /* ----- FOOTER ----- */
    .footer .row {
        margin: 0 -1.9rem;
    }
    .footer .col:first-child {
        flex: 0 0 32.5%;
        max-width: 32.5%;
    }
    .footer .col:nth-child(2) {
        flex: 0 0 32.5%;
        max-width: 32.5%;
    }
    .footer .col:nth-child(3) {
        flex: 0 0 34.9%;
        max-width: 34.9%;
    }
    .footer .social-icons {
        justify-content: flex-start;
        margin-top: 2.4rem;
    }
    .footer .social-icons .icon {
        margin-left: 0;
        margin-right: 1.3rem;
    }
    .footer h4 {
        margin-bottom: 1.7rem;
    }
    .footer .footer-menu li {
        max-width: 12.4rem;
    }
    .footer .copyright {
        margin: 1.7rem -0.9rem 0;
    }
    .footer .copyright ul {
        margin-left: 11.6%;
    }
    .footer .copyright p:last-child {
        flex: 0 0 100%;
        margin-top: 1.1rem;
    }
    .footer {
        padding-bottom: 3.4rem;
    }
    /* ----- /FOOTER ----- */
    /*  */
    /* ----- SECTION PAGE TITLE ----- */
    .section-page-title {
        height: 14rem;
    }
    .section-page-title .row {
        margin: 0 -0.8rem;
        align-items: flex-start;
        padding-top: 1.6rem;
    }
    .section-page-title h1 {
        font-size: 2.375rem;
        line-height: 2.5625rem;
    }
    .section-page-title .find-course {
        padding-bottom: 0;
        padding-right: 0rem;
        padding-top: 0.5rem;
        padding-left: 0.1rem;
    }
    .section-page-title .find-course form {
        border-left: 1px solid #e6e8ee;
        border-right: 1px solid #e6e8ee;
        border-bottom: 1px solid #e6e8ee;
    }
    .section-page-title .find-course .find-course-btn {
        padding: 1.25rem 1.3rem;
        border-left: 1px solid #e6e8ee;
        border-right: 1px solid #e6e8ee;
    }
    .section-page-title .find-course form .select:nth-child(4) {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .section-page-title .find-course form .btn-cube {
        margin-left: 0;
    }
    /* ----- /SECTION PAGE TITLE ----- */
    /*  */
    /* ----- SECTION COURSES ----- */
    .courses-sidebar {
        position: fixed;
        background: #383A3B;
        border: none;
        padding-left: 3.8rem;
        left: 0;
        right: 0;
        z-index: 100;
        max-height: 2.9rem;
        overflow: hidden;
        transition: 0.4s;
        bottom: 0;
        top: auto;
        padding-top: 1rem;
    }
    .courses-sidebar:before{
        content: '';
        background-image: url(../img/arrow-top.svg);
        background-repeat: no-repeat;
        background-size: contain;
        width: 0.8rem;
        height: 0.8rem;
        position: absolute;
        top: 0;
        left: 0;
        top: 1.1rem;
        left: 2.2rem;
    }
    .courses-sidebar a {
        color: #fff;
        max-width: 100%;
    }
    .courses-sidebar a.active{
        color: #fff;
    }
    .section-courses {
        padding-top: 1.1rem;
    }
    .section-courses .row {
        margin: 0 -0.8rem;
    }
    .courses-box > img {
        margin: 0 -1.3rem;
        max-width: 114.8%;
        height: 9.35rem;
        object-fit: cover;
    }
    .courses-box {
        overflow: hidden;
    }
    .courses-box h6 {
        font-size: 1rem;
        margin-bottom: 0.3rem;
    }
    .courses-box h2 {
        margin-bottom: 0.5rem;
    }
    .courses-box .list li:after {
        flex: 0 0 0.8rem;
    }
    .courses-sidebar.sidebar-open {
        max-height: 1000px;
        transition: 0.4s;
    }
    .courses-sidebar.sidebar-open:before{
        transform: rotate(180deg);
    }
    /* ----- /SECTION COURSES ----- */
    /*  */
    /* ----- PAGE TITLE COURSE ----- */
    .page-title-course {
        height: 33.2rem;
    }
    /* ----- /PAGE TITLE COURSE ----- */
    /*  */
    /* ----- SECTION COURSE SINGLE ----- */
    .learn-more-box {
        margin-right: 0;
        margin-bottom: 1.5rem;
    }
    .nav-tabs {
        padding: 0 1rem;
    }
    .nav-tabs .nav-link {
        padding: 1.15rem 0.5rem 0.8rem;
        font-size: 0.875rem;
    }
    .tab-content {
        padding: 1.7rem 1.1rem 2rem;
    }
    .overview .item span:first-child {
        flex: 0 0 28%;
        max-width: 28%;
    }
    .tabs-box .table-wrap {
        overflow-x: scroll;
        white-space: nowrap;
    }
    /* ----- /SECTION COURSE SINGLE ----- */
    /*  */
    /* ----- SECTION SLIDERS ----- */
    .stories-slider .owl-dots {
        top: auto;
        bottom: 12.2rem;
    }
    /* ----- /SECTION SLIDERS ----- */
    /*  */
    /* ----- PAGE TITLE PROFILE ----- */
    .page-title-profile {
        height: 21rem;
    }
    /* ----- /PAGE TITLE PROFILE ----- */
    /*  */
    /* ----- SECTION FEATURES THREE COLS ----- */
    .section-features.three-cols .col, 
    .section-features.three-cols .col:nth-child(2n), 
    .section-features.three-cols .col:nth-child(5n) {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .section-features.three-cols .col:nth-child(3n) .feature {
        border-right: 1px solid #BABFC3;
    }
    .section-features.three-cols .col:nth-child(2n) .feature,
    .section-features.three-cols .col:nth-child(6n) .feature  {
        border-right: 0;
    }
    
    /* ----- /SECTION FEATURES THREE COLS ----- */
    /*  */
    /* ----- SECTION WELCOME ----- */
    .section-welcome .row {
        margin: 0 -15px;
    }
    /* ----- /SECTION WELCOME ----- */
    /*  */
    /* ----- PAGE TITLE WELCOME ----- */
    .page-title-welcome{
        height: 21rem;
    }
    /* ----- /PAGE TITLE WELCOME ----- */
    /*  */
    /* ----- SECTION EVENTS ----- */
    .pagination {
        margin-bottom: 2rem;
    }
    /* ----- /SECTION EVENTS ----- */
    /*  */
    /* ----- SECTION STAFF PROFILE ----- */
    .section-staff-profile .box-wrap {
        padding: 0 1rem 3.3rem;
    }
    .section-staff-profile .staff-content .info-cols .col, 
    .section-staff-profile .staff-content .info-cols .col:nth-child(2) {
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 1rem;
    }
    .section-staff-profile .staff-content .info-cols {
        margin-bottom: 1.1rem;
    }
    .section-staff-profile .staff-img {
        flex: 0 0 15.3rem;
        max-width: 15.3rem;
        margin-right: 1.5rem;
    }
    /* ----- /SECTION STAFF PROFILE ----- */
    /*  */
    /* ----- SECTION STUDENT PORTAL ----- */
    .section-student-portal .social-item {
        margin-right: 2rem;
    }
    .section-student-portal .right-col .link-box {
        margin-right: 0;
    }
    /* ----- /SECTION STUDENT PORTAL ----- */
    /*  */
    
}
@media(max-width: 767px){
    body {
        padding-top: 4.4rem;
    }
    /* ----- HEADER ----- */
    .header {
        padding: 0.95rem 0;
        height: 4.4rem;
    }
    .header.hide{
        top: -4.4rem;
    }
    .header .container-fluid {
        padding: 0 0.9rem;
    }
    .block-search form {
        margin-right: -0.4rem;
    }
    /* ----- /HEADER ----- */
    /*  */
    /* ----- SECTION BANNER ----- */
    .section-banner {
        height: 57rem;
    }
    .section-banner .item {
        height: 57rem;
    }
    .section-banner .bottom-content {
        left: 0;
        height: 6.7rem;
    }
    .section-banner .bottom-content .container {
        padding: 0 2rem;
    }
    .section-banner .banner-content {
        margin-left: 0.9rem;
        margin-top: 23.1rem;
    }
    .section-banner .slider-nav {
        top: 47.25rem;
        left: 2.9rem;
    }
    .infobox .icon-wrap {
        flex: 0 0 2.9rem;
        max-width: 2.9rem;
        margin-right: 0.4rem;
    }
    /* ----- /SECTION BANNER ----- */
    /*  */
    /* ----- FIND COURSE ----- */
    .find-course {
        padding-top: 0.9rem;
        margin: 0 -0.9rem;
        padding-bottom: 0.9rem;
    }
    /* ----- /FIND COURSE ----- */
    /*  */
    /* ----- NEWS SLIDER ----- */
    .news-item .image {
        height: 21.3rem;
    }
    .news-slider .news-item-content {
        margin: -2.5rem 0.5rem 0;
        padding: 1.6rem 1.5rem 0.45rem;
    }
    .news-slider .news-item-content h3 {
        margin-bottom: 0.7rem;
    }
    .news-slider .news-item-content .link-arrow {
        margin-top: -0.6rem;
    }
    .news-slider-wrap .bottom-nav {
        margin: 0 0.5rem;
        padding: 1.1rem 1.1rem 1.2rem 1.6rem;
    }
    .news-slider-wrap .bottom-nav:before {
        margin: 0 1.5rem;
    }
    .news-slider-wrap {
        margin-bottom: 0.8rem;
    }
    /* ----- /NEWS SLIDER ----- */
    /*  */
    /* ----- QUOTES SLIDER ----- */
    .section .quotes-slider-wrap:before {
        content: '';
        background: #10069F;
        position: absolute;
        left: 0.5rem;
        right: 0.5rem;
        top: 0;
        bottom: 0;
        z-index: -1;
    }
    .section .quotes-slider-wrap {
        max-width: 22.3rem;
        margin-bottom: 0;
        padding-bottom: 2.3rem;
    }
    .quotes-slider img {
        max-width: 13rem;
    }
    .section .quotes-col {
        margin-bottom: 1rem;
    }
    /* ----- /QUOTES SLIDER ----- */
    /*  */
    /* ----- SPOTLIGHT SLIDER ----- */
    .spotlight-item .image {
        height: 23.8rem;
    }
    .spotlight-item .spotlight-item-content {
        margin: -2.5rem 0.6rem 0;
        padding: 1.35rem 1.5rem 0.8rem;
        position: relative;
    }
    .spotlight-item .spotlight-item-content .play-btn {
        margin-top: 0rem;
    }
    .spotlight-item .spotlight-item-content:before {
        content: '';
        border-top: 1px solid #DDDDDD;
        position: absolute;
        top: auto;
        left: 0;
        right: 0;
        bottom: 3.4rem;
        margin: 0 1.5rem;
    }
    .spotlight-item .spotlight-item-content .link-arrow {
        margin-top: 0.9rem;
        padding-top: 0.9rem;
    }
    .spotlight-slider .owl-dots {
        bottom: 1.55rem;
        right: auto;
        left: 1.7rem;
    }
    /* ----- /SPOTLIGHT SLIDER ----- */
    /*  */
    /* ----- BLOCK IMPACTS ----- */
    .block-impacts {
        margin-bottom: 0rem;
    }
    .block-impacts .impact-item {
        height: 21.3rem;
        margin-bottom: 0.9rem;
    }
    .block-impacts .impact-item-content {
        padding: 0 1.1rem 0.9rem 1.6rem;
    }
    /* ----- /BLOCK IMPACTS ----- */
    /*  */
    /* ----- BLOCK JOURNEYS ----- */
    .block-journeys .content-wrap {
        margin: -2.5rem 0.6rem;
        padding: 1.8rem 1.6rem 0.7rem;
    }
    .block-journeys {
        margin-bottom: 1.05rem;
    }
    /* ----- /BLOCK JOURNEYS ----- */
    /*  */
    /* ----- SECTION SCHOOLS ----- */
    .section-schools .container {
        padding: 0;
    }
    .section-schools h2 {
        margin-bottom: 0.8rem;
    }
    .school-item .school-item-content {
        margin: -2.5rem 0.6rem 0;
        padding: 1.35rem 1.2rem 0.9rem;
    }
    .school-item .school-item-content h5 br {
        display: none;
    }
    .school-item {
        margin-bottom: 0.6rem;
    }
    /* ----- /SECTION SCHOOLS ----- */
    /*  */
    /* ----- SECTION JOIN ----- */
    .section-join {
        padding-top: 0.3rem;
        padding-bottom: 2.3rem;
    }
    .block-subscribe {
        margin-bottom: 1.2rem;
    }
    .section-join .row {
        margin: 0 -1.1rem;
    }
    .block-join > img {
        height: 26rem;
    }
    .block-join .content-wrap {
        margin: -2.5rem 0.7rem 0;
    }
    .block-join {
        margin-bottom: 1.3rem;
    }
    .block-social .social-item .title {
        display: flex;
        margin-bottom: -1.1rem;
    }
    .block-social .row {
        margin: 0 -0.3rem;
    }
    .block-social .social-item .title a {
        color: #4DD9FF;
        font-weight: 500;
    }
    /* ----- /SECTION JOIN ----- */
    /*  */
    /* ----- FOOTER ----- */
    .footer .col:first-child {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .footer .social-icons {
        position: absolute;
        right: 0.9rem;
        top: 0;
        margin-top: 1.3rem;
    }
    .footer .social-icons .icon {
        margin-right: 0;
        margin-left: 1.2rem;
    }
    .footer .contact-links {
        display: flex;
        flex-wrap: wrap;
    }
    .footer .contact-links > div {
        flex: 0 0 34.3%;
        max-width: 34.3%;
    }
    .footer .contact-links > div:nth-child(2) {
        flex: 0 0 34%;
        max-width: 34%;
    }
    .footer .contact-links > div:nth-child(3) {
        flex: 1;
        max-width: 100%;
    }
    .footer .btn {
        margin-top: 1rem;
        margin-bottom: 2.3rem;
    }
    .footer .col:nth-child(2) {
        flex: 0 0 48.3%;
        max-width: 48.3%;
    }
    .footer .col:nth-child(3) {
        flex: 0 0 40%;
        max-width: 40%;
    }
    .footer .copyright {
        margin: 1.9rem -0.9rem 0;
        flex-direction: column;
        align-items: flex-start;
    }
    .footer .copyright ul {
        margin-top: 0.4rem;
        margin-left: 0;
    }
    .footer .copyright p:last-child {
        margin-left: 0;
        margin-top: 0.4rem;
    }
    /* ----- /FOOTER ----- */
    /*  */
    /* ----- SECTION PAGE TITLE ----- */
    .section-page-title .row {
        margin: 0 -15px;
    }
    /* ----- /SECTION PAGE TITLE ----- */
    /*  */
    /* ----- SECTION COURSE SINGLE ----- */
    .learn-more-box .col:first-child {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .learn-more-box .form-bottom {
        flex-direction: column;
        align-items: flex-start;
    }
    .learn-more-box .form-bottom .btn-cube {
        margin-bottom: 1rem;
    }
    .nav-tabs .nav-item {
        flex: 0 0 100%;
        text-align: center;
    }
    .overview .item {
        flex-direction: column;
    }
    .overview .item span:first-child {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .collapse-item .btn {
        padding: 1.1rem 0;
    }
    .tabs-box .collapse, .tabs-box .collapsing {
        padding-left: 2.4rem;
    }
    .tabs-box .total {
        padding: 1rem 0 0.2rem;
    }
    .tabs-box-wrap.sport-recreation .collapse-item .btn {
        padding: 0.7rem 0;
    }
    .section-course-single .row {
        margin: 0 -15px;
    }
    /* ----- /SECTION COURSE SINGLE ----- */
    /*  */
    /* ----- SECTION SLIDERS ----- */
    .tabs-box-wrap.sport-recreation .collapse-item .btn {
        padding: 0.7rem 0;
    }
    .stories-slider .item .item-content {
        padding: 1.9rem 1.2rem 1.5rem;
        height: 22rem;
    }
    .stories-slider {
        margin-bottom: 4rem;
    }
    .stories-slider .owl-dots {
        bottom: 19rem;
    }
    .section-sliders .row {
        margin: 0 -15px;
    }    
    .stories-slider .item > img {
        height: 20rem;
        width: 100%;
        object-fit: cover;
    }
    /* ----- /SECTION SLIDERS ----- */
    /*  */
    /* ----- SECTION CONTACT US ----- */
    .section-contact-us .contact-us-content {
        position: static;
        width: auto;
        margin: 0 0.8rem;
        padding: 2.2rem 1.5rem;
        transform: translateY(-6rem);
    }
    .section-contact-us img {
        padding-right: 0;
        height: 19rem;
        object-fit: cover;
    }
    .section-contact-us {
        padding-bottom: 0;
    }
    .section-contact-us .row {
        margin: 0 -15px;
    }    
    /* ----- /SECTION CONTACT US ----- */
    /*  */
    /* ----- SECTION FEATURES THREE COLS ----- */
    .section-features.three-cols .col, 
    .section-features.three-cols .col:nth-child(2n), 
    .section-features.three-cols .col:nth-child(5n) {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .section-features.three-cols .feature {
        margin-bottom: 0.6rem;
    }
    .section-features.three-cols .col:nth-child(3n) .feature {
        border-right: 0;
    }
    /* ----- /SECTION FEATURES THREE COLS ----- */
    /*  */
    /* ----- SECTION LINKS ----- */
    .section-links .row {
        margin: 0 -15px;
    }
    /* ----- /SECTION LINKS ----- */
    /*  */
    /* ----- SECTION OUR PROFILE ----- */
    .section-our-profile .row {
        margin: 0 -15px;
    }
    .section-our-profile .content-wrap {
        padding: 0 0.8rem 2.2rem;
    }
    /* ----- /SECTION OUR PROFILE ----- */
    /*  */
    /* ----- SECTION WELCOME ----- */
    .blockquote {
        padding-left: 1.6rem;
    }
    .section-welcome .table-wrap {
        white-space: nowrap;
        overflow-x: scroll;
    }
    /* ----- /SECTION WELCOME ----- */
    /*  */
    /* ----- SECTION EVENTS ----- */
    .events-box {
        padding: 0 1rem 2.9rem;
    }
    /* ----- /SECTION EVENTS ----- */
    /*  */
    /* ----- SECTION NEWS SINGLE ----- */
    .section-news-single .row {
        margin: 0 -15px;
    }
    .section-news-single {
        padding-top: 3.3rem;
    }
    .section-news-single .content-wrap > img {
        height: auto;
    }
    .section-news-single .content-wrap ul {
        padding-left: 1.7rem;
    }
    .section-news-single .article-nav a {
        font-size: 0.875rem;
    }
    .section-news-single .article-nav {
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .section-news-single .article-nav a img {
        margin-left: 0;
    }
    .section-news-single .article-nav .link-arrow {
        order: 2;
        margin: 0;
        margin-bottom: 0.8rem;
    }
    .section-news-single .article-nav .link-arrow.arrow-left {
        order: 1;
    }
    .section-news-single .article-nav a {
        order: 3;
        margin: 0 auto;
    }
    /* ----- /SECTION NEWS SINGLE ----- */
    /*  */
    /* ----- SECTION NEWS SINGLE WITH GALLERY ----- */
    .section-news-single.with-gallery .white-box {
        margin: 3.4rem 0 0;
        padding: 1.6rem 0.9rem;
    }
    .section-news-single .images-slider .item {
        height: auto;
    }
    /* ----- /SECTION NEWS SINGLE WITH GALLERY ----- */
    /*  */
    /* ----- SECTION OUR STORY ----- */
    .section-our-story {
        padding-bottom: 4rem;
        padding-top: 3rem;
    }
    .section-our-story .container-fluid {
        padding: 0 15px;
    }
    .section-our-story h1{
        margin-left: 0;
    }
    .section-our-story .owl-carousel{
        margin-left: 0;
        margin-right: -15px;
    }
    .story-item {
        position: relative;
        flex-wrap: wrap;
    }
    .story-item .content-wrap .year {
        position: absolute;
        top: 2rem;
        left: 77%;
    }
    .story-item .content-wrap {
        flex: 0 0 80%;
        max-width: 80%;
        padding-top: 1rem;
        padding-left: 1rem;
        margin-top: -3rem;
        background: #fff;
        margin-left: 1rem;
        padding-right: 1rem;
    }
    .story-item .content-wrap .year:after {
        margin-left: 1.5rem;
    }
    .section-our-story .owl-nav {
        bottom: 6rem;
    }
    .story-item .image-wrap {
        flex: 0 0 75%;
        max-width: 75%;
        height: auto;
        max-height: 25rem;
        width: auto;
    }
    .story-item .content-wrap p {
        max-width: 100%;
    }
    /* ----- /SECTION OUR STORY ----- */
    /*  */
    /* ----- SECTION GOVERNANCE ----- */
    .section-governance .row {
        margin: 0 -15px;
    }
    .section-governance .collapse-box .table-wrap {
        margin-right: 0;
        overflow-x: scroll;
        white-space: nowrap;
    }
    .section-governance .image-box {
        padding: 1.8rem 1rem;
    }
    .section-governance .image-box img {
        margin: 0;
    }
    .section-governance .title-box {
        padding: 0 1rem 1.4rem 1rem;
    }
    .section-governance .row {
        margin: 0 -15px;
    }
    .section-governance .title-box {
        padding: 0 1rem 1.4rem 1rem;
    }
    .section-governance .collapse-box > .btn {
        padding: 1.2rem 1rem;
    }
    .section-governance .collapse-box .collapse, .section-governance .collapse-box .collapsing {
        padding: 0.1rem 1rem 1.5rem;
    }
    .section-governance .collapse-box ul {
        padding-left: 1.7rem;
    }
    /* ----- /SECTION GOVERNANCE ----- */
    /*  */
    /* ----- SECTION STAFF PROFILE ----- */
    .section-staff-profile .container {
        padding: 0 15px;
    }
    .section-staff-profile .box-wrap {
        flex-direction: column;
        margin: 0;
        padding: 0 0.8rem 1.3rem;
        margin-bottom: 2rem;
    }
    .section-staff-profile .staff-img {
        margin: 0 auto;
        margin-bottom: 2rem;
    }
    .section-staff-profile .link-arrow.arrow-left {
        margin-left: -0.2rem;
    }
    /* ----- /SECTION STAFF PROFILE ----- */
    /*  */
    /* ----- PAGE TITLE STUDENTS ----- */
    .page-title-students .container {
        padding: 0 15px;
    }
    .page-title-students .content-wrap {
        padding-top: 4.1rem;
    }
    /* ----- /PAGE TITLE STUDENTS ----- */
    /*  */
    /* ----- SECTION STUDENT PORTAL ----- */
    .gray-box {
        margin-bottom: 3rem;
    }
    .section-student-portal .container {
        padding: 0 15px;
    }
    /* ----- /SECTION STUDENT PORTAL ----- */
    /*  */
    /* ----- SECTION REQUEST INFO ----- */
    .section-request-info .container {
        padding: 0 15px;
    }
    .section-request-info form {
        margin-right: 0;
    }
    .section-request-info form .select {
        margin-bottom: 1rem;
    }
    /* ----- /SECTION REQUEST INFO ----- */
    /*  */
    /* ----- SECTION SEARCH RESULTS ----- */
    .section-search-results .container {
        padding: 0 15px;
    }
    /* ----- /SECTION SEARCH RESULTS ----- */
    /*  */
    /* ----- MODAL ----- */
    .modal-dialog {
        max-width: 19rem;
        margin: 0 auto;
    }
    .modal .modal-content {
        padding: 2.6rem 1.1rem 2.1rem 1.4rem;
    }
    /* ----- /MODAL ----- */
    /*  */
    /* ----- SECTION POLICIES ----- */
    .section-policies .letters .nav-item{
        flex: 0 0 auto;
        text-align: left;
    }
    /* ----- /SECTION POLICIES ----- */
    /*  */
    .fancybox-image {
        max-width: 100%;
        padding: 0 1rem;
        height: auto;
        object-fit: contain;
    }
}
@media(max-width: 575px){
    body {
        padding-top: 3.8rem;
    }
    .section .container > .row {
        margin: 0 -0.3rem;
    }
    h1, .h1{
        font-size: 3rem;
        line-height: 3.25rem;
    }
    h6, .h6{
        font-size: 0.875rem;
        line-height: 1.0625rem;
    }
    /* ----- HEADER ----- */
    .header {
        padding: 0.95rem 0;
        height: 3.8rem;
    }
    .header.hide{
        top: -3.8rem;
    }
    .header .logo {
        max-width: 14.6rem;
        margin-left: 0.3rem;
    }
    .header .menu-btn {
        margin-left: 1rem;
    }
    .block-search {
        top: 3.8rem;
    }
    .block-search.search-opened {
        padding: 0.7rem 0 1.55rem;
    }
    .block-search .row {
        margin: 0 -0.4rem;
    }
    .block-search .form-control {
        font-size: 1rem;
        height: 2.4rem;
    }
    .block-search button {
        top: 0.6rem;
        width: 1.1rem;
    }
    .block-search .close-btn{
        width: 1rem;
    }
    .block-search form {
        margin-right: -0.5rem;
    }
    /* ----- /HEADER ----- */
    /*  */
    /* ----- SECTION BANNER ----- */
    .section-banner {
        height: 41.4rem;
    }
    .section-banner .item{
        height: 41.4rem;
    }
    .section-banner .banner-content {
        margin-left: 0.2rem;
        margin-top: 16.7rem;
    }
    .section-banner .banner-content h1 {
        max-width: 10rem;
    }
    .section-banner .banner-content .video-play-btn {
        margin-top: -0.5rem;
        font-size: 1rem;
        margin-bottom: 1.3rem;
    }
    .section-banner .banner-content .video-play-btn img {
        width: 2.4rem;
        height: 2.4rem;
        flex: 0 0 2.4rem;
    }
    .section-banner .btn-cube a {
        font-size: 0.875rem;
    }
    .btn-cube .first_cube a {
        padding: 0.95rem 0;
    }
    .section-banner .btn-cube .first_cube, .section-banner .btn-cube .second_cube {
        height: 3.1rem;
        width: 9.4rem;
    }
    .section-banner .btn-cube {
        height: 3.1rem;
    }
    .section-banner .btn-cube .first_cube {
        -webkit-transform: translateZ(24px);
        transform: translateZ(24px);
    }
    .section-banner .btn-cube .second_cube a {
        padding: 0.65rem 0;
    }
    .section-banner .bottom-content .col {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .section-banner .bottom-content .col:nth-child(3n) .infobox{
        border-right: 1px solid #fff;
    }
    .section-banner .bottom-content .col:nth-child(2n) .infobox{
        border-right: 0;
    }
    .section-banner .bottom-content .col:last-child {
        flex: 1;
        max-width: 100%;
    }
    .infobox .number{
        font-size: 1.875rem;
    }
    .section-banner .bottom-content {
        height: 5.7rem;
    }
    .infobox .icon-wrap {
        margin-right: 0.4rem;
    }
    .section-banner .slider-nav {
        top: 32.65rem;
        left: 64%;
    }
    /* ----- /SECTION BANNER ----- */
    /*  */
    /* ----- FIND COURSE ----- */
    .find-course {
        margin: 0;
        padding-top: 0.7rem;
        padding-bottom: 0.4rem;
    }
    /* ----- /FIND COURSE ----- */
    /*  */
    /* ----- NEWS SLIDER ----- */
    .news-item .image {
        height: 14.4rem;
    }
    .news-slider .news-item-content {
        margin: 0;
        padding: 1.2rem 1.1rem 0.45rem;
    }
    .news-slider .news-item-content h3 {
        margin-bottom: 0.5rem;
    }
    .news-slider-wrap .bottom-nav {
        margin: 0;
        padding: 1.1rem 1.3rem 0.8rem 1.1rem;
    }
    /* ----- /NEWS SLIDER ----- */
    /*  */
    /* ----- QUOTES SLIDER ----- */
    .section .quotes-slider-wrap {
        max-width: 100%;
        padding: 1.5rem 1.1rem 1.8rem;
    }
    .section .quotes-slider-wrap:before {
        display: none;
    }
    .section .quotes-col {
        margin-bottom: 0.8rem;
    }
    /* ----- /QUOTES SLIDER ----- */
    /*  */
    /* ----- SPOTLIGHT SLIDER ----- */
    .spotlight-item .image {
        height: 18.1rem;
    }
    .spotlight-item .spotlight-item-content .category-label {
        margin-bottom: 0.9rem;
    }
    .spotlight-item .spotlight-item-content h4 {
        margin-right: -1rem;
        font-weight: 400;
        margin-bottom: 0.2rem;
    }
    .spotlight-item .spotlight-item-content p {
        max-width: 14rem;
        margin-bottom: 0.4rem;
    }
    .spotlight-item .spotlight-item-content .link-arrow {
        margin-top: 0.7rem;
        margin-right: -0.5rem;
    }
    /* ----- /SPOTLIGHT SLIDER ----- */
    /*  */
    /* ----- BLOCK JOURNEYS ----- */
    .block-journeys > img {
        height: 18.4rem;
    }
    .block-journeys .content-wrap {
        margin: -6.7rem 0.6rem;
        padding: 1.8rem 2.2rem 1rem 1.6rem;
    }
    .block-journeys .content-wrap h2 {
        margin-bottom: 0.5rem;
    }
    .block-journeys .content-wrap .bottom-nav {
        padding: 0.7rem 0;
        margin-top: -0.2rem;
    }
    .block-journeys {
        margin-bottom: 4.8rem;
    }
    /* ----- /BLOCK JOURNEYS ----- */
    /*  */
    /* ----- BLOCK JOURNEYS ----- */
    .section-schools .container {
        padding: 0 1.1rem;
    }
    .school-item .image-wrap {
        height: 14rem;
    }
    .school-item .school-item-content {
        margin: -3.1rem 0.6rem 0;
    }
    .school-item {
        margin-bottom: 1.2rem;
    }
    /* ----- /BLOCK JOURNEYS ----- */
    /*  */
    /* ----- SECTION JOIN ----- */
    .section-join {
        padding-top: 0;
        margin-top: -0.3rem;
        padding-bottom: 0.9rem;
    }
    .section-join .row {
        margin: 0 0rem;
    }
    .block-subscribe .form-group {
        flex-direction: column;
    }
    .block-subscribe {
        padding: 1.2rem 1rem 1.4rem;
        margin-right: 0;
        margin-bottom: 1rem;
    }
    .block-subscribe .form-control {
        flex: 0 0 100%;
        max-width: 100%;
        font-size: 0.875rem;
        height: 2.1rem;
        padding: 0.6rem 0.2rem;
        margin-bottom: 0.9rem;
    }
    .block-subscribe .btn-cube {
        margin: 0;
    }
    .block-subscribe .custom-checkbox {
        margin-bottom: 0.5rem;
    }
    .block-join > img {
        height: 13.6rem;
    }
    .block-join {
        margin-bottom: 0.9rem;
    }
    .block-social .row {
        margin: 0 -0.2rem;
    }
    .block-social > img {
        width: 100%;
    }
    .social-item > img {
        width: 100%;
    }
    .social-item {
        margin-right: 0.6rem;
        margin-bottom: 0.9rem;
    }
    .block-social .social-item .title {
        margin-bottom: -1.5rem;
    }
    /* ----- /SECTION JOIN ----- */
    /*  */
    /* ----- FOOTER ----- */
    .footer {
        padding-top: 1.75rem;
    }
    .footer .row {
        margin: 0 -0.7rem;
    }
    .footer .social-icons {
        position: static;
        margin-bottom: 1.9rem;
    }
    .footer .social-icons .icon {
        margin-left: 0;
        margin-right: 1.3rem;
    }
    .footer .contact-links > div, .footer .contact-links > div:nth-child(2) {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 0.7rem;
    }
    .footer .btn {
        margin-top: 0.2rem;
    }
    .footer .col:nth-child(2) {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 1rem;
    }
    .footer .col:nth-child(3) {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .footer .copyright {
        margin: 1.5rem 0.2rem 0;
    }
    .footer .copyright ul {
        margin-top: 0.35rem;
        margin-right: -1rem;
    }
    /* ----- /FOOTER ----- */
    /*  */
}
/* ----- /MEDIA ----- */
/*  */