@media (min-width: 1200px) {
    .navbar-expand-xl .navbar-nav {
        flex-direction: row;
        position: relative;
        margin-top: -43px;
        flex: 1;
        justify-content: center;
    }
    a.navbar-brand.logo-center {
        top: 9px;
        margin-inline: auto;
        position: relative;
    }
    .navbar-expand-xl .navbar-collapse {
        align-items: end !important;
        z-index: 1;
    }
}

@media (max-width:1199px) {
    .logo-center {
        margin-right: auto;
    }
    .navbar-nav .nav-link {
        padding: 12px 0 !important;
        border-bottom: 1px solid #eee;
    }
    .nav-icons {
        padding-left: 15px;
    }
    .navbar-collapse.collapse,.navbar-collapse.collapsing {
        position: absolute;
        left: 0px;
        height: 0;
        top: 100px;
        padding: 30px;
        width: 100%;
        overflow-y: auto;
        background: #fff;
        z-index: 9999;
        opacity: 0;
        transition: 0.4s ease all;
    }
    .navbar-toggler:focus {
        box-shadow: none;
    }
    .navbar-collapse.collapse.show,.navbar-collapse.collapsing.show {
        display: block;
        height: 100vh;
        opacity: 1;
    }
    /* Inner page banners — reduce from 100dvh */
    .et_product_banner:not(.ct_home_banner) {
        height: 280px !important;
    }
}

@media (max-width: 767px) {
    /* Home banner: show full landscape image (1920x824) at natural proportions */
    .ct_hero_item.et_product_banner.ct_home_banner {
        background-size: 100% auto !important;
        background-position: top center !important;
        background-repeat: no-repeat !important;
        background-color: #f0eeea !important;
        height: auto !important;
        min-height: 0 !important;
        padding-top: 42.9vw !important; /* 824/1920 image ratio = 42.9% */
        padding-bottom: 25px;
        display: block !important;
        align-items: initial !important;
    }
    .ct_hero_item.et_product_banner.ct_home_banner .container {
        margin-top: 18px;
    }
    .ct_hero_item.et_product_banner.ct_home_banner .et_banner_content h2 {
        color: #1a1a1a !important;
        font-size: 22px !important;
    }
    .ct_hero_item.et_product_banner.ct_home_banner .et_banner_content p {
        color: #555 !important;
        font-size: 13px !important;
    }
    /* Fix black strip — owl dots area */
    .ct_hero_slider_wrap {
        background: #f0eeea;
        overflow: hidden;
    }
    .ct_hero_slider_wrap .owl-dots {
        background: #f0eeea;
        padding: 8px 0;
    }

@media (max-width:991px) {
    .mega-menu {
        width: 100%;
    }
    .et_leadership_img img {
        height: 500px;
        object-fit: cover;
        object-position: top;
    }
    .promo-box {
        margin-top: 20px;
    }
    .footer-title {
        font-size: 22px;
    }
    .footer-area {
        padding: 40px 0 0;
    }
    .et_why_choose_img img {
        height: 400px;
    }
    .newsletter-wrapper {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }
    .newsletter-form {
        width: 100%;
        max-width: 100%;
    }
    .ct_related_title {
        font-size: 32px;
    }
    /* Banner content adjustments */
    .et_banner_content {
        padding: 0 15px;
    }
    .et_banner_content h2 {
        font-size: 30px;
    }
    .et_banner_content p {
        font-size: 15px;
    }
    .et_contact_section {
        padding: 60px 0;
    }
    .et_map_wrap {
        margin-top: 20px;
    }
    .et_info_box {
        margin-bottom: 25px;
    }
    /* Membership cards */
    .et_membership_card {
        margin-bottom: 30px;
    }
    /* Top bar */
    .top-bar .top-right {
        justify-content: center;
    }
}

@media (max-width:767px) {
    .banner-login {
        min-height: 100px;
    }
    .et_tab_btn {
        width: 100%;
    }
    .ct_related_title {
        font-size: 28px;
    }
    .banner-content h2 {
        font-size: 28px;
    }
    .ct_order_title {
        font-size: 28px;
    }
    .ct_consultation_inner h2 {
        font-size: 26px;
    }
    .ct_consultation_inner p {
        font-size: 14px;
        padding: 0 10px;
    }
    .et_top_layer_title {
        font-size: 26px;
    }
    .ct_order_row {
        gap: 20px;
        flex-wrap: wrap;
    }
    .et_section_title {
        font-size: 24px;
    }
    .et_contact_desc {
        font-size: 12px;
    }
    .et_submit_btn {
        width: 100%;
    }
    .et_team_slider .owl-item:nth-child(even) .item .et_team_member,
    .et_team_slider .owl-stage {
        margin-top: 0px;
    }
    /* Inner page banners */
    .et_product_banner:not(.ct_home_banner) {
        height: 220px !important;
    }
    /* Banner text for inner pages */
    .et_banner_content h2 {
        font-size: 24px;
    }
    .et_banner_content p {
        font-size: 13px;
    }
    /* Service detail */
    .et_treatment_content h5 {
        font-size: 16px;
    }
    /* Footer */
    .footer-bottom {
        font-size: 12px;
        padding: 15px;
        text-align: center;
    }
    /* Welcome section */
    .et_welcome_sec {
        padding-block: 50px;
    }
    /* Course cards */
    .et_course_card {
        margin-bottom: 20px;
    }
}

@media (max-width: 575px) {
    .newsletter-content h3 {
        font-size: 26px;
    }
    .newsletter-form {
        flex-direction: column;
        align-items: stretch;
    }
    .subscribe-btn {
        width: 100%;
    }
    /* Inner page banners */
    .et_product_banner:not(.ct_home_banner) {
        height: 180px !important;
    }
    /* Banner text */
    .et_banner_content h2 {
        font-size: 20px;
    }
    .et_banner_content p {
        font-size: 12px;
    }
    /* Top bar condensed */
    .top-bar {
        padding: 6px 0;
    }
    .top-right {
        justify-content: center;
        flex-wrap: wrap;
        gap: 6px;
    }
    /* Navbar top position fix for mobile collapsed menu */
    .navbar-collapse.collapse,
    .navbar-collapse.collapsing {
        top: 70px;
    }
    /* Consultation section */
    .ct_consultation_inner {
        padding: 40px 20px;
    }
    .ct_consultation_inner h2 {
        font-size: 22px;
    }
    .ct_book_btn {
        font-size: 13px;
        padding: 12px 24px;
    }
    /* Service card price/detail text */
    .et_detail_list li {
        font-size: 13px;
    }
    /* Academy module hero */
    .et_treatment_img {
        margin-bottom: 20px;
    }
    /* Footer */
    .footer-title {
        font-size: 18px;
        margin-top: 20px;
    }
    .youtube-live {
        margin-top: 20px;
    }
}