@media (max-width: 1199.98px) {
    
}

@media (max-width: 991.98px) {
    .page-mobile-actions {
        display: flex;
        gap: 8px;
        align-items: center;
        position: fixed;
        bottom: 0;
        padding: 14px;
        z-index: 20;
        left: 70px;
        width: calc(100% - 70px);
        background-color: #fff;
        height: 64px;
    }

    .fixed-lg-right {
        position: fixed;
        top: 0;
        right: -100%;
        height: 100dvh;
        z-index: 100;
        border-radius: 0;
        transition: .2s;
    }
    .fixed-lg-right.fixed-lg-right--open {
        right: 0;
    }
    .fixed-lg-right-gutters .full-screen-block {
    max-height: calc(100dvh - var(--header-fixed-padding) - 64px);
    }
    .mobile-close-fixed-lg-right {
        display: flex;
        position: absolute;
        top: 10px;
        right: 10px;
    } 
}

@media (max-width: 767.98px) {
    .settings-modal.tabs {
        flex-direction: column;
    }
    .settings-modal__aside {
        flex: unset;
        padding: 12px 20px;
        overflow: auto;
    }
    .settings-modal__aside .tabs-nav {
        flex-direction: row;
        width: max-content;
    }
    .modal__dialog {
        padding: 0;
    }
    .modal__content {
        border-radius: 0;
        min-height: 100dvh;
    }
    .modal__header {
        background-color: var(--white);
        position: sticky;
        top: 0;
    }
    .settings-modal__body {
        overflow: visible;
    }
    .settings-modal__actions {
        background-color: var(--white);
        position: sticky;
        bottom: 0;
    }
    .settings-modal__body .tabs-body {
        padding: 20px;
    }
}

@media (max-width: 575.98px) {
    .table-grid-item-big {
        grid-column: span 1;
    }
    .choose-menu-page {
        flex-direction: column;
    }
    .choose-menu-page__links {
        flex: 0 0 82px;
        width: 100%;
    }
    .choose-menu-page__menu {
        flex-direction: row;
    }
    .choose-menu-page__menu li a {
        padding: 12px;
        min-width: 72px;
    }
    .choose-menu-page__menu li a .count-items {
        top: 3px;
        right: 3px;
    }
}
@media (max-width: 450px) {
    .page-mobile-actions {
        width: calc(100% - var(--sidebar-width));
        left: var(--sidebar-width);
    }
    .select-dish-card__footer {
        gap: 12px;
    }
}
@media (min-width: 576px) {

}

@media (min-width: 768px) {

}

@media (min-width: 992px) {

}

@media (min-width: 1200px) {

}