/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.3.6,
* Autoprefixer: v10.3.1
* Browsers: last 4 version
*/

@media (max-width: 1080px) {
    .list .list-items .item .item-content {
        min-width: auto;
        max-width: 100%;
    }

    .header--menu {
        position             : absolute;
        width                : 100%;
        -webkit-box-orient   : vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction   : column;
        flex-direction       : column;
        left                 : 0;
        top                  : 54px;
        overflow             : hidden;
        height               : 0;
        -webkit-transition   : all 0.6s;
        -o-transition        : all 0.6s;
        transition           : all 0.6s;
    }

    .header--block__left {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order           : 2;
        order                    : 2;
    }

    .header-menu--mobile {
        display: block;
        color  : var(--white);
    }

    .menu-active .header--menu {
        display   : -webkit-box;
        display   : -ms-flexbox;
        display   : flex;
        z-index   : 4;
        background: var(--green);
        height    : calc(54px * 9);
    }

    .chat-system {
        -webkit-box-orient   : vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction   : column;
        flex-direction       : column;
        height               : auto;
    }

    .chat-footer,
    .chat-meta-user {
        border-radius: 6px;
    }

    .user-list-info {
        border-radius            : 6px;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order           : 2;
        order                    : 2;
        margin                   : 20px 0;
        width                    : 100%;
        -ms-flex-preferred-size  : 100%;
        flex-basis               : 100%;
        max-width                : none;
    }
}

@media (max-width: 991px) {
    .sidebar {
        left: -100%;
    }

    .sidebar-active .sidebar {
        left         : 0;
        z-index      : 4;
        border-radius: 0;
    }
}

@media (max-width: 768px) {
    .form-content {
        min-width: 270px;
    }

    .item-content-radio {
        padding-left: 0;
    }

    .mediafiles_images .mediafiles_item {
        max-width: none;
    }
}

@media (max-width: 480px) {
    .header {
        -webkit-box-pack: justify;
        -ms-flex-pack   : justify;
        justify-content : space-between;
    }

    .header--block__left,
    .header--block__right,
    .header--block__center {
        width: auto;
    }

    .header--block__right {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order           : 3;
        order                    : 3;
    }

    .header--block__left {
        max-width: 150px;
    }

    .header .nav-item {
        margin-right: 10px;
        margin-left : 0;
    }

    .header .nav-item:last-of-type {
        margin-right: 0;
    }

    .header .navbar-item {
        margin-right: 0;
    }
}