@media (max-width: 768px) {
    .mobile-sub-select-menu {
        display: block;
        background-color: #fff;
    }

    .mobile-menu-nav {
        display: block;
        padding: 3px 10px 5px;
    }

    .sub-menu {
        display: none !important;
    }

    .mobile-menu-select-wrap {
        display: flex;
        gap: 1px;
    }

    .mobile-menu-select {
        flex: 1;
        min-width: 0;
        height: 42px;
        padding: 0 36px 0 10px;
        border: 1px solid #d9d9d9;
        border-radius: 6px;
        background-color: #fff;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23666' stroke-width='1.8' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: right 16px center;
        background-size: 12px 8px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        color: #222;
        font-size: 14px;
    }
}