@media(width < 1337px) {
    .swiper-prev, .swiper-next {
        position: relative;
        left: auto;
        right: auto;
        top: auto;
        bottom: auto;
        transform: none;
    }
    .reviews-btns,
    .results-bottom_btns {
        margin-top: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 20px;
    }
    .swiper-button-next--custom4 {
        right: calc(50% - 50px);
        top: auto;
        bottom: -45px;
        width: 40px;
        height: 40px;
    }
    .swiper-button-prev--custom4 {
        left: calc(50% - 50px);
        top: auto;
        bottom: -45px;
        width: 40px;
        height: 40px;
    }
}

@media(width < 1199px) {
    .quiz-form2__calculation {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }
    .quiz-step_labels2--1 {
        grid-template-columns: repeat(3,1fr);
    }
    .quiz-form2__top {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }
    .quiz-step_labels2 .quiz-step_label2:nth-child(3n+1) .quiz-step__icon > p {
        translate: -6% 0;
    }
    .quiz-step_labels2 .quiz-step_label2:nth-child(3n+1) .quiz-step__icon > p::after {
        left: 2%;
    }
}

@media(width < 1025px) {
    section {
        padding: 60px 0 0;
    }
    .menu-list {
        justify-content: space-between;
        flex-direction: column;
        gap: 20px;
    }
    .menu-item_remont > span::before {
        left: -15px;
        top: 13px;
    } 
    
    .menu-item_remont span {
        padding: 0;
    }
    .menu-item_remont > span {
        padding-left: 10px;
    }
    .nav-list nav {
        position: absolute;
        top: -1500%;
        width: 90%;
        height: auto;
        padding: 0;
        z-index: 2;
        transition: all 0.3s ease 0s;
        overflow: auto;
        background: #fff;
        margin: auto;
    }
    .nav-list nav.active {
        top: 0; 
        display: flex;
        flex-direction: column;
        padding: 44px 0;
        border-radius: 0;
    }

    .menu-item_remont.active span::before {
        top: 5%;
    }
    .menu-item_remont .sub-menu span::before {
        display: none;
    }
    .dropdown span::after {
        right: -15%;
    }
    .menu-list li:hover > .sub-menu {
        display: none;
    }
    .menu-list li > .sub-menu.active{
        position: relative;
        top: auto;
        width: auto;
        opacity: 1;
        visibility: unset;
        opacity: 1;
        transform: none;
        visibility: visible;
        transition: all .5s ease;
        display: flex;
        flex-direction: column;
        box-shadow: none;
        padding-left: 40px;
    }
    .sub-menu .dropdown:after {
        top: 25px;
        right: 40px;
    }
    .menu-list .first-item {
        padding: 17px 25px;
    }
    .dropdown.menu-item_remont .first-item::after {
        position: absolute;
        top: 25px;
        right: 40px;
    }
    .dropdown .sub-menu a {
        display: inline-block;
        padding: 10px 0;
    }

    .menu-list li > .sub-menu.active li span::after {
        background: url('../img/icon/arrow-menu.svg');
        background-repeat: no-repeat;
        width: 10px;
        height: 6px;
    }
    .sub-menu .sub-menu__list::before {
        width: 0;
        height: 0;
    }
    .sub-menu li:hover > .sub-menu__list, .sub-menu .sub-menu__list {
        display: none;
    }
    .sub-menu li > .sub-menu__list.active {
        position: relative;
        opacity: 1;
        visibility: unset;
        top: auto;
        width: auto;
        left: auto;
        display: block;
        display: flex;
        flex-direction: column;
        box-shadow: none;
        padding: 0;
        margin: 0;
        padding-left: 40px;
        gap: 15px;
        padding-bottom: 10px;
    }
    .dropdown .sub-menu .sub-menu__list a {
        padding: 0;
    }
    .menu-list a, .menu-list span {
        position: relative;
        
    }
    .menu-item_remont .sub-menu span, .dropdown .sub-menu li {
        padding: 0;
        position: relative;
        display: block;
    }
    .sub-menu li span::after {
        position: absolute;
        top: 5px;
        right: -10%;
    }
    .sub-menu__list li {
        padding: 0; 
    }
    .open-menu-icon{
        display:block;
        position: relative;
        width: 60px;
        height: 60px;
    }

    .burger:before {
        background-repeat: no-repeat;
        background-position: center;
        content: '';
        left: 0;
        top:0;
        position: absolute;
        display: block;
        width: 60px;
        height: 60px;
        border-radius: 15px;
        background-color: #6DA52D;
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M1.33337 4.69565C1.33337 4.33588 1.47385 3.99084 1.7239 3.73644C1.97395 3.48205 2.31309 3.33913 2.66671 3.33913H21.3334C21.687 3.33913 22.0261 3.48205 22.2762 3.73644C22.5262 3.99084 22.6667 4.33588 22.6667 4.69565C22.6667 5.05542 22.5262 5.40046 22.2762 5.65485C22.0261 5.90925 21.687 6.05217 21.3334 6.05217H2.66671C2.31309 6.05217 1.97395 5.90925 1.7239 5.65485C1.47385 5.40046 1.33337 5.05542 1.33337 4.69565ZM1.33337 11.4783C1.33337 11.1185 1.47385 10.7734 1.7239 10.5191C1.97395 10.2647 2.31309 10.1217 2.66671 10.1217H21.3334C21.687 10.1217 22.0261 10.2647 22.2762 10.5191C22.5262 10.7734 22.6667 11.1185 22.6667 11.4783C22.6667 11.838 22.5262 12.1831 22.2762 12.4375C22.0261 12.6919 21.687 12.8348 21.3334 12.8348H2.66671C2.31309 12.8348 1.97395 12.6919 1.7239 12.4375C1.47385 12.1831 1.33337 11.838 1.33337 11.4783ZM1.33337 18.2609C1.33337 17.9011 1.47385 17.5561 1.7239 17.3017C1.97395 17.0473 2.31309 16.9043 2.66671 16.9043H21.3334C21.687 16.9043 22.0261 17.0473 22.2762 17.3017C22.5262 17.5561 22.6667 17.9011 22.6667 18.2609C22.6667 18.6206 22.5262 18.9657 22.2762 19.2201C22.0261 19.4745 21.687 19.6174 21.3334 19.6174H2.66671C2.31309 19.6174 1.97395 19.4745 1.7239 19.2201C1.47385 18.9657 1.33337 18.6206 1.33337 18.2609Z" fill="white"/></svg>');
    }
    .header {
        padding-top: 15px;
    }
    .menu-open, .mob-adress, .mob-social, .mob-phone-number{
        display:block;
    }
    .header-menu-wrap {
        display: block;
        /*min-width: 330px;*/
    }
    .first-item {
        padding: 10px 0;
        height: auto;
    }
    
    .header-adress, .header-social, .header-phone{
        display:none;
    }
    .nav-list nav.menu-open{
        top: 0;
        right: 0;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        border-radius: 15px 0 0 15px;
        width: 50%;
        padding: 50px 0 0;
    }
    .top-banner {
        margin-top: 20px;
    }
    .utp-wrapepr {
        grid-template-columns: repeat(2, 1fr);
        gap: 50px;
        
    }
    .utp-wrapepr_item::after {
           top: 15px;
           right: -30px;
    }
    .utp-wrapepr_item:nth-child(2)::after {
        display: none;
    }
     .utp-wrapepr_item {
         width: 100%;
        padding: 40px 0;
     }
    .project-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
    .quiz-wrapper {
        flex-direction: column-reverse;
        padding: 20px;
    }
    .quiz-right {
        flex-direction: row;
        max-width: 100%;
        gap: 18px;
    }
    .quiz-right_gifts {
        width: 100%;
    }
    .quiz-form {
        max-width: 100%;
        
    }
    .quiz-form_step.active {
        min-height: 774px;
    }
    .top-card {
        grid-template-columns: repeat(2, 1fr);
    }
    .top-filters_categories,
    .top-filters_params.active {
        flex-wrap: wrap;
    }
    .catalog-wrapper {
        padding: 60px 30px;
    }
    .catalog-wrapper_params-sliders {
        gap: 30px;
        flex-direction: column;
    }
    .catalog-wrapper_slider {
        max-width: 100%;
    }
    .catalog-wrapper__wrap {
        gap: 30px;
            flex-wrap: wrap;
    }
    .catalog-wrapper__option-btn button {
        max-width: 100%;
    }
    .banner-project_top {
        flex-direction: column;
        padding: 60px 15px;
        align-items: flex-start;
        gap: 50px;
    }
    .banner-project_text {
        max-width: 100%;
    }
    .banner-project .banner-project_img {
        max-width: 100%;
        bottom: 22%;
        top: auto;
    }
    .banner-project_bottom {
        margin-top: 338px;
        padding: 30px 20px 50px;
    }
    .banner-project_form-top {
        flex-direction: column;
        gap: 16px;
        align-items: flex-start;
    }
    .banner-project_form-flex {
        flex-direction: column;
    }
    .banner-project_form-title, 
    .banner-project_form-text {
        max-width: 100%;
    }
    .banner-project_form-flex button {
        padding: 25px;
    }
    .banner-project_form-form .form-call__polite,
    .form-input,
    .banner-project_form-flex button {
        max-width: 332px;
    }
    .bg-gey {
        margin-top: 60px;
    }
    .plus-wrapper {
        grid-template-columns: repeat(3, 1fr);
    }
    .form-input input {
        max-width: 100%;
    }
    .form-img_name {
        top: auto;
        bottom: 45%;
    }
    .header-info_socials,
    .header-info_btn {
        display: none;
    }
    .mobile-block,
    .mobile-block .header-info_socials, 
    .mobile-block .header-info_btn,
    .header-close {
        display: block;
    }
    .mobile-block {
        padding: 30px;
        display: flex;
        align-items: center;
        gap: 50px;
    }
    .header-close {
        position: absolute;
        right: 20px;
        top: 10px;
        z-index: 99;
        width: 50px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .steps-wrapper {
        gap: 50px;
        flex-direction: column;
    }
    .steps-tabs {
        max-width: 100%;
        flex-wrap: wrap;
        flex-direction: row;
    }
    .steps-tab {
        gap: 55px;
    }
    .blog-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
    .map-content {
        top: auto;
        bottom: 30px;
        left: 30px;
        max-width: 540px;
        height: calc(100% - 60px);
    }
    .map-info_item .header-info_socials{
        display: block;
    }
    .map-btn {
        margin-top: 50px;
    }
    .footer-logo {
        grid-row: 1 / 1;
        grid-column: 1 / 4;
    }
    .footer-col.footer-col-2 {
        grid-row: 2 / 3;
        grid-column: 1 / 1;
    }
    .footer-col.footer-col-3 {
        grid-row: 2 / 3;
        grid-column: 2 / 4;
    }
    .footer-col-1 {
        grid-row: 3 / 3;
        grid-column: 1 / 4;
        display: flex;
        justify-content: space-between;
        width: 100%;
        align-items: center;
    }
    .footer-top {
        gap: 40px;
    }
    .footer-top_info {
        flex-direction: row;
        flex-wrap: wrap;
    }
    .footer-location {
        line-height: 1.5;
    }
    .footer-center {
        display: grid;
        grid-template-columns: 60% 40%;
    }
    .footer-button {
        grid-row: 1 / 1;
        grid-column: 1 / 3;
        max-width: 100%;
    }
    .footer-button .btn {
        padding: 25px;
    }
    .footer-links,
    .footer-socials {
        max-width: none;
    }
    .footer-bottom {
        display: grid;
        grid-template-columns: 50% 50%;
        gap: 0px;
    }
    .footer-bottom_payments {
        grid-row: 1 / 1;
        grid-column: 2 / 2;
    }
    .footer-bottom_link-2 {
        grid-row: 3 / 3;
        grid-column: 2 / 2;
        
    }
    .footer-bottom_link-1 {
        grid-row: 2 / 2;
        grid-column: 2 / 2;
        margin: 12px 0;
    }
    .footer-bottom_info {
        grid-row: 1 / 3;
        grid-column: 1 / 3;
    }
    .footer-bottom_up {
        grid-row: 2 / 4;
        grid-column: 4 / 4;
    }
    .menu-list .sub-menu {
        box-shadow: none;
    }
    .catalog-wrapper__options {
            flex-wrap: wrap;
    }
    .banner-project_content {
        padding: 0;
    }
    .top-banner_btns {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
    }
    .top-banner_btns .btn {
        padding: 25px 40px;
        text-align: left;
    }
    .catalog-banner_img {
        display: none;
    }
    .catalog-filter_slider .catalog-wrapper_slider .ui-widget.ui-widget-content {
        position: relative;
        max-width: 95%;
        top: 0;
        left: 0;
        transform: translate(0, 0);
    }
    .card-info_imgs {
        max-width: 50%;
    }
    .card-utp {
        grid-template-columns: repeat(2, 1fr);
    }
    .card-info {
        gap: 25px;
    }
    .card-info_h1 h1 {
        font-size: 35px;
    }
    .card-info_btns .btn-red, 
    .card-info_btns .btn-green {
        width: auto;
    }
    .card-info_btns {
        gap: 10px;
    }
    .calc-wrapper {
        flex-direction: column;
    }
    .calc-left {
        align-items: center;
        flex-direction: row;
        max-width: 100%;
        justify-content: space-between;
    }
    .calc-form {
        width: 100%;
    }
    .promo-cards {
        grid-template-columns: repeat(2, 1fr);
    }
    .card-utp_item:nth-child(even)::after {
        display: none;
    }
    .header-top_text,
    .header-top_link button {
            font-size: 12px;
    }
    .utp-wrapepr {
        position: relative;
        padding: 0 74px;
    }
    .utp-wrapepr::after {
        content: '';
        border: 1px solid #4C4E4C;
        width: calc(100% - 148px);
        height: 1px;
        position: absolute;
        top: 50%;
        left: 74px;
        transform: translateY(-50%);
    }
    .top-banner_utp {
        padding: 30px 0;
    }
    .utp-wrapepr_item::after {
        top: 0;
        height: 100%;
    }
    .utp-wrapepr_item {
        padding: 0;
    }
    .utp-wrapepr::after {
        width: 100%;
        left: 0;
        top: 55%;
    }
    .variant-text {
        font-size: 16px;
    }
    .variant-text_mini {
        font-size: 14px;
    }
    .card-info_block-title {
        font-size: 14px;
    }
    .catalog-banner h1 {
        max-width: 100%;
    }
    .plan-item {
        grid-template-columns: 100px 360px 1fr;
        gap: 10px;
    }
    .sub-menu-sublist {
        flex-direction: column;
    }
    .bottom-menu-col {
        border: none;
    }
    ul.bottom-menu-col_tech {
        width: 100%;
    }
    .sub-menu-bottom {
        align-items: flex-start;
        justify-content: space-between;
        flex-direction: column;
    }
    .menu-item_remont {
        overflow: hidden;
    }
    .menu-list .sub-menu_catalog {
        padding-top: 0;
    }
}
@media (max-width: 991px) {
    .accordion__text-wrap {
        flex-direction: column;
        gap: 10px;
    }
    .interesting-block__wrap {
        padding-bottom: 30px;
    }
    .page__aside-item--active {
        font-weight: 400;
    }
    .page__top-img {
        margin-bottom: 40px;
    }
    .page__article-wrap {
        display: block;
    }
    .page__aside {
        margin: 20px 0;
        position: static;
    }
    .page__aside-wrap {
        position: static;
        display: block;
        width: 100%;
    }
    .page__aside-item {
        position: relative;
    }
    .page__aside-item::before {
        content: '';
        width: 6px;
        height: 6px;
        top: 13px;
        left: 10px;
        border-radius: 10px;
        background: #6DA52D;
        position: absolute;
    }
    .page__aside-list {
        padding: 20px;
    }
    
    .page__authors-block {
        margin-bottom: 0;
    }
    .page__title {
        margin-bottom: 28px;
    }
    .text-margin {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .form-1 .form-img,
    .form-1 .form-img_name {
        display: none;
    }
    .form-content_title,
    .form-bg_content,
    .form-content_text {
        max-width: 100%;
    }
    .form-bg {
        padding: 30px;
    }
    .form-content_title {
        font-size: 26px;
        margin-bottom: 15px;
    }
    .form-content_text {
        font-size: 18px;
    }
    .form-bg_content {
        margin-bottom: 45px;
    }
    .form-input input,
    .form-1 .btn {
        padding: 18px 20px;
    }
    .send-block .send-block__list {
        left: -200px;
    }
    .table-block {
        overflow-x: auto;
    }
}
@media (width < 876px) {
    .footer-top {
        gap: 40px 0;
    }
    .footer-phone {
        width: 50%;
    }
    .footer-col-1 {
        gap: 40px;
    }
    .banner-project .banner-project_img {
        bottom: 33%;
    }
    .plus-wrapper,
    .reviews-links {
        grid-template-columns: repeat(2, 1fr);
    }
    .results-slide {
        flex-direction: column;
    }
    .swiper-slide img {
        max-height: 440px;
        height: 100%;
    }
    .results-img-siders {
        max-width: 100%;
    }
    .steps-content.active {
        flex-direction: column;
        gap: 30px;
    }
    .steps-img img {
        max-height: 249px;
    }
    .form-img {
        max-width: 55%;
        right: 30px;
    }
    .form-img_name {
        right: 20px;
        bottom: 35%;
    }
    .faq-wrapper {
        flex-direction: column;
        gap: 50px;
    }
    .faq-new {
        max-width: 100%;
    }
    .faq-form {
        width: 100%;
        background-image: url(../img/faq-form-re.webp);
        display: flex;
        align-items: flex-start;
        gap: 32px;
    }
    .faq-form form {
        padding: 0;
    }
    .map {
        height: 900px;
    }
    .map img {
        height: 100%;
        object-fit: cover;
    }
    .map-content {
        max-width: 560px;
        height: 50%;
    }
    .table td,
    .table th {
        padding: 20px;
    }
    .catalog-filter_form form {
        flex-wrap: wrap;
    }
    .card-info {
        flex-direction: column;
    }
    .card-info_imgs {
        max-width: 100%;
    }
    .tabs-chars {
        flex-direction: column;
        gap: 25px;
    }
    .tabs-chars_imgs {
        flex-direction: row;
        max-width: 100%;
    }
    .tabs-chars_left {
        width: 100%;
        max-width: 100%;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    .tabs-chars_title {
        grid-row: 1 / 1;
        grid-column: 1 / 3;
    }
    .tabs-chars_sub.obsh {
        grid-row: 2 / 2;
        grid-column: 1 / 2;
    }
    .tabs-chars_block.obsh {
        grid-row: 3 / 3;
        grid-column: 1 / 1;
    }
    .tabs-chars_sub.dop {
        grid-row: 2 / 2;
        grid-column: 2 / 2;
    }
    .tabs-chars_block.dop {
        grid-row: 3 / 3;
        grid-column: 2 / 2;
    }
    .tabs-chars_form {
        grid-row: 4 / 4;
        grid-column: 1 / 3;
    }
    .calc-left {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
    }
    .calc-left_item-top {
            flex-direction: column;
    }
    .promo-cards {
        grid-template-rows: auto;
    }
    .promo-card-1 {
        grid-row: 1 / 1;
        grid-column: 1 / 3;
    }
    .promo-card {
        padding: 110px 30px 76px;
    }
    .catalog-banner_utp {
        grid-template-columns: repeat(3, 1fr);
    }
    .steps-content_btns {
            justify-content: flex-start; 
            gap: 20px;
    }
    .grid-4,
    .variant,
    .grid-3 {
        grid-template-columns: repeat(2, 1fr);
    }
    .card-slider .swiper-slide img {
        max-width: 100%;
    }
    .promo-block {
        grid-template-columns: repeat(1, 1fr);
    }
    .promo-slide img {
        width: 100%;
    }
    .form-img {
        max-width: 55%;
        right: 30px;
    }
    .form-img_name {
        right: 20px;
        bottom: 35%;
    }
    ul.bottom-menu-col_grid {
        display: flex;
        flex-direction: column;
    }
    
    
}
@media (width < 770px) {
    .quiz-step_labels2--1 {
        grid-template-columns: repeat(2, 1fr);
    }
    .tabs2__list {
        margin-bottom: 20px;
    }
    .quiz-step_labels2 {
        margin-bottom: 50px;
    }
    .quiz-step_bottom3 {
        display: flex;
        flex-direction: column;
    }
    .quiz-step_bottom3--last {
        display: grid;
    }
    .quiz-wrapper2 {
        padding: 30px;
    }
    .form-img {
        right: 20px;
    }
    .form-img_name {
        right: 0;
        bottom: 30%;
    }
    .top-block_more {
        width: 100%;
        text-align: left;
    }
    .header-info_btns .header-info_btns-search {
        display: none;
    }
    .catalog-filter_slider .catalog-wrapper_slider .ui-widget.ui-widget-content {
            max-width: 215px;
        position: absolute;
        width: 100%;
        top: 50%;
        left: 48%;
        transform: translate(-50%, -50%);
    }
    .table td {
        font-size: 15px;
    }
    
    .calc-left {
        grid-template-columns: repeat(2, 1fr);
        text-align: center;
    }
    .calc-form form {
        grid-template-columns: 395px 1fr;
    }
    .calc-form {
        padding: 30px;
    }
    .calc-title {
        padding: 30px 30px 0;
    }
    .form-img {
        right: 20px;
    }
    .form-img_name {
        right: 0;
        bottom: 30%;
    }
    .plan-item {
        grid-template-columns: 100px 1fr;
        gap: 20px;
    }
    .plan-item_text {
        grid-column: 1 / 3;
    }
    .card-bank {
        grid-template-columns: repeat(1, 1fr);
    }
}
@media (max-width: 680px) {
    .accordeon__wrap {
        grid-template-columns: 1fr;
    }
    .accordeon__item {
        margin-bottom: 0;
    }
    .accordion__text-wrap {
        flex-direction: row;
    }
    .quiz-form2__result-text {
        flex-direction: column;
        align-items: flex-start;
    }
    .banner-project_form-flex {
        flex-direction: column;
    }
    .form-input,
    .form-input input,
    .form-1 .btn {
        max-width: 100%;
    }
    .plan-item {
        display: flex;
        flex-direction: column;
    }
    .plan-item_num {
        padding: 17px 20px;
    }
}
@media (width < 576px) {

    .quiz-step_labels2 .quiz-step_label2 .quiz-step__icon > p {
        translate: -6% 0;
    }
    .quiz-step_labels2 .quiz-step_label2 .quiz-step__icon > p::after {
        left: 2%;
    }

    .quiz-form2__top {
        margin-bottom: 40px;
    }
    .next-step2,
    .quiz-form2__order {
        height: 50px;
        padding: 13px 10px;
        text-align: center;
    }
    .quiz-step_bottom3--last {
        grid-template-columns: 50px 1fr;
    }
    .prev-step2 {
        height: 50px;
        width: 50px;
    }
    .accordion__text-wrap {
        flex-direction: column;
    }
    .quiz-step_labels2--1 {
        grid-template-columns: 1fr;
    }
    .header-top_close,
    .header-info_right .header-inform,
    .header-info_right .header-inform_link {
        display: none;
    }
    .nav-list nav.menu-open {
        width: 75%;
    }
    .header-info_right .header-inform_phone a {
        font-size: 0;
        display: block;
        line-height: 0;
    }
    .header-info_right .header-inform_phone a::before {
        width: 60px;
        height: 60px;
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="none"><circle cx="13" cy="13" r="13" fill="%236DA52D"/><g clip-path="url(%23clip0_10208_5642)"><path d="M19.4167 12.4167C19.262 12.4167 19.1136 12.3552 19.0042 12.2458C18.8948 12.1364 18.8334 11.988 18.8334 11.8333C18.8321 10.596 18.3401 9.40976 17.4652 8.53486C16.5903 7.65996 15.404 7.1679 14.1667 7.16666C14.012 7.16666 13.8636 7.10521 13.7542 6.99581C13.6448 6.88641 13.5834 6.73804 13.5834 6.58333C13.5834 6.42862 13.6448 6.28025 13.7542 6.17085C13.8636 6.06145 14.012 6 14.1667 6C15.7133 6.00169 17.196 6.61682 18.2896 7.71042C19.3832 8.80401 19.9984 10.2868 20 11.8333C20 11.988 19.9386 12.1364 19.8292 12.2458C19.7198 12.3552 19.5714 12.4167 19.4167 12.4167ZM17.6667 11.8333C17.6667 10.9051 17.298 10.0148 16.6416 9.35846C15.9852 8.70208 15.095 8.33333 14.1667 8.33333C14.012 8.33333 13.8636 8.39479 13.7542 8.50418C13.6448 8.61358 13.5834 8.76195 13.5834 8.91666C13.5834 9.07137 13.6448 9.21975 13.7542 9.32914C13.8636 9.43854 14.012 9.5 14.1667 9.5C14.7856 9.5 15.379 9.74583 15.8166 10.1834C16.2542 10.621 16.5 11.2145 16.5 11.8333C16.5 11.988 16.5615 12.1364 16.6709 12.2458C16.7803 12.3552 16.9287 12.4167 17.0834 12.4167C17.2381 12.4167 17.3865 12.3552 17.4959 12.2458C17.6053 12.1364 17.6667 11.988 17.6667 11.8333ZM18.9401 18.929L19.471 18.3171C19.8088 17.9781 19.9986 17.519 19.9986 17.0405C19.9986 16.5619 19.8088 16.1028 19.471 15.7638C19.4529 15.7457 18.0494 14.666 18.0494 14.666C17.7125 14.3454 17.2651 14.1668 16.8001 14.1675C16.335 14.1681 15.8881 14.3479 15.5521 14.6695L14.4403 15.6063C13.5327 15.2307 12.7083 14.6795 12.0144 13.9844C11.3204 13.2892 10.7707 12.4639 10.3966 11.5557L11.33 10.4473C11.6518 10.1114 11.8318 9.66442 11.8326 9.19923C11.8333 8.73404 11.6548 8.28645 11.3341 7.9495C11.3341 7.9495 10.2531 6.54775 10.2351 6.52966C9.90223 6.19468 9.45098 6.00409 8.9788 5.99907C8.50662 5.99405 8.05142 6.175 7.71155 6.50283L7.04072 7.08616C3.07755 11.684 11.6117 20.1522 16.3612 20C16.8408 20.0028 17.3161 19.9094 17.7591 19.7255C18.202 19.5415 18.6036 19.2707 18.9401 18.929Z" fill="white"/></g><defs><clipPath id="clip0_10208_5642"><rect width="14" height="14" fill="white" transform="translate(6 6)"/></clipPath></defs></svg>');
        position: relative;
        left: auto;
        top: auto;
        background-repeat: no-repeat;
        background-position: center;
        background-color: #F7F8F7;
        border: 2px solid #F7F8F7;
        border-radius: 15px;
    }
    .header-info_right .header-inform_phone {
        margin: 0;
        
    }
    .header-info_inform {
        padding: 0;
        order: 1;
    }
    .header-info_left {
        align-items: flex-start;
        gap: 16px;
        flex-direction: column;
        width: 100%;
    }
    .header-info_right {
        gap: 16px;
        flex-wrap: wrap;
        justify-content: flex-end;
        width: 100%;
    }
    .header-info_socials {
        display: block;
        order: 4;
    }
    .header-info_btns {
        order: 2;
    }
    .open-menu-icon {
        order: 3;
    }
    .header-top_wrapper {
        padding: 12px 0 16px;
    }
    .header-top-left {
        justify-content: space-between;
        width: 100%;
        gap: 0px;
    }
    .header-info_desc-text {
        margin-bottom: 4px;
    }
    .header-info_right .header-info_socials-text {
        display: none;
    }
    .title-h1 {
        font-size: 32px;
    }
    .top-banner_content {
        padding: 40px 20px 48px;
    }
    .top-banner_content h1 {
        padding-right: 20px;
    }
    .top-banner_content p {
        padding-left: 25px;
    }
    h2, .h2 {
        font-size: 30px;
    }
    .sub-title {
        font-size: 20px;
    }
    .project-wrapper {
        grid-template-columns: repeat(1, 1fr);
    }
    .quiz-right {
        flex-direction: column;
    }
    .quiz-step_labels {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px 15px;
    }
    .quiz-step_sposob-wrap {
        flex-wrap: wrap;
    }
    .top-card,
    .banner-project_items,
    .plus-wrapper, 
    .reviews-links{
        grid-template-columns: repeat(1, 1fr);
    }
    .banner-project_bottom {
        flex-direction: column;
    }
    .banner-project_form-form .form-call__polite, .form-input, .banner-project_form-flex button {
        max-width: 100%;
    }
    .form-img {
        right: auto;
        position: relative;
        bottom: auto;
        top: auto;
        left: auto;
        max-width: 100%;
    }
    .form-bg {
        padding: 50px 20px 0;
    }
    .form-img_name {
        right: auto;
        bottom: 20%;
        max-width: 120px;
    }
    .faq-form {
        gap: 30px;
        flex-direction: column;
    }
    .form-content_title {
        font-size: 30px;
    }
    .form-content_text {
        font-size: 20px;
    }
    .faq-quest > li .faq-quests {
        font-size: 15px;
    }
    .map-content {
        max-width: 100%;
        height: calc(100% - 300px);
        width: calc(100% - 40px);
        bottom: 20px;
        left: 20px;
        padding: 40px 30px;
    }
    .map-info {
        flex-direction: column;
    }
    .map-info_item {
        width: 100%;
    }
    .map {
        height: 900px;
    }
    .map-info_item .header-info_inform {
        padding-left: 24px;
    }
    .map-btn .btn {
        width: 100%;
        max-width: 100%;
    }
    .map-btn {
        margin-top: 30px;
    }
    #slider-range {
        flex-direction: column;
        margin-bottom: 16px;
        gap: 10px;
    }
    .slider-range__input {
        max-width: 100%;
    }
    .catalog-wrapper_params {
        padding: 50px 30px;
    }
    .catalog-wrapper_title {
        margin-bottom: -20px;
        font-size: 30px;
    }
    .banner-project_title {
        font-size: 30px;
    }
    .results-content_btns {
        flex-direction: column;
        gap: 10px;
        margin-top: 31px;
    }
    .results-content_btns .btn {
        max-width: 100%;
    }
    .results-top {
        flex-direction: column-reverse;
        align-items: flex-start;
        gap: 10px;
    }
    .steps-tab {
        gap: 19px;
    }
    .footer-top {
        gap: 30px 32px;
    }
    .footer-col-1 {
        flex-direction: column;
        grid-row: 4 / 4;
    }
    .footer-col.footer-col-3 {
        grid-row: 2 / 3;
        grid-column: 1 / 3;
    }
    .footer-col.footer-col-2 {
        grid-row: 3 / 3;
        grid-column: 1 / 1;
    }
    .footer-socials {
        grid-row: 2 / 2;
        grid-column: 1 / 3;
        padding: 25px 30px;
    }
    .footer-links {
        grid-row: 3 / 3;
        grid-column: 1 / 3;
        flex-direction: column;
        gap: 32px;
        align-items: flex-start;
        padding: 20px 30px;
    }
    .footer-bottom_info {
        grid-row: 4 / 4;
        grid-column: 1 / 2;
        margin-top: 30px;
    }
    .footer-bottom_link-1 {
        grid-row: 2 / 2;
        grid-column: 1 / 2;
    }
    .footer-bottom_payments {
        grid-row: 1 / 1;
        grid-column: 1 / 2;
        margin-bottom: 30px;
    }
        .footer-bottom_link-2 {
        grid-row: 3 / 3;
        grid-column: 1 / 2;
    }
    .footer-bottom {
        grid-template-columns: auto;
    }
    .footer {
        position: relative;
    }
    .footer-bottom_up {
        grid-row: auto;
        grid-column: auto;
        position: absolute;
        right: 15px;
        bottom: 47%;
    }
    .quiz {
        margin-top: 70px;
        padding: 70px 0 40px;
        background: #F7F8F7;
        border-radius: 20px;
    }
    .banner-project .banner-project_img {
        bottom: 38%;
        width: auto;
        max-width: 517px;
        left: 50%;
        transform: translateX(-50%);
    }
    .banner-project_specialist {
        width: 100%;
        max-width: 100%;
        display: flex;
        align-items: center;
        gap: 15px;
    }
    .plus-item {
        min-height: 269px;
    }
    .reviews {
        padding-top: 100px;
    }
    .map-title {
        font-size: 30px;
        margin-bottom: 30px;
    }
    .promo-slide img {
        height: 350px;
    }
    .top-block {
        flex-direction: column;
        gap: 40px;
        align-items: flex-start;
    }
    .results-icon img {
        height: auto;
    }
    .results-slide {
        gap: 10px;
    }
    .results-icons {
            flex-wrap: wrap;
    }
    .steps-wrapper {
        padding: 40px 20px;
    }
    .steps-tab {
        gap: 10px;
    }
    .catalog-banner_utp {
        grid-template-columns: repeat(2, 180px);
    }
    .catalog-banner_btns {
        flex-direction: column;
    }
    .catalog-filter_slider #slider-range {
        flex-direction: row;
    }
    .catalog-filter_slider .catalog-wrapper_slider .ui-widget.ui-widget-content {
        position: relative;
        max-width: 95%;
        top: 0;
        left: 0;
        transform: translate(0, 0);
    }
    .catalog-filter_sort {
        margin-top: 20px;
    }
    .tabs-chars_left {
        grid-template-columns: 1fr;
    }
    .tabs-chars_title,
    .tabs-chars_sub.obsh,
    .tabs-chars_block.obsh,
    .tabs-chars_sub.dop,
    .tabs-chars_block.dop,
    .tabs-chars_form{
        grid-row: unset;
        grid-column: unset;
    }
    .calc-form form {
        grid-template-columns: 1fr;
    }
    .promo-cards {
        grid-template-columns: 1fr;
        padding: 0;
    }
    .promo-card-1 {
        grid-row: unset;
        grid-column: unset;
    }
    .calc-form_item {
        grid-template-columns: 1fr;
    }
    .calc-left {
        padding: 10px;
    }
    .calc-left_item-top {
        font-size: 16px;
    }
    .calc-left_item-text {
        font-size: 14px;
    }
    .card-info_bottom .category-block {
        flex-direction: column;
        align-items: flex-start;
    }
    .card-info_bottom-block {
        align-items: flex-start;
        flex-direction: column;
        margin-top: 20px;
    }
    .card-info_btns {
            flex-direction: column;
    }
    .card-info_top {
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }
    .category-block {
        flex-direction: column;
    }
    .promo-card-3::before {
        left: 0;
    }
    .top-banner_btns .btn-red {
        width: 100%;
        text-align: center;
    }
    .top-banner {
        padding-top: 30px;
    }
    .first .quiz-step_bottom {
        margin-top: 20px;
    }
    .catalog-wrapper,
    .faq-form {
            background-position: center;
    }
    .results-content {
        padding: 40px 30px;
    }
    .steps-next {
        display: none;
    }
    .card-utp {
        grid-template-columns: repeat(2, 50%);
    }
    .tabs-chars_form {
            background-size: contain;
    }
    .catalog-filter_form form {
        gap: 25px;
    }
    .catalog-filter_title {
        width: 100%;
    }
    .form-img {
        margin-top: 80px;
    }
    .form-img_name {
        
        bottom: 17%;
        max-width: 120px;
    }
    .faq-form {
        padding: 40px 20px;
    }
    .quiz-right_text {
        max-width: 290px;
    }
    .quiz-step_title {
        font-size: 20px;
    }
    .catalog-wrapper {
        padding: 50px 20px;
    }
    .bg-card-form {
        padding: 40px 19px;
    }
    .banner-project_top {
        padding: 70px 0;
    }
    .grid-2 {
        grid-template-columns: repeat(1, 1fr);
    }
    .grid-4,
    .variant,
    .grid-3 {
        grid-template-columns: repeat(1, 1fr);
    }
    .top-card {
        grid-template-columns: repeat(1, 1fr);
    }
    .header-info_desc-local span {
        font-size: 14px;
    }
    .rating-block__wrap {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 20px;
    }
    .send-block .send-block__list {
        left: 0;
    }
    .page__authors-block {
        gap: 15px;
    }
    .page__title {
        font-size: 26px;
    }
    .page__article h2 {
        font-size: 22px;
    }
    .form-img {
        right: auto;
        position: relative;
        bottom: auto;
        top: auto;
        left: auto;
        max-width: 100%;
    }
    .form-bg {
        padding: 20px;
    }
    .form-img_name {
        right: auto;
        bottom: 20%;
        max-width: 120px;
    }
    .section-margin {
        margin-block: 80px;
    }
    .modal-rating__item {
        grid-template-columns: min-content 85px 1fr;
    }
    .interesting-block__wrap {
        padding-bottom: 0;
    }
    .interesting-block {
        margin-bottom: 0;
    }
}
@media (max-width: 495px) {
    .quiz-form2__top-item {
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
    }
    .quiz-form2__top-input {
        max-width: 100%;
        width: 100%;
    }
    .quiz-form2__top-select {
        width: 100%;
    }
    .tabs__content2 {
        padding: 20px;
    }
    .quiz-wrapper2 {
        padding: 20px;
    }
    .page__author-block {
        margin-top: 20px;
    }
    .modal-rating__item {
        grid-template-columns: 1fr 1fr;
        height: auto;
        padding: 20px;
    }
    .modal-rating__img-stars {
        grid-column: 1 / 2;
        grid-row: 1 / 2;
    }
    .modal-rating__text {
        grid-column: 1 / 2;
        grid-row: 2 / 3;
    }
    .modal-btn-1 {
        grid-column: 2 / -1;
        grid-row: 1 / 3;
    }
    h1, .h1 {
        font-size: 32px;
        line-height: 1.2;
    }
}
@media (width < 455px) {
    .header-info_btns > .header-info_btns-like {
        display: none;
    }
    .tabs-chars_imgs {
        flex-direction: column;
        max-width: 100%;
    }
    .utp-wrapepr_item-text {
        max-width: 150px;
    }
    .utp-wrapepr {
        padding: 0 10px;
    }
    .quiz-wrapper {
        padding: 0;
    }
    .top-filters_categories,
    .steps-tabs {
        gap: 10px;
    }
    .steps-tab,
    .top-filters_category{
        font-size: 12px;
    }
    .slider-range__input input {
        font-size: 14px;
    }
    .blog-wrapper,
    .catalog-banner_utp{
        grid-template-columns: repeat(1, 1fr);
    }
}
@media (width < 361px){
    .footer-col-3 ul {
        grid-template-columns: repeat(1, 1fr);
    }
    .top-banner_content p {
        padding: 0;
    }
    .top-banner_btns .btn,
    .map-btn .btn{
        padding: 25px;
    }
    .faq-form form {
        width: 100%;
    }
    .card-form_massages {
        flex-wrap: wrap;
    }
}
@media (width < 321px) {
    .header-top_text, .header-top_link button {
        font-size: 10px;
    }
    .header-info_desc-local span {
        font-size: 12px;
    }
    .title-h1, 
    .card-info_h1 h1{
        font-size: 24px;
    }
    .top-banner_content p,
    .catalog-banner_text {
        font-size: 18px;
    }
    .top-banner_btns .btn {
        padding: 20px;
    }
    .btn {
        font-size: 14px;
    }
    .utp-wrapepr_item-text {
        font-size: 12px;
    }
    .utp-wrapepr::after {
        top: 50%;
    }
    h2, .h2,
    .catalog-wrapper_title,
    .form-content_title,
    .map-title {
        font-size: 21px;
    }
    .sub-title {
        font-size: 17px;
    }
    .project-item_projects {
        flex-direction: column;
    }
    .project-item_content {
        gap: 20px;
    }
    .project-item_link a {
        width: 50px;
        height: 50px;
    }
    .quiz-step_labels {
        grid-template-columns: repeat(2, 47%)
    }
    .catalog-wrapper {
        padding: 20px;
    }
    .blog-wrapper {
        grid-template-columns: repeat(1, 1fr);
    }
    .footer-col-3 ul {
            grid-template-columns: repeat(1, 1fr);
    }
    .footer-center {
        display: flex;
        flex-direction: column;
    }
    .header-inform_phone a,
    .location,
    .email a {
        font-size: 14px;
    }
    .card-form_massages {
        flex-wrap: wrap;
        gap: 10px;
            justify-content: flex-start;
    }
    .faq-form_top {
        padding: 20px;
    }
.steps-content_btns {
    gap: 20px;
    flex-direction: column;
}
.steps-content_btns:not(.first-btn) {
    position: relative;
    right: auto;
    bottom: auto;
}
.reviews-slide_name {
    font-size: 16px;
}
.reviews-slider img {
    height: 400px;
}
.reviews-link {
    flex-direction: column;
    gap: 10px;
}
.menu-list li > .sub-menu.active {
    padding-left: 20px;
}
.dropdown .sub-menu a {
    font-size: 12px;
}
.mobile-block {
            flex-direction: column;
}
.breadcrumbs li > span,
.breadcrumbs li > a {
    font-size: 12px;
}
.catalog-banner_btns .btn {
    padding: 20px;
}
    .catalog-filter_slider #slider-range {
        flex-direction: column;
    }
    .catalog-filter_slider .slider-range__input {
    max-width: 100%;
}
.custom-select-trigger,
.catalog-filter_sort-title{
    font-size: 12px;
}
.catalog-filter_sort .custom-select-trigger {
    width: 180px;
        padding: 10px;
}
.catalog-filter_sort {
        align-items: flex-start;
    gap: 10px;
    flex-direction: column;
}
.top-filters_category {
    padding: 14px;
}
.card-form_sposob-radio {
    width: 50px;
    height: 50px;
}
}