@media (max-width: 576px) {

    .header__left .user-menu {
        display: none;
    }

    /*#region Navigation*/
    .navbar-collapse {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        z-index: 100;
    }

    .navbar__header {
        display: flex;
        justify-content: flex-end;
        padding: 0 5vw;
    }

    .navbar__header__overlay {
        background-color: #000;
        width: 4rem;
        height: calc(var(--header-height) - 2px);
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .navbar__header .btn-close {
        background-color: #fff;
        transform: scale(2);
        opacity: 1;
    }

    .navbar-menu {
        height: calc(100vh - var(--header-height) + 2px);
        background-color: #000;
        padding: 0 5vw;
    }

        .navbar-menu .user-menu {
            display: flex;
            margin-bottom: 2rem;
        }

        .navbar-menu .user-menu__name,
        .navbar-menu .user-menu__company {
            max-width: unset;
            width: calc(90vw - 45px);
        }


    .navbar-nav {
        display: block;
        position: relative;
    }

        .navbar-nav .culture-menu {
            position: absolute;
            top: 0;
            right: 1rem;
        }
        .navbar-nav .nav-item--l {
            display: none;
        }
        .navbar-nav .nav-item--s {
            display: list-item;
        }
    /*#endregion*/

    /*#region Settings area*/
    .settings-area {
    }

    .settings-area__nav {
        display: none;
    }

    .settings-area__body {
    }
    /*#endregion*/



    .card > .card-body > .card-group > .card {
        border-top-right-radius: 0;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        border-left: none;
        border-right: none;
    }

        .card > .card-body > .card-group > .card:last-child {
            border-right: none;
            border-bottom: none;
        }

    .card-group > .card:not(:first-child) {
        border-top-right-radius: 0;
        border-top-left-radius: 0;
        border-top: none;
    }

    .card-group > .card:not(:last-child) {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom: none;
    }
}