@media (max-width: 1290px) {
    .header-top {
        padding: 0 15px;
    }
    .desk-menu {
        padding: 0 15px;
    }
    .wrapper {
        width: 100%;
    }
    .left-col {
        width: 200px;
    }
    .right-col {
        width: 250px;
    }
    .center-col {
        width: calc(100% - 480px);
    }
    .main-banners {
        gap: 15px;
        margin-top: 15px;
    }
    .body-text {
        padding: 15px;
        margin-top: 15px;
    }
    .slidermain {
        width: 60%;
    }
    .slidermain-content_name {
        font-size: 26px;
    }
    .bannermain {
        width: 40%;
        min-width: 320px; 
    }
    .news-popular {
        padding: 15px;
    }
    .news-popular_list {
        gap: 15px;
        margin-top: 15px;
    }
    .newsid_text {
        margin: 15px;
    }
    .newsid_noimg-text {
        padding: 15px;
    }
    .newsid .prevnext {
        padding: 0 15px;
        padding-top: 15px;
    }    
    .newsid .show_all {
        margin: 15px;
    }
    .news-imp {
        padding: 15px;
    }
    .news-imp_list {
        gap: 15px;
        margin-top: 15px;
    }
    .clauses-col {
        width: calc(100% - 315px);
    }
    .clauses-head_info {
        padding: 15px;
    }
    .footer {
        margin-top: 15px;
    }    
}

@media screen and (max-width: 1200px){
    .shop-row_button {
        padding: 10px 15px;
        font-size: 14px;
    }
}

@media screen and (max-width: 1150px){
    .left-col {
        display: none;
    }
    .center-col, .center-col-shop-id {
        width: calc(100% - 265px);
    }
}

@media (max-width: 1100px) {
    .slidermain {
        height: 290px;
    }
    .slidermain-block_content {
        padding: 50px 20px;
    }
    .slidermain-nav {
        left: 20px;
    }
    .slidermain-content_name {
        font-size: 24px;
    }
    .slidermain-content_text p {
        font-size: 14px;
    }
    .bannermain {
        height: 290px;
    }
    .bannermain-block_info {
        gap: 10px;
    }
    .bannermain-info_text {
        gap: 5px;
    }   
    .bannermain-info_text p {
        font-size: 14px;
    }
    .bannermain-link_item {
        font-size: 14px;
    }
}

@media (max-width: 1000px) {
    .center-col, .center-col-shop-id {
        width: calc(100% - 265px);
    }
    .right-col {
        width: 250px;
    }
    .slidermain {
        width: 100%;
    }
    .bannermain {
        width: 250px;
        min-width: 250px;
    }
    .bannermain-info_name {
        font-size: 18px;
    }
    .bannermain-info_text p {
        background: none;
        padding: 0;
        font-size: 11px;
    }
    .bannermain-info_text p:nth-child(1) {
        order: 2;
    }
    .bannermain-info_text p:nth-child(2) {
        order: 1;
    }
    .bannermain-info_text p:nth-child(3) {
        order: 3;
    }
    .clauses-col {
        width: calc(100% - 265px);
    }
}

@media (max-width: 950px) {
    .news-rows_list {
        gap: 16px;
    }
    .news-rows_item {
        width: calc(100% / 2 - 8px);
    }
}

@media (max-width: 850px) {
    .usersettings-field input[type=text], .usersettings-field input[type=password], .usersettings-field input[type=email], .usersettings-field select, .usersettings-field textarea {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .logo svg {
        height: 40px;
    }
    .logo-det_name {
        font-size: 24px;
    }
    .header-top_right {
        gap: 10px;
    }
    .desk-menu .top-menu {
        gap: 20px;
    }
    .desk-menu .top-menu_arrow {
        padding: 10px;
        padding-right: 0;
    }
    .search-top__button-text {
        display: none;
    }
    .center-col, .center-col-shop-id {
        width: 100%;
    }
    .right-col {
        display: none;
    }
    .slidermain {
        height: 250px;
    }
    .slidermain-content_name {
        font-size: 20px;
    }
    .main-banners {
        flex-wrap: wrap;
    }
    .bannermain {
        width: 100%;
        height: 150px;
    }
    .bannermain-info_name {
        font-size: 20px;
    }
    .bannermain-info_text p {
        font-size: 12px;
    }
    .news-rows_list {
        gap: 15px;
    }
    .news-rows_item {
        width: calc(100% / 3 - 10px);
    }
    .clauses-col {
        width: 100%;
    }
    .clauses-info_anons {
        display: none;
    }
    .profile-block .profile-min_name, .profile-block .profile-min_arrow {
        display: none;
    }
    .profile-block.active .profile-min_name, .profile-block.active .profile-min_arrow {
        display: block;
    }
    .profile-block.active {
        right: 0;
    }
    .userpage-menu {
        display: none;
    }
    .userpage-hr {
        display: none;
    }
    .userpage-info_nikname {
        font-size: 18px;
    }
    .userpage-params {
        font-size: 16px;
    }
    .userpage-params_info .button {
        font-size: 14px;
        padding: 7px 10px;
    }
    .usersettings-menu {
        display: none;
    }
    .usersettings-hr {
        display: none;
    }
    .chat-menu {
        display: none;
    }
    .chat-hr {
        display: none;
    }
    .message-menu {
        display: none;
    }
    .message-hr {
        display: none;
    }
    .message-left_unread {
        font-size: 16px;
    }
    .message-left_unread span {
        display: none;
    }
}

@media (max-width: 750px) {
    .news-rows_list {
        gap: 16px;
    }
    .news-rows_item {
        width: calc(100% / 2 - 8px);
    }
}

@media (max-width: 550px) {
    .wrapper {
        padding: 0;
    }
    .header, .slidermain, .bannermain {
        border-radius: 0;
    }
    .news-start {
        padding: 15px;
    }
    .newsid_allimg a {
        width: auto;
    }
}

@media (max-width: 450px) {
    .news-rows_item {
        width: 100%;
    }
}

@media (max-width: 425px) {
    .slidermain {
        height: 200px;
    }
    .slidermain-content_text p {
        display: none;
    }    
    .slidermain-block_content {
        padding-bottom: 30px;
    }
    .bannermain-info_text {
        display: none;
    }
    .userpage {
        padding: 10px;
    }
    .userpage-mes {
        padding: 40px 20px;
    }
    .usersettings {
        padding: 10px;
    }
    .chat {
        padding: 10px;
    }
    .message {
        padding: 10px;
    }
    .message-item {
        padding: 10px;
    }
}

@media (max-width: 350px) {
    .login {
        padding: 40px 20px;
    }
}