@media only screen and (max-width: 992px) {
    .sidebar {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        display: none;
    }

    .sidebar.active {
        display: block;
    }

    .overflow-none, .overflow-none * {
        overflow: hidden;
    }

    .btn-sidebar-close {
        display: flex;
        align-items: center;
        justify-content: center;

        position: fixed;
        top: 24px;
        left: 24px;

        background: #FF2200;
    }

    .app-root .sidebar .sidebar-menu {
        align-items: flex-start;
        padding-left: 32px;
    }

    .only-mobile {
        display: inline;
    }

    .header-row-1 {
        display: none;
    }
}

@media only screen and (min-width: 992px) {
    .btn-sidebar {
        visibility: hidden;
        pointer-events: none;
    }

    .only-mobile {
        display: none;
    }
}

@media only screen and (max-width: 800px) {
    .real-modal {
        width: 100%;
        overflow-y: auto;
    }
}

@media only screen and (max-width: 766px) {
    .mobile-avatar-item {
        display: block;
    }
}