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

@media (max-width: 991.98px) {

    .double-section {
        flex-direction: column;
    }

    .settings-nav {
        overflow: auto;
    }

    .settings-nav li {
        border-bottom: 0;
    }

    .settings-nav .settings-nav__list {
        display: flex;
        flex-direction: row;
    }

    .settings-nav .settings-nav__link {
        display: flex;
        flex-shrink: 0;
        white-space: nowrap;
    }

    .double-section__aside {
        flex: auto;
        width: auto;
    }
    .orders-page {
        height: auto;
    }
    .orders-page .double-section__content {
        padding-left: 0;
        border-left: 0;
    }

    .double-section__aside.double-section__aside--mobile-fixed .sidebar__toggler {
        top: var(--header-fixed-padding);
    }

    .double-section__aside.double-section__aside--mobile-fixed {
        position: fixed;
        top: 0;
        left: 0;
        transform: translateX(-100%);
        z-index: 100;
        max-width: calc(100% - 40px);
        background-color: var(--white);
        padding: 16px 18px;
        transition: 0.3s;
        height: 100vh;
    }

    body.sidebar-open .double-section__aside.double-section__aside--mobile-fixed {
        transform: translateX(0);
    }

    body:not(.sidebar-open) .sidebar .nav__title,
    body:not(.sidebar-open) .sidebar .open-text {
        visibility: hidden;
        opacity: 0;
    }

    body:not(.sidebar-open) .sidebar .sidebar__search .btn {
        padding: 0 10px;
    }

    body:not(.sidebar-open) .sidebar .nav__link .btn {
        padding: 0 13px;
    }

    body:not(.sidebar-open) .sidebar .user-block {
        margin: 12px;
    }

    body:not(.sidebar-open) {
        --sidebar-width: 68px;
    }

    body:not(.sidebar-open) .sidebar__body {
        scrollbar-width: 0;
    }

    body:not(.sidebar-open) .sidebar__body::-webkit-scrollbar {
        display: none;
        opacity: 0;
        width: 0;
        height: 0;
    }
}

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

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

@media (min-width: 576px) {}

@media (min-width: 768px) {}

@media (min-width: 992px) {
    .sidebar__toggler {
        display: none;
    }
}

@media (min-width: 1200px) {}