@media screen and (max-width: 992px) {

    .menu-main-bx {
        flex-direction: column;
    }

    .menu-main-left {
        width: 100%;
        height: auto;
        flex: none;
        box-shadow: 0 0px 0px 2px rgb(0 0 0 / 6%);
        z-index: 2;
        background-color: white;
        min-height: auto;
        /* top: 65px; */
    }

    .menu-main-left::-webkit-scrollbar {
        height: 4px;
        /* height of horizontal scrollbar ← You're missing this */
        width: 4px;
        /* width of vertical scrollbar */
        border: 1px solid #d5d5d5;
    }

    .menu-main-left .menu-item-left {
        padding: 0;
        white-space: nowrap;
        overflow-x: overlay;
        display: flex;
    }

    .menu-item-left .menu-item-link {
        display: inline-block;
        margin-bottom: 0;
        padding: 10px 5px;
        letter-spacing: 0;
        font-size: 14px;
        margin: 0 5px;
    }

    .menu-item-left .menu-item-link.active {
        background: linear-gradient(0deg, #295ea20a, transparent);
    }

    .menu-item-left .menu-item-link::after {
        width: 100%;
        height: 3px;
        top: inherit;
        bottom: 0px;
    }

    .nav-logo img {
        width: 100px;
    }

    .nav .nav-logo {
        width: 50px;
        height: 50px;
        left: 50%;
        top: 48%;
    }
}

@media screen and (max-width: 480px) {
    .menu-main-right {
        padding: 0 0 20px;
    }

    .menu-left .food_img {
        width: 110px;
        cursor: pointer;
        height: 70px;
    }

    .menu-name-main .menu-name {
        font-size: 14px;
    }

    .menu-name-main .menu-name-details {
        font-size: 12px;
    }

    .menu-name-main .menu-price {
        font-size: 13px;
    }

    .default-header {
        padding-top: 48px;
        padding-bottom: 0px;
    }

    .menu-items-main {
        padding-top: 25px;
    }
    .menu-items-sub .menu-items-dtl:nth-child(1) {
        padding-top: 5px;
    }
}