@media (max-width: 405px) {
    .main-nav .menu {
        display: flex !important;
        flex-wrap: nowrap !important;
        gap: 0.2rem !important;
        padding-left: 0 !important;
    }
    .main-nav .menu > li {
        float: none !important;
        margin-right: 0.5rem !important;
        flex-shrink: 1 !important;
    }
    .main-nav .menu > li > a {
        font-size: 12px !important;
        padding: 2rem 0.3rem !important;
        white-space: nowrap !important;
        display: block !important;
    }
}