@media(min-width: 1899px) {
    .carousal-sec .container {
        max-width: 1366px
    }
}

.logo-wrap img {
    height: 15rem !important
}

@media(max-width: 1800px) {
    .logo-wrap img {
        height: 20rem
    }

    .banner-text {
        position: absolute;
        left: 23rem;
        bottom: 6rem
    }

    .program-offered {
        padding: 5rem 0 15rem
    }

    .section-para p {
        font-size: 1.8rem;
        color: #8c8c8c
    }

    .section-heading h2 {
        font-size: 4rem;
        padding-bottom: 2rem;
        padding-top: 5rem;
    }

    .program-offered {
        background-position: 55% 135%
    }

    .program-offered-images h2 {
        font-size: 2rem
    }

    .leverage-steps ul li p {
        font-size: 2.3rem
    }

    .leverage-steps ul li {
        margin-bottom: 5rem
    }

    .leverage-steps ul li img {
        height: 7rem
    }

    .leverage-left img {
        height: 17rem;
        position: absolute;
        top: -9rem;
        left: 13%
    }

    .off-campus .nav-tabs .nav-link {
        font-size: 2.5rem
    }

    .tab-description p {
        font-size: 1.8rem
    }

    .tab-description {
        padding: 6rem 0 6rem 4rem
    }

    .nav-tabs .nav-item.show .nav-link,
    .nav-tabs .nav-link.active {
        background-color: #fbfafa
    }

    .eligibility {
        padding-top: 10rem
    }

    .red-border {
        padding: 0 5rem 18rem;
        top: 16rem
    }

    .red-border p {
        font-size: 1.8rem
    }

    .campus-life .section-heading p {
        font-size: 1.8rem
    }

    .footer-wrap p {
        font-size: 1.8rem
    }

    .footer-wrap {
        padding: 1rem;
        text-align: center
    }

    .carousal-sec {
        padding: 5rem 0
    }

    .scholarship p,
    .scholarship li {
        font-size: 1.8rem
    }

    #btech-eligibility li,
    #msc li {
        font-size: 1.8rem;
        margin-bottom: 1.8rem
    }

    #btech-eligibility p,
    #msc p {
        font-size: 2rem;
        font-weight: 700;
        color: #8c8c8c;
        padding: 2rem 0
    }

    .banner-text h1 {
        font-size: 4vw
    }

    .banner-text h2 {
        font-size: 3.61rem
    }

    .banner-text {
        position: absolute;
        left: 27rem;
        bottom: 11rem
    }
}

@media(max-width: 1400px) {}

@media(max-width: 1390px) {
    .banner-text {
        position: absolute;
        left: 20rem;
        bottom: 3rem
    }
}

@media(max-width: 1280px) {
    .banner-text {
        position: absolute;
        left: 22rem;
        bottom: 9rem
    }

    .banner-text h2 {
        font-size: 3.61rem
    }

    .banner-text h1 {
        font-size: 4vw
    }

    .leverage-steps ul li p {
        font-size: 1.8rem
    }
}

@media(max-width: 1200px) {
    .program-offered-images .slick-prev {
        left: 47%
    }
}

@media(max-width: 1160px) {
    .logo-wrap {
        position: absolute;
        top: 1rem;
        left: 4.2rem
    }

    .logo-wrap img {
        height: 12rem
    }

    .banner-text {
        position: absolute;
        left: 16rem;
        bottom: 4rem
    }

    .red-border {
        padding: 0 3rem 11rem 6rem;
        top: 0;
        position: static;
        margin-bottom: -7rem
    }
}

@media(max-width: 991px) {
    .red-border {
        border: none;
        padding: 0 3rem 0 6rem
    }

    .program-offered-images .slick-prev {
        left: 43%
    }

    .qbs {
        margin-top: -20rem
    }

    .carousal-sec {
        padding: 0
    }

    .event-two-center-bottom img {
        height: unset
    }

    .event-two-center-top img {
        height: unset
    }

    .event-two-right img {
        height: unset
    }

    .leverage-left img {
        display: none
    }

    .program-offered-images h2 {
        font-size: 2rem
    }

    .program-offered {
        padding: 0 0 7rem
    }

    .leverage {
        padding-top: 5rem
    }

    .banner-text {
        left: 13rem;
        bottom: 4rem
    }

    .banner-text h1 {
        font-size: 4vw
    }

    .banner-text h2 {
        font-size: 2.61rem
    }

    .scholarship {
        padding: 5rem
    }
}

@media(max-width: 768px) {
    footer {
        margin-bottom: 4.5rem
    }

    .program-offered-images .slick-next {
        right: 42%
    }

    .program-offered-images .slick-prev {
        left: 39%
    }

    .event-two {
        display: none
    }

    .program-offered-images .hia,
    .program-offered-images .cse {
        padding: 7rem 1rem
    }

    .qbs {
        margin-top: -5rem
    }

    .tab-content::after {
        display: none
    }

    .program-offered-images .col-md-6 {
        margin: 2rem;
        padding: 0;
        max-width: 100% !important;
        transition: .5s all
    }

    .desktop-banner {
        display: none
    }

    .mobile-banner {
        display: block;
        height: 80vh;
        background-image: linear-gradient(75deg, #001a1c, #003f44)
    }

    .pink-box {
        height: 44rem;
        background: #f66;
        width: 40rem;
        position: absolute;
        bottom: 30px;
        left: 22px
    }

    span.girl-div {
        z-index: 99;
        position: absolute;
        bottom: 0;
        right: 0
    }

    .girl-div img {
        height: 49vw;
        object-fit: scale-down
    }

    .banner-text {
        left: 8rem;
        bottom: 13rem
    }
}

@media(max-width: 600px) {
    .side-slide-form-wrap .close {
        display: none
    }

    .mobile-banner {
        height: 70vh
    }

    .topenq {
        position: fixed;
        top: unset;
        width: 100%;
        right: unset;
        transform: unset;
        overflow: hidden;
        z-index: 300;
        bottom: 0
    }

    .side-slide-form-wrap {
        width: 100%;
        padding: 20px;
        position: static;
        transform: unset
    }
}

@media(max-width: 575px) {
    .mobile-banner {
        min-height: 635px
    }

    .banner-text h1 {
        font-size: 4vw
    }

    .pink-box {
        height: 42rem;
        background: #f66;
        width: 51rem;
        position: absolute;
        bottom: 30px;
        left: 22px
    }
}

@media(max-width: 480px) {
    .program-offered-images .slick-prev {
        left: 35%
    }

    .banner-text h1 {
        font-size: 4vw
    }

    .program-offered-images .slick-next {
        right: 40%
    }

    .pink-box {
        height: 42rem;
        background: #f66;
        width: 35rem;
        position: absolute;
        bottom: 30px;
        left: 22px
    }
}

@media(max-width: 478px) {
    .leverage {
        padding-top: 0
    }

    .section-heading h2 {
        font-size: 3rem
    }

    .banner-text {
        left: 6rem;
        bottom: 17rem
    }

    .mobile-banner {
        height: 85vh
    }

    .program-offered-images .hia,
    .program-offered-images .cse {
        min-height: 300px
    }

    .program-offered-images h2 {
        font-size: 2.5rem
    }
}

@media(max-width: 415px) {
    .mobile-banner {
        height: 64rem
    }
}

@media(max-width: 380px) {
    .program-offered-images .slick-prev {
        left: 31%
    }

    .pink-box {
        height: 42rem;
        background: #f66;
        width: 33rem;
        position: absolute;
        bottom: 30px;
        left: 12px
    }

    .banner-text {
        left: 4rem;
        bottom: 17rem
    }

    .program-offered-images .slick-next {
        right: 35%
    }
}

@media(max-width: 376px) {
    .mobile-banner {
        height: 64rem
    }
}

@media(max-width: 340px) {
    .mobile-banner {
        height: 64rem
    }
}