@media(max-width: 1599px) {
    .rankings-box img {
        height: 60px;
        width: 360px;
    }
}

@media(max-width: 1499px) {
    .girl-img {
        height: 408px;
    }

    .banner-section {
        padding-top: 0px;
    }

    .container {
        max-width: 90%;
    }

    .about-image-column {
        width: 100%;
        bottom: -220px;
    }

    .panorama-stats {
        gap: 0px;
    }

    .section-title {
        font-size: 42px;
        line-height: 52px;
        margin-bottom: 20px;
    }

    .course-tab {
        font-size: 18px;
        line-height: 28px;
    }

    .courses-tabs-wrapper {
        margin-bottom: 20px;
    }

    .features-grid {
        margin-top: 24px;
    }

    .learners-slider {
        margin-top: 24px;
    }

    .faq-question span {
        font-size: 16px;
    }
}

@media(max-width: 1299px) {
    .container {
        max-width: 95%;
    }

    .girl-img {
        height: 430px;
    }

    .stat-number {
        font-size: 30px;
        line-height: 40px;
    }

    .panorama-section h2.section-title {
        margin-bottom: 32px;
    }
}

@media(max-width: 1199px) {
    .banner-middle {
        display: none;
    }

    .banner-left {
        flex: 0 0 50%;
        max-width: 50%;
        padding-right: 32px;
    }

    .banner-right {
        flex: 0 0 50%;
    }

    .banner-content {
        flex-direction: row;
    }

    .main-title {
        font-size: 32px;
        line-height: 42px;
    }

    .sub-title {
        font-size: 42px;
        line-height: 52px;
    }

    .about-image-column {
        display: none;
    }

    .about-section {
        padding: 60px 0px;
    }

    .about-section h2.section-title {
        margin-bottom: 24px;
    }

    section {
        padding: 60px 0px !important;
    }

    .course-slide {
        padding: 0px 10px;
    }

    .ranking-slide {
        padding: 0px 10px;
    }

    .banner-section {
        padding: 0px !important;
    }

    .partner-slide {
        padding: 0px 15px;
    }

    .cta-section .container.relative-z {
        padding: 0px;
    }

    .stat-item {
        min-width: 23%;
        flex: 2;
    }

    .panorama-stats {
        gap: 20px;
    }

    .play-icon-overlay svg {
        width: 50px;
        width: 50px;
    }
}

@media(max-width: 992px) {
    .banner-content {
        flex-direction: column;
    }

    .banner-left {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 40px;
        padding-right: 0px;
    }

    .banner-section {
        padding: 30px 0px !important;
    }

    .journey-image-wrapper {
        margin-top: 10px;
    }

    .cta-title {
        font-size: 40px;
        line-height: 50px;
        margin-bottom: 12px;
    }

    .cta-desc {
        margin-bottom: 16px;
    }
}

@media(max-width: 767px) {
    .slick-arrow-dark {
        width: 35px;
        height: 35px;
    }

    .courses-slider {
        padding: 0px 20px;
    }

    .section-title {
        font-size: 32px;
        line-height: 42px;
    }

    .course-tab {
        font-size: 16px;
        line-height: 26px;
    }

    .cta-title {
        font-size: 30px;
        line-height: 40px;
    }

    .slide-arrow {
        width: 35px;
        height: 35px;
    }

    .rankings-slider {
        padding: 0px 20px;
    }
}

@media(max-width: 575px) {
    .top-bar-contact {
        flex-direction: column;
        align-items: flex-start;
    }

    .top-bar-contact span.divider {
        display: none;
    }

    .logo-placeholder img {
        width: 170px;
    }

    .main-title {
        font-size: 24px;
        line-height: 34px;
    }

    .sub-title {
        font-size: 28px;
        line-height: 38px;
        margin-bottom: 10px;
    }

    .courses-list {
        font-size: 14px;
        line-height: 24px;
    }

    .container {
        padding: 0px 10px;
    }

    .slide-arrow {
        display: none !important;
    }

    .ranking-card:hover .ranking-img-wrapper img {
        transform: none !important;
    }

    .section-title {
        font-size: 28px;
        line-height: 38px;
    }

    .learners-slider {
        padding: 0px 10px;
    }

    .learners-section {
        padding-bottom: 0px !important;
    }

    .course-tab {
        padding: 10px 30px;
        font-size: 15px;
        line-height: 25px;
    }

    .courses-slider {
        padding: 0px 10px;
    }

    .rankings-slider {
        padding: 0px 10px;
    }

    .learner-slide {
        padding: 0px;
    }

    .iframe-container {
        padding-bottom: 100%;
    }

    .cta-title {
        font-size: 28px;
        line-height: 38px;
    }

    .stat-item {
        min-width: 33%;
    }

    .stat-icon img {
        max-height: 35px;
    }

    .stat-icon {
        height: 35px;
    }

    .stat-number {
        font-size: 28px;
        line-height: 38px;
    }

    .faq-section .section-title {
        margin-bottom: 20px;
    }

    .cta-btn {
        padding: 12px 30px;
        font-size: 14px;
    }

    .btn-admissions {
        padding: 10px 20px;
        font-size: 16px;
        line-height: 26px;
    }

    .rankings-box img {
        width: 280px;
        height: 50px;
    }

    .admission-btn-wrapper {
        margin-bottom: 20px;
    }

    .banner-left {
        margin-bottom: 24px;
    }

    .about-text-column p {
        font-size: 16px;
        line-height: 26px;
    }

    .features-grid {
        grid-template-columns: 1fr 1fr;
        gap: 15px;
    }

    .mobile-nav {
        top: 140px;
    }
}