/* Planshet kengligidagi menyu: eski sayt uni alohida modul bilan gorizontal
   qator qilib ko'rsatgan, shu ko'rinish shu yerda tiklanadi. */

@media screen and (max-width: 768px) {
    .tab .bm-cool-menu-trigger {
        display: none;
    }

    .tab .bm-cool-menu-wrap .bm-cool-menu {
        display: flex !important;
        position: static !important;
        max-height: none !important;
        overflow: visible !important;
        flex-wrap: wrap;
        align-items: center;
        margin: 0;
        padding: 0;
        list-style: none;
        background: #ffbe00;
    }

    .tab .bm-cool-menu-wrap .bm-cool-menu > li {
        position: relative;
        float: none;
        margin: 0;
        border: 0;
    }

    .tab .bm-cool-menu-wrap .bm-cool-menu > li > a {
        display: block;
        padding: 10px 12px;
        color: #000;
        font-size: 13px;
        line-height: 1.2;
        text-transform: uppercase;
        text-decoration: none;
        background: none;
        border: 0;
    }

    .tab .bm-cool-menu-wrap .bm-cool-menu > li > a:hover,
    .tab .bm-cool-menu-wrap .bm-cool-menu > li > a:focus {
        background: #ffd34d;
        color: #000;
    }

    .tab .bm-cool-menu-wrap .bm-cool-menu .nav-child {
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 30;
        display: none;
        min-width: 220px;
        margin: 0;
        padding: 0;
        list-style: none;
        background: #ffbe00;
        box-shadow: 0 2px 6px rgba(0, 0, 0, .25);
    }

    .tab .bm-cool-menu-wrap .bm-cool-menu li:hover > .nav-child,
    .tab .bm-cool-menu-wrap .bm-cool-menu li:focus-within > .nav-child {
        display: block;
    }

    .tab .bm-cool-menu-wrap .bm-cool-menu .nav-child a {
        display: block;
        padding: 8px 12px;
        color: #000;
        font-size: 13px;
        text-decoration: none;
    }

    .tab .bm-cool-menu-wrap .bm-cool-menu .nav-child a:hover {
        background: #ffd34d;
    }
}