@media(max-width:1600px) {
        .sbt {
            padding: 5px 20px;
            font-size: 15px;
        }
        .checkbox-label {
            font-size: 12px;
        }
        .form-sec {
            top: 19%;
            width: 310px;
        }
        .banner .container {
            padding: 0px 150px;
        }
        .logo {
            padding: 0 40px;
        }
        .logo img {
            width: 180px;
        }
        h1 {
            font-size: 60px;
            padding-bottom: 40px;
        }
        .hired .mySwiper figure img {
            width: 165px;
        }
        .fuTab .nav .nav-item .nav-link {
            font-size: 40px;
        }
        .scsl h6 {
            font-size: 18px;
            padding-top: 15px;
        }
        .excellence ul li h4 {
            font-size: 27px;
        }
        .real figcaption {
            font-size: 25px;
        }
        .academic figcaption h4 {
            font-size: 22px;
        }
        .academic figcaption p {
            font-size: 18px;
        }
        .mvCon figure img {
            width: 150px;
        }
        .a-section-marquee-box {
            rotate: 4deg;
            right: -12px;
        }
        .b-section-marquee-box {
            rotate: -4deg;
            right: -12px;
        }
        .moving {
            padding-top: 240px;
        }
    }
    
    @media(max-width:1400px) {
        .banner .container {
            padding: 0px 120px;
        }
        .container {
            padding: 0 140px;
        }
        .ap {
            right: 7vw;
        }
        .careers .heading {
            padding-bottom: 0;
        }
        h1 {
            font-size: 50px;
        }
        .active h4 {
            font-size: 23px;
        }
        .logo img {
            width: 150px;
        }
        .fuTab .nav .nav-item .nav-link {
            font-size: 35px;
        }
        .excellence ul li figure img {
            width: 100px;
            object-fit: contain;
            aspect-ratio: 2/2;
        }
        .excellence ul li figure {
            width: 15%;
        }
        .excellence ul li {
            padding-bottom: 25px;
        }
        .excellence ul {
            gap: 30px 0;
        }
        .real {
            height: auto;
        }
        .moving .heading figure img {
            top: -23vw;
        }
        iframe {
            height: 400px
        }
    }
    
    @media(max-width:1200px) {
        .logo {
            padding: 0 30px;
        }
        .moving .heading figure img {
            max-width: 320px;
        }
        .banner .container {
            padding: 0px 70px;
        }
        .banCon h4 {
            font-size: 20px;
        }
        .container {
            padding: 0 70px;
        }
        .car .item h3 {
            font-size: 40px;
        }
        .car .item h3 span {
            font-size: 20px;
        }
        .car .item h3 sub {
            top: -12px;
            font-size: 22px;
            left: -3px;
        }
        .ap {
            right: 3vw;
        }
        .hired .mySwiper figure img {
            width: 150px;
            aspect-ratio: 2 / 1.6;
        }
        h2 {
            font-size: 40px;
        }
        .fuTab .nav .nav-item .nav-link {
            font-size: 30px;
        }
        .fuTab .tab-content ul li a {
            font-size: 30px;
        }
        .fuTab .tab-content ul li::after {
            font-size: 18px;
        }
        .scholar {
            padding-top: 0;
        }
        .a-section-marquee-box {
            rotate: 3deg;
        }
        .b-section-marquee-box {
            rotate: -3deg;
        }
        .real figcaption {
            font-size: 20px;
        }
        p,
        li {
            font-size: 17px;
        }
        .academic figcaption {
            padding: 10px 10px 0;
        }
        .academic figcaption h4 {
            font-size: 20px;
        }
        .academic figcaption p {
            font-size: 16px;
        }
        .moving {
            padding-top: 270px;
        }
    }
    
    @media(max-width:992px) {
        .banner {
            height: auto;
            padding: 150px 0 0;
        }
        .moving .heading figure img {
            max-width: 240px;
        }
        .banner .container {
            padding: 0px 30px;
        }
        h1 {
            font-size: 40px;
        }
        .banCon {
            padding-bottom: 30px;
        }
        .banCon h4 {
            font-size: 16px;
        }
        .logo img {
            width: 120px;
        }
        p,
        li {
            font-size: 16px;
        }
        .car .item h3 {
            font-size: 35px;
            padding-bottom: 10px;
            margin-bottom: 10px;
        }
        .car .item h3 span {
            font-size: 18px;
        }
        .hired .mySwiper figure img {
            width: 120px;
        }
        .moving .heading h2 {
            padding: 50px 30px;
        }
        .moving {
            padding-top: 180px;
        }
        .mvCon figure {
            padding: 10px;
        }
        .mvCon figure figcaption {
            font-size: 18px;
            margin-top: 20px;
        }
        .fuTab .nav .nav-item .nav-link {
            font-size: 23px;
        }
        .fuTab .tab-content ul li {
            margin-bottom: 20px;
            padding: 0 0 25px 48px;
        }
        .fuTab .tab-content ul li a {
            font-size: 23px;
        }
        .fuTab .tab-content ul li a span {
            width: 30px;
            height: 30px;
        }
        .scholar .heading h4 {
            font-size: 22px;
        }
        .scholar .heading h5 {
            font-size: 22px;
            padding-top: 30px;
        }
        .excellence ul li h4 {
            font-size: 20px;
        }
        .legCon {
            padding: 60px 30px;
        }
        .mvCon p {
            padding: 30px;
        }
        .mvCon figure img {
            width: 120px;
        }
    }
    
    @media(max-width:768px) {
        .logo {
            padding: 0 10px;
            top: 10px;
        }
        .moving .heading figure img {
            max-width: 100%;
        }
        .banner figure {
            left: unset;
            width: 100%;
            right: -90px;
            transform: unset;
        }
        .container {
            padding: 0 20px;
        }
        .car {
            flex-wrap: wrap;
            gap: 20px 0;
        }
        .car .item {
            width: 33%;
        }
        h2 {
            font-size: 30px;
        }
        .scholar .heading {
            padding: 60px 25px 220px;
        }
        .schCon {
            margin-top: -190px;
        }
        .excellence ul li figure {
            width: 20%;
        }
        .excellence,
        .academic {
            padding-top: 0;
        }
        .excellence .heading {
            padding-bottom: 0;
        }
        .banner {
            overflow: hidden;
        }
        .logo p {
            padding-bottom: 0;
        }
    }
    
    @media(max-width:576px) {
        .logo img {
            width: 90px;
        }
        iframe {
            height: 220px;
        }
        .logo p {
            font-size: 12px;
        }
        .banner .container {
            padding: 0px 15px;
        }
        h1 {
            font-size: 30px;
            padding-bottom: 20px;
        }
        .banCon h4 {
            font-size: 12px;
        }
        .form-sec {
            width: 100%;
        }
        .banner figure {
            right: -55px;
        }
        p,
        li {
            font-size: 14px;
        }
        h2 {
            padding-bottom: 20px;
            font-size: 25px;
        }
        h2 br {
            display: none;
        }
        section {
            padding: 40px 0;
        }
        .future .heading h3 {
            font-size: 18vw;
            line-height: 1.2;
            margin-top: -20px;
        }
        .future {
            padding-top: 0;
        }
        .fuTab .nav .nav-item .nav-link {
            font-size: 14px;
            padding: 5px;
        }
        .fuTab .tab-content ul li a {
            font-size: 18px;
        }
        .fuTab .nav {
            margin-bottom: 20px;
        }
        .fuTab .tab-content ul li::after {
            font-size: 14px;
        }
        .fuTab .tab-content ul li {
            padding: 0 0 25px 36px;
        }
        .scholar .heading {
            padding: 30px 15px 210px;
        }
        .schCon {
            padding: 0 10px;
        }
        .scsl {
            padding: 20px 0 16px 15px;
        }
        .scsl h6 {
            font-size: 14px;
            padding-top: 10px;
        }
        .scholar .heading h4 {
            font-size: 16px;
        }
        .scholar .heading h2 {
            padding-bottom: 10px;
        }
        .scholar .heading h5 {
            font-size: 18px;
            padding-top: 18px;
        }
        .schSwiper .swiper-wrapper .swiper-slide:nth-child(even) {
            padding-top: 55px;
        }
        .schCon {
            margin-top: -120px;
        }
        .scholar .heading {
            padding: 30px 15px 150px;
        }
        .excellence ul li {
            padding-bottom: 25px;
            flex-direction: column;
            align-items: flex-start;
        }
        .excellence ul li h4 {
            font-size: 16px;
            padding-right: 10px;
        }
        .excellence ul li figure {
            width: 30%;
        }
        .rla>div {
            width: 30px;
            height: 30px;
        }
        .rla .swiper-button-next:after,
        .rla .swiper-button-prev:after {
            font-size: 12px;
        }
        .real figcaption {
            font-size: 13px;
            margin-top: 10px;
        }
        .a-section-marquee-box {
            rotate: 2.5deg;
            padding: 10px;
        }
        .b-section-marquee-box {
            rotate: -2.5deg;
            padding: 10px;
        }
        .real {
            height: 450px;
        }
        .realSwiper {
            padding: 0 20px;
        }
        .academic figcaption p br {
            display: none;
        }
        .container {
            padding: 0 15px;
        }
        .academic figcaption h4 {
            font-size: 17px;
        }
        .academic figcaption p {
            font-size: 14px;
        }
        .academic .heading {
            padding-bottom: 20px;
        }
        .fuTab .tab-content ul li {
            padding: 0 0 15px 36px;
        }
        .moving .heading h2 {
            padding: 20px 20px;
        }
        .moving {
            padding-top: 90px;
        }
        .mvCon {
            flex-direction: column;
        }
        .mvCon p {
            width: 100%;
        }
        .mvCon figure {
            width: 100%;
        }
        footer {
            padding-bottom: 30px;
        }
    }