@media (max-width: 7680px) {
    .auth-page .auth-form {
        margin: 32% 0 32% 0;
        border: none;
    }
}

@media (max-width: 1920px) {
    .auth-page .auth-form {
        margin: 9% 0 9% 0;
        border: none;
    }
}

@media (max-width: 1600px) {
    .item-image-product {
        height: 240px;
    }

    .catalog-item .item-image {
        height: 140px;
    }

    .category-description-img {
        height: 240px;
    }

    .support-item-col {
        height: 90px;
    }
}

@media (max-width: 1280px) {

}

@media (max-width: 800px) {
    .support-item-col {
        height: 70px;
    }
}

@media (min-width: 768px) {
    .chat-content #chats-main .messages-body {
        padding-left: 240px;
    }
}

@media (max-width: 767px) {
    .navbar-header {
        float: none;
    }

    .navbar-left,
    .navbar-right {
        float: none !important;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse.collapse {
        display: none!important;
    }

    .navbar-nav>li {
        float: none;
    }

    .collapse.in{
        display:block !important;
    }

    .auth-page .auth-form {
        margin: 5% 0 5% 0;
        border: none;
    }

    .bottom-banner-mobile {
        padding-left: 0;
        padding-right: 0;
    }

    .category-description-img {
        height: 200px;
    }

    .chat-content #chats-main .chats-menu {
        height: calc(100% - 58px);
        display: block;
        z-index: 1;
        top: 58px;
    }

    .chat-content #chats-main .chats-menu.toggled {
        display: none;
    }

    .chat-content #chats-main .messages-body {
        overflow: hidden;
    }

    .chat-content .current-chat-head {
        margin-left: 0;
    }

    .chat-content .chat-input {
        left:0;
        width: 100%;
    }

    .service-tariffs-item-box {
        display: inline;
    }

    .service-tariffs-box-client {
        height: 450px;
    }

    .news-article-item {
        padding-left: 0;
        padding-right: 0;
    }

    .right-item-content {
        padding: 15px 15px 50px 15px;
    }

    #map {
        margin: -15px 0 0;
        padding: 0 0 15px;
    }

    .catalog-item img {
        width: 150px;
        height: 150px;
        object-fit: cover;
    }

    .item-image-product {
        height: 200px;
    }

    .catalog-item .item-image {
        height: 140px;
    }
}

@media (max-width: 700px) {
    .support-item-box {
        display: inline;
    }
}

@media (max-width: 400px) {
    .support-item-col {
        height: 90px;
    }
}