﻿@media screen and (max-width: 1500px) {

    .menu {
        display: none;
    }
    .btn-menu-burger {
        display: block;
    }
    .top-panel-sticky {
        left: 0px;
        width: 100%;
    }
    .catalog-list {
        flex-direction: column;
    }
    .catalog-sidebar {
        width: 100%;
        min-width: unset;
        display: none;
    }
    .filter-mobile-panel {
        display: flex;
        display: -webkit-flex;
    }

    .catalog-sidebar-filter {
        display: flex;
        flex-wrap: wrap;
        display: -webkit-flex;
        gap: 24px;
        align-items: flex-end;
    }
    .catalog-sidebar-filter > p {
        display: none;
    }
        .catalog-sidebar-filter .filter-field-container {
            width: 260px;
        }
    .filter-buttons-container {
        gap: 10px;
        flex-direction: column;
    }
    .btn-filter-reset {
        width: 192px;
    }
    .catalog-detail {
        flex-direction: column;
    }
    .catalog-detail_line3 {
        margin: 20px auto;
    }
    .sidebar-similar-ads-container {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 24px;
        justify-content: center;
    }

    .detail-sidebar-contact_social {
        margin-top: 10px;
    }
    .detail-sidebar-contact {
        margin-bottom: 20px;
    }
    .catalog-detail-sidebar {
        width: 100%;
    }
    .sidebar-popular-articles-container {
        display: flex;
        flex-wrap: wrap;
        display: -webkit-flex;
        gap: 24px;
        justify-content: center;
    }
    .sidebar-popular-article-item {
        margin-bottom: 0px;
    }
    .services-section-items {
        justify-content: center;
    }
    .service-item {
        width: 205px;
    }
    .catalog-sidebar .sidebar-popular-articles {
        display: none;
    }
    .banners-sidebar-desktop {
        display: none;
    }
    .banners-sidebar-mobile {
        display: block;
    }
    .detail-sidebar-contact-desktop {
        display: none;
    }
    .detail-sidebar-contact-mobile {
        display: block;
    }
    .sidebar-similar-ads > label {
        text-align: center;
    }
    .sidebar-similar-ads > span {
        text-align: center;
    }
    .sidebar-detail-articles > label {
        text-align: center;
    }
    .sidebar-detail-articles > span {
        text-align: center;
    }
    .sidebar-article-ads > label {
        text-align: center;
    }
    .sidebar-article-ads > span {
        text-align: center;
    }
    .catalog-sidebar-filter #message_settings, .catalog-sidebar-filter #price_error {
        margin: 0px;
        width: 100%;
    }
    .panel {
        display: none;
    }
    .sidebar-banner-container {
        display: flex;
        flex-wrap: wrap;
        display: -webkit-flex;
        gap: 24px;
        justify-content: center;
    }
        .sidebar-banner-container .sidebar-banner {
            margin: 25px 0px;
        }
            .sidebar-banner-container .sidebar-banner img {
                width: 144px;
            }

}
    
@media screen and (max-width: 1200px) {

    .search-form-sticky .search-fields-container {
        width: 350px;
        flex-direction: row;
    }

    /**************/
    .banner {
        background-image: none;
    }

    .search-form {
        flex-direction: column;
    }

    .search-fields-container {
        flex-direction: column;
    }

    .search-field_keyword, .search-field_select-category, .search-field_select-location {
        width: 100%;
        border-right: none;
        border-left: none;
        border-bottom: 1px solid #ccc;
    }

    .popular-categories-container {
        flex-wrap: wrap;
    }

    .popular-category-item {
        width: unset;
    }

    .catalog-ads-item .catalog-ads-image-container img {
        height: 180px;
        max-width: 180px;
        min-width: 180px;
    }

    .catalog-ads-item .catalog-ads-item_line3 span {
        font-size: 14px;
    }

    .catalog-ads-item .catalog-ads-item_line4 span {
        font-size: 18px;
    }

    .catalog-ads-item .catalog-ads-item_line5 span {
        font-size: 16px;
    }

    .detail-contact-form-fields-container {
        flex-direction: column;
    }
    .catalog-detail_line3 {
        max-width: 450px;
    }
    .detail-carousel-image {
        height: 250px;
        max-height: 250px;
    }
    .catalog-detail_line1 {
        flex-direction: column-reverse;
    }
        .catalog-detail_line1 h1 {
            font-size: 26px;
            line-height: normal;
        }
    .vip-ads_top-line {
        flex-direction: column;
    }
        .vip-ads_top-line div:first-child {
            width: unset;
        }

        .vip-ads_top-line div:last-child {
            margin-top: 15px;
            justify-content: flex-end;
        }
    .contacts-container {
        flex-direction: column;
    }
    .contacts-address, .contacts-phone {
        width: 100%;
    }
        .contacts-address > div > span {
            font-size: 18px;
        }
    .contacts-phone {
        margin-top: 15px;
    }
        .contacts-phone a {
            font-size: 26px;
        }
        .contacts-phone span {
            font-size: 18px;
        }
    .catalog-post-item > a > img {
        display: none;
    }
    .catalog-post-item_info {
        margin-left: 0px;
    }
    .article-detail_line1 {
        flex-direction: column;
    }
        .article-detail_line1 h1 {
            line-height: normal;
            font-size: 20px;
            margin-bottom: 10px;
        }
    .account-profile_line2 {
        flex-direction: column-reverse;
    }
    .account-profile_line2_fields, .account-profile_line2_image {
        width: unset;
    }

    .account-profile_line4 {
        margin-top: 10px;
    }
    .divider1 {
        margin-top: 20px;
    }
    .divider2 {
        margin-top: 30px;
    }
    .account-add-ads_line6 {
        justify-content: center;
        flex-wrap: wrap;
    }
    .add-ads-promoute-container {
        flex-direction: column;
    }
    .add-ads-promoute_info {
        width: 100%;
    }
    .add-ads-promoute_button {
        width: 100%;
        margin-top: 45px;
    }
    .banner-container {
        background-image: none;
    }
    .why-promotion_column1 {
        padding-left: 15px;
    }
    .why-promotion_column2 {
        padding-right: 15px;
    }
    .account-add-ads-container {
        margin-left: 0px;
    }
    .account-profile-container {
        margin-left: 0px;
    }
    .account-table-container {
        padding: 15px;
    }
    .catalog-detail_line1 h1 {
        margin-top: 10px;
    }
    .catalog-detail_line5 label {
        font-size: 18px;
    }
    .account-button-container {
        margin: 25px 0 0 15px;
    }
}

@media screen and (max-width: 992px) {

    .search-form-sticky {
        display: none;
    }
    .search-form {
        padding: 15px;
    }
    .footer-container {
        flex-direction: column;
        align-items: center;
    }
        .footer-container div:first-child {
            flex-direction: column;
            text-align: center;
        }
    .footer-social {
        margin: 15px 0 0 0;
    }
    .footer-terms {
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }
    .top_panel_sticky {
        display: none;
    }
    .top-panel-sticky .top-panel_buttons {
        margin-left: 0px;
    }
    .catalog-sidebar-filter {
        flex-direction: column;
        gap: 5px;
    }
        .catalog-sidebar-filter .filter-field-container {
            width: 100%;
            margin-top: 0px;
        }
            .catalog-sidebar-filter .filter-field-container label {
                font-size: 16px;
            }
        .catalog-sidebar-filter .field {
            height: 46px;
            font-size: 16px;
        }
        .catalog-sidebar-filter .filter-switch-buttons span {
            font-size: 16px;
        }
        .catalog-sidebar-filter .filter-switch-buttons {
            display: flex;
            display: -webkit-flex;
            flex-direction: row;
        }
    .catalog-detail_line3 {
        max-width: 320px;
    }
    .detail-carousel-image {
        height: 200px;
        max-height: 200px;
    }
    .catalog-detail_line4 {
        gap: 10px;
        flex-wrap: wrap;
        justify-content: center;
    }
        .catalog-detail_line4 span, catalog-detail_line4 a {
            line-height: normal;
        }
    .sidebar-popular-article-item {
        max-width: unset;
        width: 100%;
    }
    .plans-container-items {
        flex-direction: column;
    }
    .plan-item {
        width: unset;
    }
    .account-link-panel {
        flex-direction: column;
        padding: 15px;
    }
    .add-ads-pricetype-container {
        flex-direction: column;
        gap: 10px;
    }
    .account-add-ads_line9 .plan-item {
        width: unset;
    }
    .catalog-detail_line1 > div {
        justify-content:center;
    }
    .catalog-ads-favorite {
        margin-right: 0px;
    }
    .catalog-detail_line1 {
        align-items: center;
    }
    .catalog-detail_line5 {
        text-align: center;
    }
    .why-promotion_column2 div {
        margin-top: 10px;
    }
    .btn-add-ads1 {
        margin: 0 auto;
    }
    .detail-contact-form {
        display: none;
    }
    .btn-messenger-email {
        display: flex;
        display: -webkit-flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
    }
    .messengers-button-container {
        flex-direction: column;
    }
    .btn-messenger-tg, .btn-messenger-wa, .btn-messenger-email {
        width: 100%;
        max-width: 312px;
    }
    .catalog-ads-item .catalog-ads-item_line1 {
        flex-direction: column;
    }
        .catalog-ads-item.catalog-ads-item_line1 > div {
            gap: 10px;
        }
    .catalog-ads-item_line6 {
        margin-top: 25px;
        flex-direction: column;
    }
}


@media screen and (max-width: 768px) {
    .banner-container {
        padding: 15px 0;
    }
        .banner-container h1 {
            font-size: 26px;
        }
        .banner-container p {
            font-size: 12px;
        }
    h6 {
        font-size: 20px;
    }
    h4 {
        font-size: 24px;
    }
    .popular-categories-container {
        gap: 5px;
    }
    .popular-category-item {
        width: 100%;
        padding: 10px;
    }
        .popular-category-item span {
            font-size: 16px;
        }
    .popular-category {
        padding: 15px;
    }
    .vip-ads {
        padding: 25px 0px;
    }

    /*.why-promotion {
        padding: 0px 15px 25px 15px;
    }*/
    .why-promotion_column1-line img {
        display: none;
    }
    .why-promotion_column1-line ul {
        padding-left: 0px;
    }
    .why-promotion_column2 > p {
        padding-top: 10px;
        font-size: 20px;
    }
    .ads-banner {
        margin-top: 25px;
    }
    .advantages {
        padding: 25px 0;
    }
    .advantage-item {
        min-width: 100px;
        width: unset;
    }
    .advantage-item img {
        height: 34px;
        width: 34px;
    }
    .advantage-item span {
        font-size: 14px;
    }
    .advantage-item p {
        font-size: 14px;
    }
    .advantages-slogan {
        font-size: 20px;
    }
    .new-ads {
        padding: 25px 0px;
    }
    .articles {
        padding: 25px 0;
    }
    .article-item {
        min-width: unset;
        width: unset;
    }
    .new-ads .flex-row1 {
        flex-direction: column;
    }
    .articles-top-line {
        flex-direction: column;
        padding: 0px;
    }
        .articles-top-line > div:last-child {
            margin-top: 15px;
            justify-content: flex-end;
        }
        .articles-top-line .flex-row1 {
            flex-direction: column;
        }
    .catalog-list {
        padding: 25px 0;
    }
    .catalog-ads-item {
        flex-direction: column;
        align-items: center;
        padding: 15px;
    }
        .catalog-ads-item .catalog-ads-image-container img {
            height: 120px;
            max-width: 120px;
            min-width: 120px;
        }
        .catalog-ads-item .catalog-ads-item_info {
            margin-left: 0px;
        }
        .catalog-ads-item .catalog-ads-item_line1 {
            margin-top: 5px;
        }
    .top-panel {
        padding: 10px;
        flex-direction: column;
    }
    .btn-menu-burger {
        margin-left: 0px;
    }
    .breadcrumb {
        padding: 15px 15px 0px 15px;
    }

    .catalog-ads-item_line1 > div {
        gap: 10px;
    }
    .catalog-ads-item_line2 {
        text-align: center;
    }
    .catalog-ads-item_line3 {
        justify-content: center;
        margin-top: 0px;
    }
    .catalog-ads-item_line4 {
        text-align: center;
    }
    .catalog-ads-item_line5 {
        justify-content: center;
    }
    .btn-catalog-link {
        background-color: #fff;
    }
    .catalog-detail {
        padding: 25px 0;
    }
    .catalog-detail_line3 {
        max-width: 200px;
    }

    .detail-carousel-image {
        height: 140px;
        max-height: 140px;
    }
    .detail-article {
        font-size: 16px;
    }
    .detail-contact-form > label {
        font-size: 20px;
        line-height: normal;
    }
    .detail-field-container {
        margin-bottom: 10px !important;
    }
        .detail-field-container label {
            font-size: 14px;
            line-height: normal;
        }
        .detail-field-container input, .detail-field-container textarea {
            margin-top: 2px;
        }
    .btn-sent span {
        font-size: 14px;
    }
    .catalog-detail-container {
        padding: 15px;
    }
    .catalog-detail-sidebar {
        min-width: unset;
    }
    .field-row {
        flex-direction: column;
    }
    .regist-account_line2 {
        font-size: 16px;
    }
    .check-section > div > font {
        font-size: 14px;
    }
    .catalog-post-item_line2 h6 {
        font-size: 18px;
    }
    /*.catalog-post-item_line3 {
        font-size: 16px;
    }*/
    .catalog-post-item {
        padding: 25px 10px;
    }
    .account-profile {
        padding: 0 0 25px 0;
    }
    .account-profile-container {
        padding-bottom: 20px;
    }
    .account-profile_line4 .field-row {
        gap: 0px;
    }
    .account-add-ads {
        padding: 25px 0;
    }
    .account-add-ads_line2 .field-row {
        gap: unset;
    }
    .account-add-ads_line4 {
        margin-top: 0px;
    }
    .account-add-ads_line9 > label {
        font-size: 22px;
    }
    .add-ads-promoute_info ul li label {
        font-size: 18px;
    }
    .add-ads-promoute_info ul li font {
        font-size: 18px;
    }
    .account-table {
        padding: 0 0 25px 0;
    }
    .popular-category h6 {
        padding: 0px;
    }
    .popular-categories-container {
        padding: 0px;
    }
    .ads-carousel {
        padding: 0px;
    }
    .vip-ads_top-line {
        padding: 0px;
    }
    .advantages-container {
        gap: 5px;
    }
    .new-ads h4 {
        padding: 0px;
    }
    .vip-ads_top-line div:first-child {
        justify-content: center;
    }
    .articles-carousel {
        padding: 0px;
    }
    .breadcrumb nav a, .breadcrumb nav span {
        font-size: 12px;
    }
    .account-add-ads_line1 span {
        line-height: normal;
    }
    .btn-back span {
        font-size: 14px;
    }
    .catalog-detail_line1 h1 {
        font-size: 22px;
    }
    .payment-plan-info {
        margin-top: 10px;
    }
    .payment-plan-info span {
        font-size: 20px;
    }
    .field-row {
        gap: 5px;
    }
    .btn-show-password-not-visible {
        top: 30px;
    }

    .regist-link-container {
        flex-direction: column;
        gap: 10px;
    }
        .regist-link-container .blue-link2 {
            border-bottom: none;
        }

    .messengers-button-container {
        flex-direction: column;
        gap: 10px;
    }
    .blue-link-container {
        margin-left: 0px;
    }
    .account-profile-container .btn-sent, .contact-form-fields-container .btn-sent, .detail-contact-form .btn-sent, .regist-form .btn-sent {
        width: 100%;
        justify-content: center;
    }

    .blue-link2 {
        font-size: 14px;
    }
    .catalog-ads-item_line6 {
        align-items: center;
    }
    .btn-catalog-message {
        background-color: #fff;
    }
        .btn-catalog-message span {
            color: forestgreen;
            border-bottom: 2px solid forestgreen;
        }
}

@media screen and (max-width: 540px) {
    .service-item {
        width: 100%;
        margin-top: 0px;
    }
    .catalog-post-item_line1 .catalog-ads-favorite span {
        display: none;
    }
    .add-ads-promoute_info > img {
        display: none;

    }
    .add-ads-promoute_info ul {
        padding-left: 0px;
    }
    .add-ads-promoute_button {
        flex-direction: column;
        align-items: center;
    }
        .add-ads-promoute_button .btn-sent {
            width: 100%;
            justify-content: center;
        }
    .add-ads-promoute_info ul li:first-child {
        flex-direction: column;
    }
    .add-ads-promoute_info ul li:first-child small {
        flex-direction: column;
        margin-left: 0px;
    }
    .ads-plan-select {
        margin: 15px 0 0 0;
    }
    .account-add-ads_line9 .plan-item {
        padding: 0px;
    }
        .account-add-ads_line9 .plan-item h5 {
            font-size: 18px;
        }
        .account-add-ads_line9 .plan-item .plan-item_price span:first-child {
            font-size: 22px;
        }
        .account-add-ads_line9 .plan-item .plan-item_price span:last-child {
            font-size: 18px;
        }

    .ads-banner-base {
        display: none;
    }

    .ads-banner-mobile {
        display: block;
    }
    .social-share img {
        height: 18px;
    }
    .social-share {
        flex-direction: column;
        gap: 5px;
    }
    .password-validate-container {
        flex-direction: column;
    }
    .popup-contact-message p {
        font-size: 18px;
        line-height: normal;
    }
}

