@media screen and (max-width:1750px) {
        .container {
            width: 100%;
            max-width: 1420px;
            margin: auto;
        }

        .rightSide {
            width: 100%;
            max-width: 600px;
        }

        .leftSide {
            width: 100%;
            max-width: 730px;
        }

        .imageAlign img {
            width: 320px;
        }

        .opportunitiesRightside {
            width: 100%;
            max-width: 700px;
        }

        .researchCard {
            width: 690px;
        }

        .careerCard {
            max-width: 670px;
        }

    }

    @media screen and (max-width:1450px) {
        .container {
            width: 100%;
            max-width: 1220px;
            margin: auto;
        }

        .leftContent h2 {
            font-size: 32px;
        }

        .leftContent p {
            font-size: 45px;
        }

        .leftContent h1 {
            font-size: 40px;
        }

        .apply-btn {
            padding: 15px 35px;
            font-size: 22px;
        }

        .excellenceAlign p {
            font-size: 18px;
            max-width: 550px;
        }

        .rightSide {
            max-width: 550px;
        }

        .imageAlign img {
            width: 280px;
        }

        .opportunitiesAlign {
            gap: 30px;
        }

        .opportunitiesRightside h2 .block {
            display: inline;
        }

        .backgroundBg {
            background: url(../images/banner/vectorimg.webp) no-repeat calc(100% - 200px) calc(100% - 62px);
        }

        h2 {
            font-size: 32px;
        }

        .learningCard {
            max-width: 380px;
        }

        .Opportunities p {
            font-size: 18px;
        }

        .textAligncenter p {
            font-size: 18px;
        }

        .learningCard h3 {
            font-size: 22px;
        }

        .learningCard p {
            font-size: 18px;
        }

        .researchCard h3 {
            font-size: 24px;
        }

        .researchCard {
            width: 590px;
        }

        .careerCard {
            max-width: 585px;
        }

        .experienceCard h3 {
            font-size: 24px;
        }

        .experienceCard p {
            font-size: 18px;
        }

        .buttonAlign .apply-btn {
            padding: 12px 30px;
            font-size: 18px;
        }

        .footer h5 {
            font-size: 16px;
        }

    }

    @media screen and (max-width:1250px) {
        .container {
            width: 100%;
            max-width: 1030px;
            margin: auto;
        }


        .backgroundBg {
            background: url(../images/banner/vectorimg.webp) no-repeat calc(100% - 50px) calc(100% - 62px);
        }

        .leftContent h1 {
            font-size: 35px;
        }

        .leftContent h2 {
            font-size: 28px;
        }

        .leftContent p {
            font-size: 22px;
        }

        .apply-btn {
            padding: 12px 30px;
            font-size: 22px;
        }

        .rightSide {
            max-width: 450px;
        }

        .excellenceAlign p {
            font-size: 16px;
            max-width: 500px;
        }

        .imageAlign img {
            width: 230px;
        }

        h2 {
            font-size: 30px;
        }

        .Opportunities p {
            font-size: 16px;
        }

        .textAligncenter p {
            font-size: 16px;
        }

        .learningCard h3 {
            font-size: 20px;
        }

        .learningCard p {
            font-size: 16px;
        }

        .learningCard {
            max-width: 315px;
        }

        .researchCard {
            width: 495px;
        }

        .researchCard h3 {
            font-size: 22px;
        }

        .researchCard p {
            font-size: 16px;
        }

        .fontSizeset {
            font-size: 16px;
        }

        .careerCard {
            max-width: 485px;
        }

        .cardContent h5 {
            font-size: 22px;
        }

        .cardContent p {
            font-size: 16px;
        }

        .experienceCard h3 {
            font-size: 22px;
        }

        .experienceCard p {
            font-size: 16px;
        }

    }

    @media screen and (max-width:1050px) {
        .container {
            width: 100%;
            max-width: 95%;
            margin: auto;
        }

        .leftSide {
            width: 100%;
            max-width: 460px;
        }

        h2 {
            font-size: 28px;
        }

        .learningCard {
            max-width: 290px;
            padding: 15px 15px;
        }

        .researchCard {
            width: 455px;
        }

        .careerCard {
            max-width: 450px;
        }

        .careerAlign {
            gap: 28px;
        }

        .cardContent {
            bottom: 45px;
        }

        .nav-menu li a {
            font-size: 16px;
        }

        .applyNowbutton {
            padding: 8px 25px;
            font-size: 16px;
        }

        .leftContent h1 {
            font-size: 34px;
        }
        .schedule
        {
            max-width: 95%;
        }
    }

    @media screen and (max-width:991px) {
        .bannerSection {
            background: url(../images/banner/mobbanner.webp) no-repeat bottom;
            position: relative;
            background-size: cover;
            padding-bottom: 0px;
            padding-top: 30px;
        }

        .nav-menu {
            gap: 0px;
        }

        .middleContent {
            margin: auto;
            position: relative;
            width: 60%;
            bottom: 65px;
        }

        .leftContent {
            padding-top: 110px;
            padding-bottom: 103px;
        }

        .middleContent img {
            width: 100%;
        }

        .bannerSection .container {
            display: flex;
            justify-content: space-between;
            flex-direction: column;
        }


        .backgroundBg {
            background: none;
            padding-bottom: 0px;
            background-size: cover;
        }

        .d-desk {
            display: none;
        }

        .d-mob {
            display: block;
        }

        .excellenceAlign {
            flex-direction: column;
        }

        .leftSide {
            max-width: 100%;
        }

        .excellenceAlign p {
            max-width: 100%;
            padding-bottom: 40px;
        }

        h2 {
            font-size: 32px;
        }

        .rightSide {
            max-width: 100%;
        }

        .opportunitiesAlign {
            flex-direction: column;
        }

        .imageAlign {
            max-width: 100%;
            justify-content: center;
        }

        .imageAlign img {
            width: 100%;
        }

        .Learning p .block {
            display: inline;
        }

        .opportunitiesAlign {
            gap: 50px;
        }

        .learningCard {
            max-width: 100%;
        }

        .learningAlign {
            display: block;
        }

        .learningAlign.owl-carousel .owl-item img {
            width: auto;
        }

        .learningCard {
            height: 15rem;
        }

        .owl-carousel .owl-stage-outer {
            padding: 10px;
        }

        .researchAlign {
            display: block;
            /* REQUIRED for Owl */
        }

        .researchAlign.owl-carousel .owl-item img {
            width: auto;
        }

        .researchCard {
            width: 100%;
            height: 15rem;
        }

        .careerAlign {
            display: block;
            margin-top: 40px;
            /* Required for Owl */
        }

        .careerAlign.owl-carousel .owl-item img {
            width: 100%;
        }

        .careerCard {
            max-width: 100%;
        }

        .experienceAlign {
            display: block;
            /* REQUIRED for Owl Carousel */
        }

        .experienceAlign.owl-carousel .owl-item img {
            width: 100%;
        }

        .experienceCard {
            max-width: 100%;
            width: 100%;
            height: 26rem;
        }

        .footerAlign {
            flex-wrap: wrap;
            gap: 20px;
        }

        .widthAlign {
            width: 100%;
            max-width: 350px;
        }

        .opportunitiesRightside {
            width: 100%;
            max-width: 100%;
        }

        .Opportunities p {
            max-width: 100%;
        }
    }

    @media (max-width: 767px) {
        .Excellence {
            padding: 40px 0px 30px;
        }

        .Opportunities {
            padding: 50px 0px 50px 0px;
        }

        h2 {
            font-size: 28px;
        }

        .learningCard {
            height: 18rem;
        }

        .Learning {
            padding: 50px 0px 30px;
        }

        .Research span.block {
            display: inline;
        }

        .researchCard p {
            margin-top: 20px;
            line-height: 20px;
            font-size: 14px;
        }

        .researchCard {
            padding: 20px 15px;
        }

        .researchCard h3 {
            font-size: 17px;
        }

        .Research {
            padding: 50px 0px 30px;

        }

        .Career {
            padding: 50px 0px 30px;
        }

        .Experience span.block {
            display: inline;
        }

        .Experience {
            padding: 40px 0px 0px;
        }

        .footer {
            padding: 40px 0px;
        }

        .widthAlign {
            width: 100%;
            max-width: 100%;
        }

        .global {
            padding: 80px 0px;
        }
        .right
        {
            font-size: 15px;
        }
        .row
        {
            padding: 15px 10px;
        }
    }

    @media (max-width: 600px) {
        .learningCard {
            height: 15rem;
        }

        .learningCard {
            max-width: 95%;
        }

        .researchCard {
            width: 95%;
            height: 11rem;
        }

        .careerAlign.owl-carousel .owl-item img {
            width: 95%;
        }

        .experienceCard {
            max-width: 95%;
            height: 26rem;
        }
        
    }


    @media screen and (max-width: 500px) {
        .bannerSection h1 {
            font-size: 28px;
        }

        .leftContent h2 {
            font-size: 24px;
        }

        .leftContent p {
            font-size: 45px;
        }

        .borderLineset {
            width: 50px;
        }

        .apply-btn {
            font-size: 18px;
        }

        h2 {
            font-size: 26px;
        }

        .alignContnet {
            gap: 15px;
        }

        .block {
            display: inline;
        }

        .researchCard p {
            margin-top: 10px;
        }

        .cardContent {
            bottom: 15px;
            left: 5px;
            margin: 0px 15px 0px 0px;
            padding: 10px 15px 0px 10px;
        }

        .cardContent p {
            font-size: 14px;
            word-wrap: break-word;
            word-break: break-all;
        }

        .cardContent h5 {
            font-size: 20px;
        }

        .experienceCard {
            height: 24rem;
        }
        .row {
            flex-wrap: wrap;
            gap: 10px;
          }
        .left
        {
            width: 100%;
            border-bottom: 1px solid #ccc;
            padding: 0 0 10px 0;
        }
         .right {
            width: 100%;
            text-align: left;
        }
        .admissionSec
        {
            padding: 30px 0;
        }
    }
    

@media screen and (max-width: 660px) {
    .middleContent img {
        position: relative;
        top: 21px;
    }
}
@media screen and (max-width: 480px) {
    .middleContent img {
        position: relative;
        top: 31px;
    }
}