@media only screen and (max-width: 1023px) {
    :root {
        --header-offset-2026: 60px;  
      }

    /* start top navigation header mobile */
    .header-fixed-navRevamap-New2025-mobile {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 9;
        background: #FFFFFF;
    }

    .navRevamap-New2025-mobile {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 12px 16px;
        height: 60px;
    }

    .mobile-menu-toggle-checkbox {
        display: none;
    }

    .hamburger-menu-mobile {
        display: flex;
        flex-direction: column;
        gap: 4px;
        background: none;
        border: none;
        padding: 0;
        cursor: pointer;
        width: 24px;
        height: 24px;
        justify-content: center;
    }

    .hamburger-menu-mobile span {
        display: block;
        width: 24px;
        height: 2px;
        background-color: #1C77C3;
        transition: all 0.3s ease;
    }

    .mobile-menu-toggle-checkbox:checked~.navRevamap-New2025-mobile .hamburger-menu-mobile span:nth-child(1) {
        transform: rotate(45deg) translate(5px, 5px);
    }

    .mobile-menu-toggle-checkbox:checked~.navRevamap-New2025-mobile .hamburger-menu-mobile span:nth-child(2) {
        opacity: 0;
    }

    .mobile-menu-toggle-checkbox:checked~.navRevamap-New2025-mobile .hamburger-menu-mobile span:nth-child(3) {
        transform: rotate(-45deg) translate(7px, -6px);
    }

    .logo-apollo-new2025-mobile-container-mobile {
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .logo-apollo-new2025-mobile {
        display: flex;
        align-items: center;
    }

    .logo-apollo-new2025-mobile img {
        height: 24px;
        width: auto;
        padding-left: 20px;
    }

    .btn-appointment-apollo2025-mobile {
        display: flex;
        height: 36px;
        padding: 8px 16px;
        align-items: center;
        justify-content: center;
        border-radius: 360px;
        background: #FFCE1F;
    }

    .btn-appointment-apollo2025-mobile a {
        color: #252525;
        text-align: center;
        font-family: "Brauer NeueVN";
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 140%;
        letter-spacing: 0.15px;
        text-decoration: none;
        white-space: nowrap;
    }

    /* Mobile Sidebar Menu */
    .mobile-sidebar-menu {
        position: fixed;
        top: 0;
        left: -100%;
        width: 100%;
        max-width: 100%;
        height: 100vh;
        background: #FFFFFF;
        z-index: 10;
        transition: left 0.3s ease;
        overflow-y: auto;
        padding: 24px 12px;
    }

    .mobile-menu-toggle-checkbox:checked~.mobile-sidebar-menu {
        left: 0;
    }

    .mobile-sidebar-header {
        display: flex;
        align-items: center;
        gap: 20px;
        padding: 0;
        background: #FFFFFF;
        border-bottom: 1px solid #FFFFFF;
        min-height: 60px;
        margin-bottom: 20px;
    }

    .close-menu-mobile {
        background: none;
        border: none;
        padding: 0;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 24px;
        height: 24px;
        flex-shrink: 0;
    }

    .logo-apollo-new2025-container-mobile-sidebar {
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .logo-apollo-new2025-mobile-sidebar {
        display: flex;
        align-items: center;
    }

    .logo-apollo-new2025-mobile-sidebar img {
        height: auto;
        max-height: 32px;
        width: auto;
        max-width: 100%;
        object-fit: contain;
    }

    .btn-appointment-apollo2025-mobile-sidebar {
        display: flex;
        height: 36px;
        padding: 8px 16px;
        align-items: center;
        justify-content: center;
        border-radius: 360px;
        background: #FFCE1F;
    }

    .btn-appointment-apollo2025-mobile-sidebar a {
        color: #252525;
        text-align: center;
        font-family: "Brauer NeueVN";
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 140%;
        letter-spacing: 0.15px;
        text-decoration: none;
        white-space: nowrap;
    }

    .btn-appointment-apollo2025-mobile-sidebar {
        flex-shrink: 0;
    }

    .language-2025 {
        margin-left: 4px;
        display: flex;
        width: 115px;
        height: 34px;
        align-items: center;
        border: 1px solid black;
        border-radius: 32px;
        padding: 4px;   
    }
    
    
    .language-2025 a img {
      width: auto; 
    }

    .language-2025 a.active {
        position: relative;
        display: flex; 
    }


    /* Mobile Sidebar Footer */
    .mobile-sidebar-footer {
        padding: 0;
        margin-top: 20px;
        border-top: 1px solid #FFFFFF;
        background: #FFFFFF;
    }

    .login-link-mobile-sidebar {
        display: block;
        color: #1C77C3;
        text-decoration: none;
        font-family: "Brauer NeueVN", sans-serif;
        font-size: 16px;
        font-weight: 700;
        line-height: 140%;
        letter-spacing: 0.15px;
        text-align: left;
        padding: 0;
    }

    .login-link-mobile-sidebar:hover {
        text-decoration: underline;
    }

    /* Mobile Menu List */
    .main-menu-new2025-mobile {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .main-menu-new2025-mobile>li.has-submenu-mobile {
        border-bottom: 1px solid #FFFFFF;
    }

    .submenu-toggle-checkbox {
        display: none;
    }

    .submenu-label {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 16px 0;
        width: 100%;
    }

    .submenu-label a {
        color: #252525;
        text-decoration: none;
        font-family: "Brauer NeueVN";
        font-size: 16px;
        font-weight: 700;
        line-height: 140%;
        letter-spacing: 0.15px;
        flex: 1;
    }

    .dropdown-toggle-mobile {
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 4px;
        margin-left: 8px;
    }

    .dropdown-menu-apollo2025-mobile {
        width: 11.31px;
        height: 6.71px;
        transition: transform 0.3s ease;
        display: block;
    }

    .has-submenu-mobile .submenu-toggle-checkbox:checked~.submenu-label .dropdown-menu-apollo2025-mobile {
        transform: rotate(180deg);
    }

    .sub-menu-new2025-mobile {
        list-style: none;
        margin: 0;
        padding: 0;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease;
        background: #FFFFFF;
    }

    .has-submenu-mobile .submenu-toggle-checkbox:checked~.sub-menu-new2025-mobile {
        max-height: 1000px;
    }

    .sub-menu-new2025-mobile li a {
        display: block;
        padding: 12px 0 12px 20px;
        color: #252525;
        text-decoration: none;
        font-family: Montserrat, sans-serif;
        font-size: 15px;
        font-weight: 500;
        line-height: 140%;
        border-bottom: 1px solid #FFFFFF;
    }

    .sub-menu-new2025-mobile li:last-child a {
        border-bottom: none;
    }

    /* Expand More Centers */
    .expand-more-centers-wrapper {
        position: relative;
    }

    .expand-more-centers-label {
        display: block;
        padding: 12px 0 12px 20px;
        color: #252525;
        text-decoration: none;
        font-family: Montserrat, sans-serif;
        font-size: 15px;
        font-weight: 500;
        line-height: 140%;
        border-bottom: 1px solid #FFFFFF;
        cursor: pointer;
        user-select: none;
    }

    .remaining-centers-list {
        list-style: none;
        margin: 0;
        padding: 0;
        background: #FFFFFF;
    }

    .remaining-centers-list li a {
        display: block;
        padding: 12px 0 12px 20px;
        color: #252525;
        text-decoration: none;
        font-family: Montserrat, sans-serif;
        font-size: 15px;
        font-weight: 500;
        line-height: 140%;
        border-bottom: 1px solid #FFFFFF;
    }

    .remaining-centers-list li:last-child a {
        border-bottom: none;
    }

    /* Mobile Menu Overlay */
    .mobile-menu-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background: rgba(0, 0, 0, 0.5);
        z-index: 9;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease, visibility 0.3s ease;
        cursor: pointer;
    }

    .mobile-menu-toggle-checkbox:checked~.mobile-menu-overlay {
        opacity: 1;
        visibility: visible;
    }

    /* Hide desktop header on mobile */
    .header-fixed-navRevamap-New2025-mobile:not(.header-fixed-navRevamap-New2025-mobile) {
        display: none !important;
    }


    /* end top navigation header mobile */    
    
    /* FOOTER MOBILE 2025 */
      .reworkfooter2025.mobile {
        width: 100%;
        margin: 0;
        padding: 0 16px;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-bottom: 24px;
    }

    .reworkfooter2025.mobile .footer-rewarm_new_form_link_content {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0;
    }

    .reworkfooter2025.mobile .footer-rewarm_new_form_link_content_logo {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 24px;
    }

    .reworkfooter2025.mobile .footer-rewarm_new_form_link_content_logo img {
        width: auto;
        height: auto;
        max-width: 100%;
        object-fit: contain;
    }

    .reworkfooter2025.mobile .footer-rewarm_new_form_link_content_href {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
        margin-bottom: 16px;
        border-bottom: 1px solid #B3B3B3
    }

    .reworkfooter2025.mobile .footer-rewarm_new_form_link_content_href a {
        width: 100%;
        padding: 10px 0;
        font-family: "Montserrat";
        font-weight: 400;
        font-size: 14px;
        line-height: 140%;
        letter-spacing: 0.25px;
        color: #252525;
        text-decoration: none;
        margin: 0 !important;
        /* border-bottom: 1px solid #E5E5E5; */
        text-align: left;
        border-bottom: 1px solid #B3B3B3
        
    }

    .reworkfooter2025.mobile .footer-rewarm_new_form_link_content_href a:last-child {
        border-bottom: none;
    }

    .reworkfooter2025.mobile .footer-rewarm_new_form_link_content_social {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        /* gap: 12px; */
        margin-bottom: 24px;
    }

    .reworkfooter2025.mobile .footer-rewarm_new_form_link_content_social p {
        font-family: "Montserrat";
        font-weight: 400;
        font-size: 14px;
        line-height: 140%;
        letter-spacing: 0.25px;
        color: #252525;
        margin: 0;
        text-align: left;
    }

    .reworkfooter2025.mobile .footer-rewarm_new_form_link_content_social_wrapper {
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        gap: 4px;
    }

    /* 1. Nhóm Icons (Container chứa cả chữ và icon) */
    .reworkfooter2025.mobile .footer-rewarm_new_form_link_content_social_icon {
        display: flex;
        flex-direction: row; /* Vẫn giữ hướng ngang để các icon nằm cạnh nhau */
        flex-wrap: wrap;     /* QUAN TRỌNG: Cho phép các phần tử rớt xuống dòng */
        align-items: center;
        justify-content: flex-start;
        gap: 16px; /* Khoảng cách giữa chữ-icon và giữa các icon với nhau */
    }

    /* 2. Ép dòng chữ "Theo dõi chúng tôi tại" chiếm hết dòng đầu tiên */
    .reworkfooter2025.mobile .footer-rewarm_new_form_link_content_social_icon p {
        width: 100%; /* Chiếm trọn chiều ngang container */
        margin: 0;   /* Reset margin nếu cần */
        /* Bạn có thể thêm margin-bottom ở đây nếu muốn khoảng cách xa hơn với icon */
    }

    /* 3. Icon Link (Giữ nguyên) */
    .reworkfooter2025.mobile .footer-rewarm_new_form_link_content_social_icon a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 27px;
        height: 27px;
        border-radius: 50%;
        flex-shrink: 0;
    }

    /* 4. Hình ảnh trong icon (Giữ nguyên) */
    .reworkfooter2025.mobile .footer-rewarm_new_form_link_content_social_icon a img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .reworkfooter2025.mobile .footer-rewarm_new_form_link_content_social_logo {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 64px;
        height: 64px;
        flex-shrink: 0;
        margin-left: auto;
    }

    .reworkfooter2025.mobile .footer-rewarm_new_form_link_content_social .logo_ih {
        width: 64px;
        height: 64px;
        object-fit: contain;
    }

    .reworkfooter2025.mobile .footer-rewarm_end {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        /* margin-top: 24px; */
        padding-top: 12px;
        border-top: 1px solid #B3B3B3;
    }

    .reworkfooter2025.mobile .footer-rewarm_end a {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .reworkfooter2025.mobile .footer-rewarm_end a img {
        width: auto;
        height: auto;
        max-width: 100%;
        object-fit: contain;
    }

    .reworkfooter2025.mobile .footer-rewarm_new_form_copyRight {
        font-family: "Montserrat";
        font-weight: 400;
        font-size: 12px;
        line-height: 140%;
        letter-spacing: 0.25px;
        color: #999999;
        text-align: left;
        margin: 0;
        width: 343px;
        margin-right: 55px;
    }
    /* END FOOTER MOBILE 2025 */
}