/* STYLE EXTRA */

html {
    scrollbar-color: #009245 #fff;
}

.sub-header {
    background-color: #3A3A3A;

    &:before {
        content: url(/wp-content/uploads/2025/05/rectangle-1.svg);
        left: -36px;
    }
}

.offer-sto .sto_time {
    color: #009245;
    font-size: 15px;
    font-weight: 700;
    margin-top: 10px;
    padding-left: 15px;
    position: relative;
}

.offer-sto .closet {
    color: red;
}


.home-faq__form label {
    margin-bottom: 15px;
}

.home-faq__form label input {
    background-color: #fbfdff;
    border: 1px solid #e3e3e3;
    border-radius: 6px;
    display: block;
    font-family: inherit;
    font-size: 1.1rem;
    font-variant-numeric: lining-nums;
    height: 50px;
    line-height: 1;
    margin: 0 auto;
    padding: 1.1rem 1.1rem 1rem;
    width: 100%;
}

.offer-sto .sto_time:before {
    background-color: #009245;
    border-radius: 100%;
    content: "";
    height: 8px;
    left: 0;
    margin-top: -4px;
    position: absolute;
    top: 50%;
    width: 8px;
}

.offer-sto .closet:before {
    background-color: red;
}

.home-team__card-icons {
    gap: 15px;
    justify-content: left;

}

.postid-5388,
.postid-5431,
.postid-5432 {
    .offer-poster__form {
        display: none;
    }
}

.postid-1109,
.postid-3329,
.postid-3330 {
    .offer-poster__select .menu-city .item:last-child {
        display: none;
    }
}

.archive h1 {
    margin-top: 50px;
}

.archive .breadcrumbs {
    align-items: baseline;
    gap: 3px;
}

.ash-megamenu-list .sub-menu {
    overflow-y: auto;
}

.ash-megamenu-list .sub-menu {
    overflow: unset;
}

.menu-item-has-children .sub-menu {
    background: #fff;
}

.menu-cast .sub-menu .menu-item-has-children:after {
    content: url(/wp-content/themes/ash-panel-wp/assets/img/svg/chevron.svg);
    height: 14px;
    left: -55px;
    position: relative;
    top: 19px;
    width: 13px;
    z-index: 10000;
}

@media (max-width: 720px) {
    .post-archive__wrapper {
        grid-template-columns: 1fr;
    }

    .home-blog__card-img img {
        object-fit: cover;
    }

    .archive h1 {
        margin-top: 20px;
    }

    .home-blog__card {
        height: 400px;
    }

}

.postid-5052,
.postid-5080,
.postid-5075 {

    .offer-content-1__cont p {
        font-size: 20px;
        margin-bottom: 16px;
    }

}

.postid-5052,
.postid-5080,
.postid-5075 {

    .offer-poster__form,
    .offer-portfolio {
        display: none;
    }


    .offer-poster__content .poster__slogan {
        font-size: 20px;
        max-width: 600px;
    }

}

#swipebox-bottom-bar {
    bottom: 0px;
    background: none;
}

@media screen and (min-width: 800px) {
    #swipebox-close {
        right: 30px;
        top: 30px;
    }
}

#swipebox-close {
    background-image: url(https://vag-master.com.ua/wp-content/plugins/responsive-lightbox/assets/swipebox/img/icons.svg) !important;
}



.offer_cat-kuzovn-roboti,
.offer_cat-bodywork,
.offer_cat-kuzovnye-raboty {
    .swiper-slide {
        display: none;
    }

    .offer-poster__select .item {
        display: none;
    }


    [data-sity-id="1809"],
    [data-sity-id="505"],
    [data-sity-id="1810"] {
        display: block !important;
    }


    .sto-card--1807,
    .sto-card--1034,
    .sto-card--1808 {
        display: block;
    }
}


.postid-3987,
.postid-1228,
.postid-3994 {
    .swiper-slide {
        display: block;
    }
}


body {
    padding-top: 150px;
}

.home-seo__content ul {
    display: list-item;
    padding-left: 30px;
}

.home-seo__content li {
    list-style-type: disc;
    display: list-item;
}

.home-seo__content ul a {
    display: contents;
}

.mob-phone-panel .phone-items a {
    font-size: 16px;
}

.mobile-header-icons .city-panel__sto-item a {
    font-size: 16px;
}

.menu-item a img {
    max-width: 38px;
}

nav.mobile-nav.is-open~body,
nav.mobile-nav.is-open+body {
    overflow: hidden;
    /* Блокируем прокрутку тела при открытом меню */
    height: 100%;
    /* Устанавливаем высоту, чтобы избежать смещения */
}

nav.mobile-nav.is-open {
    /* Убедитесь, что само меню доступно и прокручиваемо, если нужно */
    overflow-y: auto;
    max-height: 100vh;
    /* Ограничиваем высоту меню */
}

.header {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 1001;
}

.admin-bar header {
    top: 32px;
    /* Высота админ-панели WordPress (может быть 46px в зависимости от версии) */
}

.header-wrapper:after,
.header-wrapper:before,
.header-offer__menu {
    background-color: #3A3A3A;
}

.header-wrapper {
    border-bottom: 1px solid #3A3A3A;
    border-top: 1px solid #3A3A3A;
    max-height: 150px;
    position: relative;
}

.sub-header__time {
    margin-left: 42px;
}

.breadcrumbs__separator {
    margin: 0 !important;
}

.sto_address.title a {
    color: #0B0B0B;
}

.header-offer__menu:before {
    content: url(/wp-content/uploads/2025/05/rectangle-1-1.svg);
}


.header-offer__menu .menu-cast button,
.header-offer__menu .menu-shop button {
    background-color: unset;
}


.header-contact__address p,
.header-contact__phone p {
    color: #3A3A3A;
}

.import-blocks {
    display: flex;
    align-items: center;
    gap: 11px;

    p {
        font-size: 12px;
        color: #fff;
    }
}

.import-block a {
    display: flex;
    align-items: center;
    gap: 11px;
}

.import-block:first-child {

    margin-left: 30px;

    a {
        width: max-content;
    }

    p {
        color: #FFC720;
        font-size: 16px;
        font-weight: 700;
    }
}

.slider-home .btn {
    border: 2px solid #FFC720;
}


.slider-home__btn2 {
    background-color: #FFC720;

    display: flex;
    align-items: center;
    gap: 16px;

    */ &:hover {
        background-color: unset;
        color: #000;
    }

    &:before {
        content: '';
        background: url(/wp-content/uploads/2025/05/btn-auto.svg) no-repeat;
        background-size: contain;
        width: 30px;
        aspect-ratio: 1;
        display: block;
    }

    &:hover {
        background-color: unset;
        color: #000;
    }
}

.slider-home__btn2:hover svg {
    fill: #000 !important;
}

.slider-home__title span {
    color: #000;
}

.slider-pagination {
    left: auto;
    right: 15%;
    transform: none;
}

.slider-pagination .swiper-pagination-bullet-active {
    background-color: #FFC720;
}

.slider-home__item .slider-img__bg img {
    margin-bottom: 0;
}

.mark__block {
    display: grid;
    gap: 30px;
    grid-template-columns: 1fr 1fr;
}

.mark__block-subblock {
    margin: -30px 55px auto auto;
    max-width: 500px;
    width: 100%;
    display: flex;
    gap: 32px;
    align-items: center;
}

.title-green:before,
.line-title {
    background-color: #3A3A3A;
    border: none;
}

.line-title {
    background-color: #3A3A3A;
    border: none;
    transform: skew(26deg);

    .title-block {
        transform: skew(-26deg);
    }
}

.title-green:before {
    transform: skew(26deg);
}

.title-green:before {
    left: -998px;
}

.home-offers__green:before {
    background-color: #3A3A3A;
}

.home-offers__item:hover {
    border-bottom: 3px solid #3A3A3A;
}

.header-offer__menu {
    justify-content: start;
    gap: 15px;
}

.header-offer__menu .menu-cast button,
.header-offer__menu .menu-shop button {
    width: auto;
}

.about_section_4_last_block .about_section_4_text {
    width: 50%;
}

.catalog-offers__categories {
    margin-top: -145px;
    z-index: 1000;
}

.home-services tr:has(td strong) td:nth-child(2) {
    opacity: 0;
}

.menu-cast__overlay {
    background: none;
}

@media (max-width: 1200px) {

    .mark__block-subblock {
        margin: 30px 55px auto auto;

    }
}

@media (max-width: 960px) {
    .slider-pagination {
        right: auto;
        top: 90%;
        transform: translate(-50%, 0);
        left: 50%;
    }

    .mark__block-subblock {
        margin: 120px auto 50px auto;
        max-width: 100%;
        display: flex;
        justify-content: center;
        gap: 16px;
    }

    .mark__block {
        grid-template-columns: 1fr;
        gap: 0;

        img {
            width: 100%;
        }
    }

    .about_section_4_last_block .about_section_4_text {
        width: 100%;
    }
}



@media (max-width: 560px) {
    .slider-pagination {
        margin-top: 0;
        top: 98%;

    }

    .mark__block-subblock {
        margin: 100px auto 0px auto;
    }
}

.menu-cast_auto-menu-2 {
    width: 250px;
}

.offer-content-2__cont img {
    max-height: 100%;
    object-fit: cover;
    top: 0;
}

.city-panel .city-panel__popup-select {
    position: relative;
    top: 0px !important;
}


.trigger-modal {
    text-align: center;
    padding: 16px 15px 19px 15px;
    background: url(/wp-content/uploads/2025/05/foto-1.webp);
}

.trigger-modal__title {
    font-size: 28px;
    font-weight: 700;
    color: #029225;
    /* Зеленый цвет текста */
    text-shadow:
        -0.5px -0.5px 0 #ffffffc4,
        0.5px -0.5px 0 #ffffffc4,
        -0.5px 0.5px 0 #ffffffc4,
        0.5px 0.5px 0 #ffffffc4;
    line-height: 100%;
    margin-bottom: 20px;
}

.polylang_langswitcher {
    list-style: none;
    padding: 0;

    a {
        color: #fff;
    }

    li {
        font-size: 15px;
        font-weight: 500;
        border: 1px solid #fff;
        border-radius: 100px;
        display: flex;
        align-items: center;
        height: 30px;
        width: 142px;
        margin: 0 auto;
        margin-bottom: 6px;
        justify-content: center;
    }

    li.current-lang {
        background: #029225;
        border: none;
        cursor: pointer;
    }
}


.trigger-modal__subtitle {
    font-size: 22px;
    font-weight: 700;
    color: #fff;
}

.pum-container:has(.trigger-modal) {
    padding: 0;
    border: none;

    .pum-close {
        display: none;
    }
}

.d-none {
    display: none !important;
}

html.pum-open.pum-open-overlay.pum-open-scrollable .pum-overlay.pum-active {
    display: block !important;
}

/* .cat-services {
    margin-top: 30px;
} */

.catalog-brend__images .item {
    flex: 0 0 260px;
    height: 126px;
}

.cat-services {
    padding-bottom: 0px;
}

.dropdown-btn-text img {
    max-width: 80px;
}

.price_section_2_undertext {
    display: none !important;
}

.offer-services__wrapper .card p {
    display: none;
}

/* .home-offers__wrapp {
    margin-top: 0;
} */

.offer-portfolio__card img {
    max-height: 300px;
    object-fit: cover;
}

.offer-content {
    ul {
        list-style: auto;
        margin-left: 15px;
    }

    li {
        margin-bottom: 10px;
    }
}

.blog_section_1_list_btn.load-more {
    font-size: 20px;
    margin-top: 40px;
}

.blog_section_1_products {
    width: 100%;
}

.post_section_4 {
    display: none;
}

.city-panel .city-panel__popup-select ul li,
.city-panel__menu ul li {
    padding-top: 8px;
}

.feedback__btn {
    margin-top: 30px;
}

.feedback__item-img {
    height: 200px;
}

.feedback__item {
    padding: 30px 0 0 0;
}

.search .offer__header {
    margin-top: 60px;
}

.post_section_5_slide {

    .post_section_5_slide_block {
        margin: 20px 0px 0;
    }

    .post_section_5_slide_title,
    .post_section_5_slide_text {
        margin: 10px 0px 0;
    }
}

.post_section_3_form form>div {
    width: 100% !important;
}

.price_section_5 .offer-poster__form {
    margin-top: 20px;
}

.btn {
    line-height: normal;
}

.ash-catalog-page .slider-home .btn {
    padding-right: 34px;
}

.ash-catalog-page .slider-home .btn svg {
    display: none;
}

.tnp-submit {
    cursor: pointer;
    border-radius: 25px;
    border: 2px solid rgb(0, 146, 69);
    background: rgb(0, 146, 69) !important;
    padding: 13px 26px !important;
    color: rgb(255, 255, 255);
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
    transition: .3s;
    margin-top: 20px !important;
}

.tnp-subscription input[type=email] {
    width: 100%;
    height: 48px;
    border: 1px solid #E8E8E9 !important;
    border-radius: 5px;
    padding: 10px;
    font-size: 16px;
    color: #000;
    margin-top: 5px;
}

.brand_section_4_text div {
    flex-direction: column;
    align-items: baseline !important;
    max-width: 500px !important;
}

.tnp-field label {
    font-weight: 700 !important;
}

div.tnp-subscription {
    margin: inherit !important;
}

.catalog-banner2__cont .for-h3 {
    font-size: 28px;
    color: #fff;
}

.catalog-banner__cont .for-h2 span {
    color: #ffc720;
    font-size: 32px;
}

.offer-poster__form .for-h3 {
    color: #fff;
    font-size: 24px;
    margin-bottom: 20px;
}

.offer-sto__card .for-h3 {
    font-size: 20px;
    margin: 20px auto;
    min-height: 48px;
    text-align: center;
    display: flex;
    justify-content: center;
}

.offer-single .for-h2 {
    font-family: monserat-ash-b, sans-serif;
    font-size: 26px;
    margin-bottom: 40px;
}

.container .post_section_3_form {
    background: none;

    p {
        color: #fff;
    }
}

.offer-banner__cont .btn {
    margin-top: 15px;
}


.brand_section_9 .home-seo__content {
    padding-bottom: 30px !important;
}


.service_section_1_buttons button {
    color: #39312E;
    cursor: pointer;
    width: 23%;
    padding: 15px;
    background: #F2F2F2;
    border-radius: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.service_section_1_info {
    a {
        margin-left: -40%;
        color: #000;
        text-transform: none;
        text-decoration: auto;
    }
}

.service_section_2_block img:nth-child(n+7) {
    display: none;
}

.service_section_2.active .service_section_2_block img:nth-child(n+7) {
    display: block;
}

.service_section_2_block {
    /* background: red; */
}



.mobile-menu .sub-menu a:has(img) {

    position: relative;

    &:before {
        background: #009245;
        border: 1px solid #009245;
        border-radius: 100%;
        content: "";
        height: 30px;
        left: -10px;
        position: absolute;
        top: 10px;
        width: 30px;
        z-index: 0;
        top: -5px;
    }

    img {
        position: relative;
        z-index: 2;
    }
}

.mobile-menu .sub-menu .sub-menu a:has(img) {

    &:before {
        background: none;

    }
}

.disable-scroll,
.disable-scroll body {
    overflow: auto;
    padding-right: 0px !important;
}

.phone-panel .menu-item-has-children:before {
    display: none;
}

.error404 .offer__header {
    margin-top: 50px;
}

.footer__spec {
    a {
        font-family: monserat-ash-b, sans-serif;
        font-size: 16px;
        font-weight: 700;
        padding-bottom: 20px;
    }
}

.brand_section_9 h2 {
    font-size: 22px;
    margin-bottom: 15px;
    margin-top: 15px;
    font-weight: 700;
}

.brand_section_9 h3 {
    font-size: 18px;
    margin-bottom: 15px;
    margin-top: 15px;
    font-weight: 700;
}

.brand_section_9 .home-seo__btn {
    margin-top: 15px;
}

.mobile-header-icons .city-panel__btn-2 {
    opacity: 0;
    z-index: -10;
    position: absolute;
}


.menu-cast_auto a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: none;
    color: #fff;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: unset;
    font-size: 16px;
    font-weight: 600;
    gap: 15px;
    position: relative;
    -webkit-transition: all .3s;
    transition: all .3s;
    margin-left: 0;
    padding: 0;

    &:hover {
        text-decoration: underline #e0e0e0 .5px;
    }

    img {
        margin-top: 0;
    }

    &:before {
        display: none;
    }
}

.modal__footer-mess {
    .decor-icon {
        display: none;
    }

    .social-btns__item:nth-child(n+4) {
        display: none;
    }

    .social-btns__img {
        opacity: 1;
    }
}

.home-offers__item .for-h3 {
    font-size: 16px;
    text-align: left;
}

.block .for-h3 {
    color: #252525;
    font-size: 18px;
    font-weight: 700;
}

.about__wrap .for-h4 {
    font-size: 18px;
}

.about__descript .for-h3 {
    font-family: monserat-ash-b, sans-serif;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 24px;
}

.home-faq__text .for-h4 {
    border-bottom: 4px solid #009245;
    font-family: monserat-ash-b, sans-serif;
    line-height: 1.4;
    padding: 30px 20px 20px 0;
}


.home-video__slider .for-h3 {
    font-size: 18px;
    margin-bottom: 10px;
    min-height: 45px;
}

.title_h2 .for-h2 {
    display: table-cell;
    vertical-align: middle;
    font-size: 24px;
    line-height: 26px;
    font-weight: 700;
    color: #fff;
}

.about_section_4_title p {
    font-size: 20px;
}

.catalog-banner__cont .for-h2 {
    color: #252525;
    font-size: 18px;
    font-weight: 700;
}

.offer-single .for-h2 span {
    color: #009245;
}


.offer-banner__cont .for-h2 {
    color: #fff;
    font-size: 30px;
}

.city-panel__drow .for-h4 {
    color: #009245;
    font-size: 18px;
    margin-bottom: 20px;
    text-align: center;
}

.footer-menu__item .for-h3 {

    display: flex;
    font-family: monserat-ash-b, sans-serif;
    font-size: 16px;
    font-weight: 700;
    gap: 10px;
    padding-bottom: 20px;
}

.brand_section_2_item img {
    height: 80px;
    width: 80px;
    object-fit: cover;
}

.adress__tel {
    font-size: 18px;
    font-weight: 600;
}

/* МОДАЛЬНОЕ */

.modal__content .city-panel__drow {
    display: block;
    position: relative;
    width: 100%;

    .city-panel__select {
        width: 100%;
    }

    .title {
        text-align: left;
    }


    .for-h4 {
        display: none;
    }

    .city-panel__sto-item-value {
        margin: 0;
    }

    .city-panel__sto-item {
        a {
            display: none;
        }

        a.decor-img {
            display: flex;
            pointer-events: none;
            top: 0;
        }
    }

    .city-panel__menu {
        position: relative;
        width: 100%;
        top: 0;
    }


}

#sity-popup .btn {
    margin: 0 auto;
    display: flex;
    margin-top: 20px;
}


.select__filial {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #e8e8e9;
    border-radius: 5px;
    color: #909090;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    min-height: 57px;
    padding: 5px 20px;
    padding-right: 35px;
    position: relative;
}

.select__filial:before {
    content: url(/wp-content/uploads/2024/07/polygon-6.svg);
    margin-right: 20px;
    margin-top: 23px;
    position: absolute;
    right: 0;
    top: 0;
}

.select__filial-title {
    margin-top: 32px;
}

#sity-popup .city-panel__content {
    display: none;
    max-height: 220px;
    overflow-y: auto;
    padding-bottom: 20px;
    padding-right: 10px;
    -webkit-overflow-scrolling: touch;
}

#sity-popup .city-panel__content::-webkit-scrollbar {
    width: 4px;
}

#sity-popup .city-panel__content::-webkit-scrollbar-thumb {
    background-color: #009245;
    /* Цвет ползунка совпадает с вашим */
    border-radius: 4px;
}

#sity-popup .city-panel__content::-webkit-scrollbar-track {
    background-color: #fff;
    /* Цвет фона совпадает с вашим */
}

#sity-popup .city-panel__content.active {
    display: block;
}


.footer-menu__body .menu__body-wrap {
    display: flex;
    gap: 20px;
}

.footer-menu__body {
    display: flex !important;
    flex-direction: column;
}

.link-pol-new {
    margin-top: 30px;
}

.link-pol.d-md-none {
    width: 100%;
    padding: 0;
    display: flex;
    justify-content: end;
    align-items: end;
    gap: 30px;
}

.footer-menu__body .social-btns__item img {
    width: 35px;
}

.social__wrap {
    display: flex;
    justify-content: space-between;
}

.feedback__item-img,
.offer-feedback__item-img {
    height: 240px;
}

.city-panel__content-mob {
    overflow-y: scroll;
}

.city-panel__content-mob .city-panel__sto-item-value {
    padding-right: 0;
}

.mob-phone-panel {
    width: 270px;
    padding: 15px;
}

.slider-home__nav .ash-button-next,
.slider-home__nav .ash-button-prev {
    cursor: pointer;
}

.page-template-address .micromodal-slide.is-open:has(.modal__container-city) {
    display: none;
}


@media (max-width: 1027px) {
    .price_section_5_v2 .offer-poster__form-cf7 .btn {
        margin-top: 10px;
    }
}

@media (max-width: 1200px) {
    .home-offers__item .for-h3 {
        max-width: 170px;
    }
}

@media (max-width: 10260px) {
    .offer-content-2__cont img {
        max-width: 520px;
    }
}

@media (max-width: 960px) {
    .blog_section_1_block .blog_section_1_list li {
        display: block;
    }

    .catalog-offers__categories {
        margin-top: 0;
    }

    .catalog-offers .home-offers__wrapp {
        margin-top: 30px;
    }

    .service_section_1_buttons button,
    .service_section_1_buttons a {
        width: 70% !important;
        margin: 0 auto;
        margin-top: 15px;
    }

    .header-contact:before {
        content: url(/wp-content/uploads/2025/06/rectangle-2.svg);
    }

    .header-contact {
        background-color: #3A3A3A;
    }

    body {
        padding-top: 62px;
    }

    .about__descript .for-h3 {
        font-size: 16px;
    }

    .modal__content .city-panel__drow {
        left: auto;
        top: 0;
    }
}


@media (max-width: 1024px) {
    .page-template-contact .poster-home__content {
        order: 0;
        margin-top: 40px;
    }

    .page-template-contact .poster {
        height: auto;
    }


}

@media (max-width: 760px) {
    .footer-mob-menu {
        display: none;
    }

    .sub-menu .menu-item-has-children {
        padding: 15px 30px 15px 0;

        span {
            padding-left: 0px;
        }

        &:before {
            right: 0px;
        }
    }

    .feedback__item .btn,
    .offer-feedback__item .btn {
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .ash-catalog-page .slider-home .btn {
        margin-top: 50px;
    }

    .catalog-offers .home-offers__wrapp {
        margin-top: 30px;
    }

    /* FOOTER */

    .social__wrap {
        display: flex;
        justify-content: space-between;
        flex-direction: column;


        .link-pol {
            margin-top: 20px;
            justify-content: start;
        }
    }

    .link-pol {
        display: flex !important;
    }

    .footer-menu__body {
        display: flex !important;
        flex-direction: column;
    }

    .footer-menu__body .menu__body-wrap {
        display: grid;
        gap: 15px;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
    }

    html,
    body {
        overflow-x: clip;
    }

    .footer-menu-top.footer-menu {
        margin-bottom: 0;

        li a {
            font-size: 16px;
        }
    }

    .footer-menu__body .social-btns__item img {
        width: 30px;
    }

    .footer-menu__body-mob.footer-logo {
        margin-bottom: 0px;
    }

    .footer .container .footer-btn {
        margin: 24px auto 0px !important;
    }

    .footer-menu__item span.for-h3 {
        font-size: 12px !important;

        img {
            width: 15px;
        }
    }

    .footer-menu__item .for-h3 {
        padding-bottom: 10px;
    }

    .footer-menu__item a,
    .footer-menu__item p {
        font-size: 12px !important;
    }

    .footer-menu__body-mob {
        padding: 30px 0 0px 0px;
    }


    .offer-single .for-h2 {
        font-size: 18px;
        margin-bottom: 30px;
    }

    .offer-banner__cont .for-h2 {
        font-size: 20px;
        text-align: center;
    }

    .f-address__item a {
        font-size: 12px;
        margin-top: 10px;
        display: block;
    }
}

@media (max-width: 560px) {
    .catalog-brend__images .item {
        -ms-flex: 0 0 140px;
        flex: 0 0 140px;
    }

    .price_section_3_text p:first-child {
        white-space: normal !important;
    }

    .service_section_2_block img:nth-child(n+5) {
        display: none;
    }

    .service_section_2.active .service_section_2_block img:nth-child(n+5) {
        display: block;
    }

    .home-offers__item .for-h3 {
        margin-left: 15px;
        max-width: 250px;
    }

    .slider-home__item .slider-img__bg img {
        width: 300px;
        height: 180px;
        object-fit: cover;
    }

    .header-contact__panel .city-panel__drow {
        overflow: auto !important;
        height: 100vh;
    }

    #sity-popup .modal__container {
        padding: 40px 30px;

    }
}


@media (max-width: 380px) {

    .mobile-menu li {
        font-size: 1rem;
    }
}