@media( min-width: 1400px ) {
    .container {
        max-width: 1200px;
    }
}

@media( max-width: 1399px ) {
    body, 
    html {
        font-size: 18px;
    }
    .siteBanner .owl-theme .owl-dots {
        padding-left: 9rem;
    }
    .bs_image {
        transform: translateX(15%);
    }
    .campus-img {
        transform-origin: right bottom;
        transform: scale(1.05);
    }
    .iconBox {
        padding: 0 1.85rem 2.5rem;
    }
}

@media( max-width: 1199px ) {
    .bs_content {
        left: 0.5rem;
    }
    .bs_image {
        height: 30rem;
        transform: translateX(20%);
    }
    .marquee {
        display: none;
    }
    .siteBanner .owl-theme .owl-dots {
        padding-left: 5.5rem;
    }
    .form-wrap {
        width: 20rem;
    }
    .immersion-logos {
        width: 25rem;
    }
    .company-group img {
        height: 2rem;
    }
    .aminities-list .aminities-list-item {
        font-size: 1.4rem;
    } 
    .thankyou .bs_image {
        height: 30rem;
    }
    .scholarship-content {
        width: 10rem;
    }
}

@media( max-width: 991px ) {
    .sectionTitle {
        font-size: 2rem;
    }
    .bs_content h1 {
        font-size: 1.5rem;
    }
    .bs_image {
        height: 20rem;
        transform: translateX(12%);
        margin-top: -85%;
    }
    .siteBanner {
        padding-top: 6rem;
    }
    .bs_content br {
        display: none;
    }
    .bs_content {
        position: relative;
        top: auto;
        left: auto;
        bottom: auto;
        width: 60%;
        padding-block: 3rem;
        z-index: 2;
    }
    .bs_content h5 {
        font-size: 0.9rem;
    }
    .bs_item::before {
        top: 0rem;
        background-size: auto 80%;
    }
    .siteBanner .owl-theme .owl-dots {
        padding-left: 4.5rem;
    }
    .form-wrap {
        width: 100%;
    }
    .accreditations::before {
        bottom: 8.7rem;
        top: 8.7rem;
        height: auto;
    }
    .campus {
        overflow: hidden;
    }
    .campus::before {
        display: none;
    }
    .campus p::after {
        position: absolute;
        top: 0;
        left: -2rem;
        right: -2rem;
        content: "";
        background: var(--secondaryColor);
        height: 50vh;
        z-index: -1;
    }
    .campus-text p {
        padding-bottom: 7rem;
        padding-top: 2rem;
        margin-top: 1.5rem;
    }
    .campus-img {
        position: static;
        width: 100%;
        transform-origin: center bottom;
        transform: scale(1.2);
        margin-top: -10%;
    }
    .alumni::after {
        height: auto;
        top: 9.5rem;
    }
    .immersion-logos {
        width: 20rem;
        top: 14.5rem;
    }
    .immersion-Outer {
        border-radius: 1.5rem;
        overflow: hidden;
        min-height: 27.5rem;
    }
    .career-results {
        width: 100%;
    }
    .campus-text {
        width: 100%;
    }
    .videoWrap {
        width: 100%;
        height: auto;
    }
    .closeModal {
        transform: translateY(-150%);
        width: 1.5rem;
        height: 1.5rem;
    }
    .modal.show {
        padding: 0 !important;
    }
    .thankyou .siteBanner-Outer::after {
        top: 0;
        background-image: url(../assets/images/bannerSlide01-image02-alt.png);
    }
    .thankyou .bs_image {
        margin-top: -75%;
        height: 28rem;
        transform: scale(1) translateX(20%);
    }
    .career_points {
        margin: 0 auto;
    }
    .imm_logo_wrap {
        position: relative;
        transform: none;
        max-width: 100%;
        right: auto;
    }
    .immersion-Outer .imm_layer_01,
    .immersion-Outer .imm_layer_02 {
        padding-right: 0;
    }
    .immersion-Outer .imm_layer_02::after {
        top: -7.5rem;
        z-index: -1;
    }
}

@media( max-width: 767px) {
    .footer-layer1 h1 {
        font-size: 1.7rem;
    }
    footer p {
        font-size: 1rem;
    }
    .bs_content {
        position: relative;
        padding-top: 3rem;
        width: 70%;
        z-index: 3;
    }
    .owl-carousel .owl-item img.bs_image {
        transform: translateX(25%);
        position: absolute;
        bottom: 0;
        right: 0;
        height: 22rem;
        z-index: -1;
    }
    .bs_item {
        overflow: hidden;
        border-radius: 2rem;
    }
    .bs_item::before {
        background-size: 80% auto;
        border-radius: 2rem;
    }
    .bs_item_1::before {
        background-image: url(../assets/images/bannerSlide01-image02-alt.png);
    }
    .bs_item_2::before {
        background-image: url(../assets/images/bannerSlide02-image02-alt.png);
    }
    .bs_item_3::before {
        background-image: url(../assets/images/bannerSlide03-image02-alt.png);
    }
    .bs_item_4::before {
        background-image: url(../assets/images/bannerSlide04-image02-alt.png);
    }
    .bs_content h1 {
        font-size: 1.6rem;
    }
    .bs_content h5 {
        font-size: 0.9rem;
    }
    .bannerBtn {
        font-size: 1rem;
        margin-bottom: 4rem;
    }
    .aminities-slider {
        width: 100%;
    }
    .aminities-slider:after {
        position: absolute;
        inset: 0;
        content: "";
        background: linear-gradient(to right, #000, #0000);
        z-index: 1;
    }
    .immersion-Outer {
        min-height: unset
    }
    .ii-layer-inner {
        padding: 1rem;
        min-height: auto;
    }
    .immersion-logos {
        width: 100%;
        position: static;
        margin: 3rem 0;
    }
    .to-next-slide {
        padding-right: 0;
    }
    .to-next-slide::after {
        display: none;
    }
    .to-next-slide {
        font-size: 1.1rem;
    }
    .to-next-slide:before {
        position: absolute;
        content: "";
        bottom: 0;
        left: 0;
        right: 0;
        content: "";
        height: 1px;
        background: white;
    }
    .ii-layer {
        padding: 2rem 0;
        bottom: auto;
    }
    .company-group img,
    .process img {
        filter: grayscale(0);
    }
    .thankyou h1 {
        font-size: 3rem;
    }
    .thankyou h5 {
        font-size: 1.1rem;
    }
    .thankyou .bannerBtn {
        width: 14rem;
        font-size: 0.8rem;
        margin-bottom: 0;
    }
    .thankyou .bs_image {
        display: none;
    }
    .owl-carousel .owl-stage-outer {
        border-radius: 2rem;
    }   
    .explore_campuses > div > p {
        font-size: 1.2rem;
    } 
    .career_points {
        width: 8rem;
    }
    .career_points h3 {
        font-size: 1.5rem;
    }
    .career_points p {
        font-size: 0.75rem;
    }
    .scholarship-content {
        width: 8rem;
    }
    .scholarship h4 {
        font-size: 1.2rem;
    }
    .scholarship p {
        font-size: 0.8rem;
    }
}

@media( max-width: 575px ) {
    .siteBanner {
        padding-top: 5rem;
    }
    .siteBanner .owl-theme .owl-dots {
        padding-left: 0;
    }
    .bs_item {
        align-items: flex-start;
    }
    .bs_content {
        padding: 2rem 1rem 9rem;
        width: 90%;
    }
    .bs_content h1 {
        font-size: 1.5rem;
    }
    .bs_content h5 {
        font-size: 0.8rem;
        margin: 0 0 2rem;
        padding-right: 2rem;
    }
    .owl-carousel .owl-item img.bs_image {
        transform: translateX(1%) translateY(2rem);
        height: 18rem;
    }
    .owl-carousel .owl-item .bs_item_2 img.bs_image {
        transform: translateX(30%) translateY(2rem);
    }
    .bs_item::before {
        background-size: 100% auto;
    }
    .ranking-logo-1, 
    .ranking-logo-2 {
        width: 5rem;
        height: 4rem;
    }
    .campus-img {
        transform-origin: center bottom;
        transform: scale(1.1);
    }
    .facultyBox {
        max-width: 100%;
    }
    .company-group img {
        height: 2.2rem;
    }
    .scholarship-wrap {
        display: flex;
        gap: 1rem;
        width: calc(240vw + 2rem) !important;
    }
    .scholarship {
        width: 80vw !important;
        height: 23rem;
    }
    .scholarship h4.title {
        display: none;
    }
    .scholarship-content {
        transform: none;
        opacity: 1;
        width: auto;
    }
    .scholarship p {
        font-size: 0.9rem;
    }
    .ss-outer {
        overflow-x: scroll;
    }
    .aminities-mob-item {
        border-radius: 1rem;
        overflow: hidden;
        width: 80vw;
    }
    .aminities-mob-item p {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 1rem;
        z-index: 3;
        background: linear-gradient(#0000, #000c);
        font-weight: 600;
    }
    .aminities-mob {
        overflow-x: scroll;
    }
    .aminities-mob-wrap {
        width: calc( 320vw + 3rem );
        display: flex;
        gap: 1rem;
    }
    .siteLogo {
        width: 7rem;
    }
    .modal-dialog {
        margin: 0 !important;
    }
    .thankyou .bs_image {
        display: none;
    }
    .thankyou .siteBanner-Outer {
        min-height: auto;
    }
    .thankyou h1 {
        font-size: 2.5rem;
    }
    .thankyou h5 {
        font-size: 1rem;
    }

    .thankyou br {
        display: none;
    }
    .numberBox {
        width: 100%;
    }
    .numberBox_item {
        border-right: none;
        width: 50%;
    }
    .numberBox::after {
        position: absolute;
        z-index: 2;
        content: "";
        top: 0;
        bottom: 50%;
        width: 1px;
        left: 50%;
        background-color: #FFDAB7;
    }
    .numberBox::before {
        position: absolute;
        z-index: 2;
        content: "";
        top: 50%;
        height: 1px;
        left: 0;
        right: 0;
        background-color: #FFDAB7;
    }
    .numberBox h4 {
        font-size: 1.5rem;
    }
    .numberBox p {
        font-size: 0.75rem;
    }
    .campus_card_inner h3 {
        top: 1rem;
        font-size: 0.9rem;
    }
    .campus_card_inner img {
        margin-top: 1rem;
    }
    .campus_card::after {
        display: none;
    }
    .imm_logo_wrap {
        margin-block: 0.75rem;
    }
    .bannerBtn {
        font-size: 1rem;
        padding: 0.75rem 1.1rem;
    }
}
@media( max-width: 370px ) {
    .campus::before {
        height: 16rem;
      }
      .bs_content h1 {
        font-size: 1.3rem;
      }
      .imm_logo_wrap {
        padding: 1rem;
    }
}