/* ----- 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 ----- */

    /*  */

	
.rqoon-dots {
  
    top: 12.4rem;
}		
	
}



@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 {

        margin-left: 1.4rem;

    }

    .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 ----- */

    /*  */

    
.rqoon-dots {
  
    top: 31.6rem;
}	
	
	
	
	
	
/*  --- mobile fix   ---*/	
	.find-course {
  margin: 0;
  padding-top: 30px;
  padding-bottom: 0;
}	
}

@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:30px;

    }

    .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;

    }
.rqoon-dots {
  
    top: 12.4rem;
}
	
	
	
	
	
	
	/*  --- mobile fix   ---*/	
	.find-course {
  margin: 0;
  padding-top: 30px;
  padding-bottom: 0;
}
.section-news-events .news-item-small {
  margin-top: 0;
}	
.section-page-title.page-title-course.page-title-welcome img {
  display: none;
}
	
.page-title-welcome::before {
  content: '';
  background: #8D9093;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
}	
.section-page-title.page-title-course.page-title-welcome {
  height: 12rem;
}
	
.section-page-title.page-title-course.page-title-welcome .content-wrap {
  padding-top: 1rem;
}
	
.sppb-section.section-page-title.page-title-course.page-title-profile.sppb-element-lazy.sppb-element-loaded {
  background-image: none !important;
	height: 12rem;
}
	
.sppb-section.section-page-title.page-title-course.page-title-profile.sppb-element-lazy.sppb-element-loaded {
	content: '';
  background: #8D9093;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
}	
.sppb-section.section-page-title.page-title-course.page-title-profile.sppb-element-lazy.sppb-element-loaded .content-wrap {
  padding-top: 1rem;
}
	
	
	
#sost.section-our-story .owl-carousel {
  margin-left: 1.5rem;
  width: auto;
}
#sost.section-our-story h1 {
  color: #10069F;
  font-size: 3.375rem;
  line-height: 3.625rem;
  margin-bottom: 3rem;
  margin-left: 1.5rem;
}
.section-request-info .custom-checkbox {
  padding-left: 1.6rem;
  font-size: 0.875rem;
  color: #202020;
  margin-bottom: 0.2rem;
  padding: 0 25px !important;
}	
.school-sliders .images-slider {
  margin: 0 0 3px !important;
}	
	
	
.section-student-portal .block-impacts .impact-item {

    margin-bottom: 2rem;

}	
.section-student-portal .block-impacts {
  margin-bottom: 0;
}
.section-student-portal .quotes-slider-wrap {
  margin-top: 0;
  margin-bottom: 2rem;
}	
.section-student-portal .block-impacts .impact-item {
  margin-bottom: 2rem;
}	
.gray-box {
  margin-bottom: 2rem;
}
.gray-box.gray-box-small {
  margin-left: auto;
  max-width: 100%;
  margin-top: 0;
  margin-bottom: 2rem !important;
  display: inline-block;
  position: relative;
  width: 100%;
}	
	
}

@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 ----- */

    /*  */

	
.rqoon-dots {
    display: inline-block;
    float: right;
    margin: 5px 0;
    position: absolute;
    z-index: 99;
    right: 30px;
    top: 12rem;
}	
	

	
/*  --- mobile fix   ---*/	
	.find-course {
  margin: 0;
  padding-top: 30px;
  padding-bottom: 0;
}
	
.section-news-events .news-item-small {
  margin-top: 0;
}	
	
.section-page-title.page-title-course.page-title-welcome img {
  display: none;
}
	
.page-title-welcome::before {
  content: '';
  background: #8D9093;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
}	
.section-page-title.page-title-course.page-title-welcome {
  height: 12rem;
}
	
.section-page-title.page-title-course.page-title-welcome .content-wrap {
  padding-top: 1rem;
}
	
.sppb-section.section-page-title.page-title-course.page-title-profile.sppb-element-lazy.sppb-element-loaded {
  background-image: none !important;
	height: 12rem;
}
	
.sppb-section.section-page-title.page-title-course.page-title-profile.sppb-element-lazy.sppb-element-loaded {
	content: '';
  background: #8D9093;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
}	
.sppb-section.section-page-title.page-title-course.page-title-profile.sppb-element-lazy.sppb-element-loaded .content-wrap {
  padding-top: 1rem;
}
	
#sost.section-our-story .owl-carousel {
  margin-left: 1.5rem;
  width: auto;
}
#sost.section-our-story h1 {
  color: #10069F;
  font-size: 3.375rem;
  line-height: 3.625rem;
  margin-bottom: 3rem;
  margin-left: 1.5rem;
}
	
.section-request-info .custom-checkbox {
  padding-left: 1.6rem;
  font-size: 0.875rem;
  color: #202020;
  margin-bottom: 0.2rem;
  padding: 0 25px !important;
}
	
.school-sliders .images-slider {
  margin: 0 0 3px !important;
}
	
.section-student-portal .block-impacts .impact-item {

    margin-bottom: 2rem;

}	
.section-student-portal .block-impacts {
  margin-bottom: 0;
}
.section-student-portal .quotes-slider-wrap {
  margin-top: 0;
  margin-bottom: 2rem;
}	
.section-student-portal .block-impacts .impact-item {
  margin-bottom: 2rem;
}	
.gray-box {
  margin-bottom: 2rem;
}
.gray-box.gray-box-small {
  margin-left: auto;
  max-width: 100%;
  margin-top: 0;
  margin-bottom: 2rem !important;
  display: inline-block;
  position: relative;
  width: 100%;
}	
}

/* ----- /MEDIA ----- */

/*  */