@media screen and (min-width: 2000px){
    body {border: 1px solid #dddddd; max-width: 2000px; margin: 0 auto;}
    .logo_block {max-width: 1998px;}
    .burger_menu {max-width: 2000px;}
    #landing .menu_top {max-width: 1998px;}
}
@media screen and (max-width: 1300px){
    .header_index .header_center .right {right: -150px;}
}
@media screen and (max-width: 1200px){
    .header_index .header_center .right {right: -250px;}
    
    .main_index_wrap.etapy .steps {gap: 20px;}
    .main_index_wrap.etapy .etap {width: 100%; margin-bottom: 10px; min-height: auto; min-width: 290px;}
    .main_index_wrap.etapy .etap .etap_wrap {padding: 20px 20px;}
    .steps2 .main_index_wrap.etapy .etap {min-width: 180px; max-width: 180px;}
    .main_index_wrap.etapy .scroll_head_block {overflow-x: scroll; scrollbar-width: thin;}
}
@media screen and (max-width: 1100px){
    .new_header_wrap_wrap .left .title h1 {margin-top: 0;}
    .header_index .header_center .right {right: -350px;}
}


@media screen and (max-width: 1050px){
    .keys_wrap {width: 33%;}
}
@media screen and (max-width: 1000px){
    .new_header .advantage_new.marquee_bulit {flex-wrap: wrap;}
    .new_header_wrap_wrap .right {width: 50%;}
    .master_zamer_wrap .right {position: absolute; bottom: 0; right: 0; max-width: 45%;;}
    .header_index .header_center .right {right: -300px; opacity: .4;}
    .main_materials_block {width: 33%;}
    .imask .left {width: 90%;}
    .imask .right {opacity: .2;}
    #eventpage.landing .imask .right {opacity: 1;}
}
@media screen and (max-width: 930px){
    #eventpage.landing .back_stul {opacity: .2; }
    /*.header_page .right {right: -100px;}*/
    .about_block {flex-wrap: wrap;}
    .about_block .garant .garant_wrap {display: flex; justify-content: space-between;}
    .about_block .garant .garant_wrap .block {width: 32%;}
    .brigada_main .left {width: 30%; padding-right: 10px;}
    .brigada_main .right {width: 70%;}
    .zachem .left {max-width: 300px;}
}
@media screen and (max-width: 850px){
    body .advantage_new {margin-top: 30px;}
    .advantage_new .block {width: 100%; padding-right: 0;}
    .advantage_top {flex-wrap: wrap; width: 100%; margin-top: -45px;}
    .advantage_top .left {width: 100%; padding: 30px 15px 20px; border-radius: 10px 10px 0 0;}
    .advantage_top .right {width: 100%; padding: 20px 20px 0}
    .advantage_top .two_right {width: 100%; padding: 0 10px 20px; max-width: 100%; margin-top: 10px;}
    .advantage_top .two_right img {max-width: 350px;}
    .advantage_top .btn_main_top a {border: 2px solid #000000; color: #000;}
    .advantage_top .right .block .img {padding: 0 10px 0 0;}
    .advantage_top .right .block .title {font-size: 22px;}
    .advantage_top .right .block {padding-bottom: 10px; margin-bottom: 0;}
    .advantage_top .right {align-items: baseline; border-radius: 0 0 10px 10px;}
    .advantage_new .block .lft {margin-right: 8px;}
    .advantage_new .block .rght {padding-right: 10px;;}
    
    .osobennosti {flex-wrap: wrap;}
    .osobennosti .left {width: 100%; padding-right: 0; margin-bottom: 20px;}
    .osobennosti .right {width: 100%; display: flex; flex-wrap: wrap; flex-direction: column-reverse;}
    .osobennosti .right .top_faq {width: 100%;}
    .osobennosti .right .bottom_faq {width: 100%;}
    .osobennosti .slider_faq .image {margin-bottom: 10px;}
    .keys_wrap {width: 48%;}
    .head_raiting {display: none;}
    .back_kviz {right: -200px; opacity: .2;}
}

@media screen and (min-width: 800px){
    .new_header_wrap_wrap .btn_main_top.btn_main_top_800 {display: none;}
}
@media screen and (max-width: 800px){
    .vitrag_wrap_block {width: 50%;}

    .new_header_wrap_wrap {flex-wrap: wrap;}
    .new_header_wrap_wrap .left {width: 100%;}
    .new_header_wrap_wrap .right {width: 100%; padding-left: 0;}
    .new_header_wrap_wrap .btn_main_top.mdelete {display: none;}
    .new_header_wrap_wrap .btn_main_top.btn_main_top_800 {margin-top: 20px;}
    .new_header_wrap_wrap .left .info {margin-top: -10px;}

    #eventpage.landing .header_index {margin-top: 20px;}
    .slova_wrap .block {font-size: 30px; }
    .main_index .usluga_index .usluga {width: 50%;}
    .marquiz_load {right: 10px;}
    #marquiz {right: 10px;}
    .top_garant_wrap {flex-wrap: wrap;}
    .top_garant_wrap .left {padding: 0;}
    .garant_wrap {display: flex; justify-content: space-between;}
    .garant_wrap .block {width: 32%;}
    .main_quiz {padding: 40px 20px 20px;}
}
@media screen and (min-width: 750px){
    .phone_blok_top {display: none;}
    .helper_scroll {display: none;}
    .helper_scroll.price_page {display: block; display: flex;}
    .gk_wrap .block .title_text br {display: none;}
    .header_index .header_center .left .house_mobile {display: none;}
    .imask_photo {display: none;}
    .logo_block .logo_wrap .left .name_text .plusdelete {display: none;}
}
@media screen and (max-width: 750px){
    .kachestva.zachem2 .block {width: 49.7%;}
    .rezultat_landing .helper_scroll {right: 0;}
    .rezultat_landing .left {display: none;}
    .keys_wrap .image .gallery_list_keys .block {height: 230px;}
    .kachestva .title_h2 {margin-bottom: 5px;}
    .kachestva .title_pod_h {font-size: 26px; line-height: 22px;;}
    .kachestva_wrap {flex-wrap: wrap;}
    .kachestva_wrap .block {width: 50%;}
    .kachestva_wrap .block_wrap .title {margin: 10px 0 5px;}
    .zachem_plus {flex-wrap: wrap; gap: 5px; margin-top: 10px;}
    .zachem_plus .block {width: 100%; padding: 15px 20px;}
    .for_wrap .for {flex-wrap: wrap;}
    .for_wrap .for .block {width: 50%; margin-bottom: 20px;}
    .zachem {flex-wrap: wrap; flex-direction: column-reverse;}
    .zachem .left {padding-right: 0; width: 100%;}
    .zachem .left img {width: 100%;}

    .rezultat2_wrap {flex-wrap: wrap;}
    .rezultat2_wrap .block_wrap {width: 50%;}
    .rezultat2_wrap .block {width: 100%; margin-right: 5px;}
    .rezultat2_wrap .block .left {padding: 30px 10px 20px 20px;}
    .rezultat2 .title_pod_h {font-size: 26px;line-height: 22px;}
    .rezultat2_wrap .block .right {width: 40%;}

    .block.youtube {margin-bottom: 5px;}
    .new_header .background_image_header {background-position: center;}
    #eventpage .new_header_wrap {margin-top: 0;}
    .imask_photo img {width: 60%;}
    .zachem .title_h2 {font-size: 30px; line-height: 32px; margin-top: 0;}
    .osobennosti h3 {font-size: 30px; line-height: 32px; margin-top: 0;}
    .main_quiz_compl {flex-wrap: wrap;}
    .main_quiz_compl .block {margin-bottom: 3px;}
    .master_zamer_wrap {background-position: top;}
    .master_zamer_wrap .title_h2 {font-size: 30px; line-height: 32px;}
    .menu_top .menu::after {width: 200px; height: 137px; top: -20px; right: -20px;;}
    .material_block {min-width: 270px;;}
    .material_block .image img {width: 100%;;}
    .srub_wrap .srub {flex-wrap: wrap; flex-direction: column-reverse;}
    .srub_wrap .srub .vedro {width: 100%;;}
    .srub_wrap .srub .vedro img {min-width: 90%; max-width: 90%;}
    .srub_wrap .srub .pluses {margin-bottom: 7px;}
    .other_usluga_wrap .block_wr {max-width: 100%; width: 50%;}
    .phone_blok_top {font-size: 20px; font-weight: bold;color: #ffffff;;}
    .phone_blok_top a {color: #ffffff;}
    .phone_blok_top img {width: 30px; height: 30px;;}
    .brigada_main .right p span {padding: 10px 20px; font-size: 18px;}
    .main_index_wrap .gosti_wrap .right img {width: 50%;}
    .main_index_wrap .gosti_wrap {margin-top: 10px;}
    .otdo .block {min-width: 200px; margin-bottom: 10px;}
    .main_index_padding {padding-right: 10px; padding-left: 10px;}
    body .zakaz_callback::after {opacity: 0.15;}
    body #calculator.landing_quiz_event {height: auto;}
    #calculator_wrap #surveyform .progressbar {display: none;}
    #calculator_wrap .quiz .right .title_h3 .mdelete {display: none;}
    #calculator_wrap .final_zagolovok .rght .face img {width: 70px; height: 70px;}
    #calculator_wrap #surveyform .survey__panel {padding-top: 20px;}
    #eventpage.landing .imask .left {width: 100%; padding-right: 0;;}
    #eventpage.landing .imask .right {width: 100%; }
    #eventpage.landing .menu_top {position: relative;}
    #eventpage.landing .header_index {margin-top: 0; margin-bottom: 55px;}
    #eventpage.landing .header_index .header_center .left {padding: 20px 0 0;}
    .imask .right {display: none;}
    .imask .left {width: 100%; padding-right: 0;}
    .page_step_wrap .block {width: 50%;}
    .page_seo {flex-wrap: wrap;}
    .page_seo .left {padding: 0; width: 100%;}
    .page_seo .right {padding: 0; width: 100%; max-width: fit-content;}
    .list_category {gap: 4px;}
    .mobdelete {display: none;}
    .promo {text-align: center;}
    .footer_vopros .blok {flex-wrap: wrap;}
    .footer_vopros .blok .right img {width: 100%; max-width: 400px;}
    .footer_vopros .blok .right {padding: 0 0 0 0; width: 100%;text-align: left; }
    
    .house .blok {width: 50%;}
    .voprosotvet .container {max-width:100%;}
    .voprosotvet .acc .vopros_h3 {padding:15px 0;justify-content: space-between; font-size: 20px;}
    .voprosotvet .acc .vopros_h3 span {position: relative;right:0;}
    .voprosotvet_box {flex-wrap: wrap;}
    .voprosotvet_box .left {width: 100%; padding-right: 0;margin-bottom: 30px;}
    .voprosotvet_box .right {width: 100%; }
    
    .allkalkulyator .box {padding: 20px 10px; border: 4px solid #fcfcfa;margin-right: 0;margin-bottom: 0; }
    .allkalkulyator .box span {font-size: 20px;}
    .bl_calc{margin:20px 0 0 0; }
    .bl_calc .line .coll{width: 100%;}
    .bl_calc .line .coll.coll_2{width: 100%;}
    .bl_calc .line .coll .bottom .polzunok .ui-slider-handle{width:32px;height:32px; margin-top:-8px;}
    .bl_calc .line .coll .block_result .desc{font-size:18px;}
    .pagecalculator .event_calc {width: 50%; padding: 20px 5px;}
    .pagecalculator .event_calc .title a {font-size: 18px;}

    .logo_block .logo_wrap {padding: 8px 5px;}
    .logo_block .logo_wrap .left .logo img {width: 26px;}
    .logo_block .logo_wrap .right .phone_top {display: none;}
    .logo_block .logo_wrap .right .messenger {display: none;}
    .logo_block .logo_wrap .btn_top {padding: 0 10px;}
    .logo_block .logo_wrap .left .name_logo a {font-size: 20px;}
    .logo_block .logo_wrap .left .name_text {font-size: 15px; margin-right: 5px;}
    .logo_block .logo_wrap .left .name_text .mdelete {display: none;}
    .logo_block .logo_wrap .right .burger {width: 45px;}
    .logo_block .logo_wrap .right .burger span:nth-child(2) {margin: 7px 0 7px 0;}

    .menu_top {}
    .menu_top .menu {flex-wrap: wrap; justify-content: flex-start; padding: 8px 8px;}
    .menu_top .block {margin: 7px 10px;}
    .menu_top .menu .block a {font-size: 18px;}
    .menu_top .menu .block .submenu.submenu {left: -20px; padding-top: 10px; top: 0;}
    .menu_top .menu .block .submenu li a {font-size: 18px;}
    .menu_top .block li {padding: 8px 15px;}
    .menu_top .block.gift img {margin-left: -4px;}
    .menu_top::after {top: 80px;}

    .main_page {padding: 0 10px;}
    .main_index_wrap {padding: 0 10px;}
    h1 {font-size: 26px;}
    h2, h3, h4 {font-size: 22px;}
    .title_h3 {font-size: 22px;}
    .title_h2 {font-size: 22px;}
    .silder_usluga .usluga_block .block .title a {font-size: 17px;}
    /* body .brd_btn {font-size: 16px; padding: 10px 24px; background: #33cc00; border: 2px solid #33cc00; color: #ffffff;}*/
    body .green_btn {font-size: 16px;}
    .messenger .msgr img {width: 34px;}
    .free {height: 67px;}
    .konkurent {bottom: 5px; left: 5px;}
    .konkurent .block {background-size: cover; width: 90px; height: 80px;}
    body .hight_font {font-size: 30px; line-height: 28px;}
    .scroll_head_block {overflow-x: scroll; scrollbar-width: thin;}
    .page_step_wrap {flex-wrap: nowrap;}
    .page_step_wrap.rezultat .block {min-width: 250px;}
    .page_step_wrap.type .block {min-width: 340px;}
    .rezultat_wrap h3 {margin-bottom: 10px;}
    .min_hight_bottom_media {margin-bottom: 10px;}
    .page_step_wrap .block {min-width: 250px;}
    

    /* page */
    .header_page {background-attachment:initial;}
    .page_about .advantage {margin-top: 5px; padding: 10px 10px 10px 3px;}
    .page_about .advantage .left {padding: 0 10px 0 0; width: 55%; position: absolute; z-index: 500; opacity: 0.3;}
    .page_about .advantage .right {width: 75%; margin-left: 25%; position: relative; z-index: 550;}
    .page_about .advantage .title_h2 {font-size: 20px;}
    .page_about .block_photo {flex-wrap: wrap;}
    .page_about .block_photo .left {width: 100%; padding: 0 0 10px 0;}
    .page_about .block_photo .right {width: 100%;}
    .page_about .garantii li {width: 100%; padding: 15px 8px; font-size: 15px;}
    .page_about .garantii li span::before {font-size: 34px;}
    .page_about {margin: 0 0 45px 0;}
    .header_page .header_center h1 {font-size: 30px; line-height: 32px;}
    .header_page .header_center {padding: 20px 10px;}
    .akciya {margin-top: 20px; margin-bottom: 40px;}
    /* page podarok */
    .proekt_podarok {flex-wrap: wrap;}
    .proekt_podarok .left {width: 100%; margin-bottom: 20px;}
    .proekt_podarok .right {width: 100%;}
    .proekt_complete .block {width: 100%; padding: 20px 0;}
    .proekt_complete .block .right {padding-left: 10px;}
    /* page o nas */
    .gk_wrap .block {width: 100%; padding: 0; margin: 0; min-width: 250px;}
    .gk_wrap .block .title_h2 {max-width: 100%; padding: 10px 10px;}
    .gk_wrap .block .title_text {padding: 0 0 0 30px;}
    .gk_wrap .block.kluch {padding: 0;}
    .gk_wrap .block.kluch .image {padding: 0;}
    .main_index_wrap .gosti_wrap {flex-wrap: wrap; margin-bottom: 40px;}
    .main_index_wrap .gosti_wrap .left {width: 100%; margin-bottom: 20px; padding: 0 0 20px 0;}
    .main_index_wrap .gosti_wrap .right {width: 100%;}
    /* page portfolio */
    .afisha_proekt .left {display: none;}
    .afisha_proekt .right {width: 100%; padding: 0;;}
    .category_all a {display: inline-block; background: #ffffff; padding: 5px 10px; border-radius: 5px; margin-bottom: 5px; background: url(/images/bg_menu.jpg) 50% 50%; line-height: 30px; text-decoration: none; color: #000000; margin-right: 5px;}
    .category_all .gift.proektirovanie {margin-left: 0;}
    .category_all .gift {margin-left: 0;}
    .category_all {margin: 20px 0 0 0;}
    .usluga_photo_wrap {padding: 0;}
    /* page proekt */
    .proekt_podarok.proektirovanie .left {width: 100%;}
    .proekt_podarok.proektirovanie .right {width: 100%;}
    .proektirovanie_adv {flex-wrap: wrap;}
    .proektirovanie_adv .block {width: 100%; padding: 20px 0 20px 0; margin-bottom: 10px;;}
    .proekt_complete {margin: 40px 0;}
    /* page contacts */
    .stroiploshadka_wrap {flex-wrap: wrap;}
    .stroiploshadka_wrap .left {width: 100%; margin-bottom: 10px; margin-right: 0;}
    .stroiploshadka_wrap .right {width: 100%; margin-right: 0;}
    /* page price */
    .price_main_dom .price_main_block {flex-wrap: nowrap; }
    .price_main_dom .price_main_block .block {margin-bottom: 20px; padding: 20px 10px 10px 10px; min-width: 340px;}
    .price_main_dom .price_main_block .line {margin: 10px 0;}
    .price_main_dom .price_main_block .block .btn_price_index {margin-top: 20px; justify-content: center;}

    .landing .usluga_index .usluga {width: 50%; margin-bottom: 40px;}
    .afisha_proekt.select_project {margin-bottom: 40px;}
    .landing .usluga_index .usluga .usluga_wrap {margin: 0 5px;}
    .usluga_index .usluga .more {padding: 10px 10px 20px 10px;}
    .usluga_index .usluga .more .brd_btn {padding: 14px 15px; padding-left: 40px;}
    .usluga_index .usluga .more .brd_btn:last-child {margin-right: 0px;}
    .usluga_index .usluga .more .brd_btn.brd_gray {background: none;}
    .usluga_index .usluga .more .brd_btn.brd_gray:hover {background-color: #33cc00;}
    .usluga_index .usluga.nenashli .usluga_wrap {min-height: 300px;}



    .main_index_wrap.raschet::after {display: none;}
    .main_index_wrap.raschet .raschet_wrap {width: 100%; padding: 20px 10px;flex-wrap: wrap;}
    .main_index_wrap.raschet .raschet_wrap .left {width: 100%; margin-bottom: 10px; padding: 0;}
    .main_index_wrap.raschet .raschet_wrap .right {width: 100%; margin: 0;}
    .back_dub {top: 0; bottom: auto; opacity: .5;}
    .back_dogovor {bottom: 100px; left: -300px;}
    .advantage_main .advantage_main_wrap {flex-wrap: wrap;}
    .advantage_main .advantage_main_wrap .left {width: 100%;}
    .advantage_main .advantage_main_wrap .right {width: 100%;}
    .advantage_main .advantage_main_wrap.two {flex-wrap: wrap;}
    .advantage_main .advantage_main_wrap.two .left {width: 100%; padding-left: 0;}
    .advantage_main .advantage_main_wrap.two .right {width: 100%; margin: 0;}
    .advantage_main .advantage_main_wrap.two .right .title_h2 {margin-top: 0;}
    .advantage_main .number_block {min-width: 240px;}
    .number_block .info .title {margin-bottom: 8px;}
    .advantage_main.skidka_page .advantage_main_wrap .left {flex-wrap: wrap;}
    .advantage_main.skidka_page .number_block {min-width: auto; width: 100%;}



    body .slick-prev {left: 0; opacity: 0.6;}
    body .slick-next {right: 5px; opacity: 0.6;}
    .price_main {padding: 0;}
    .price_main_block .block {overflow: auto;}
    .usluga_zamer {padding: 20px 10px;}
    .usluga_zamer .title_h2 {font-size: 26px;}
    .usluga_zamer .title_text {font-weight: normal;}
    .page_contacts .block_contacts {flex-wrap: wrap;}
    .page_contacts .block_contacts .left {width: 100%; padding: 0;;}
    .page_contacts .block_contacts .right {width: 100%;}

    .category_usluga .category_wrap {width: 100%; max-width: 100%; margin: 30px 0 30px 0;}
    .category_usluga .category_block .right {padding: 0 0 0 15px;}
    .category_usluga .category_block .right .title {font-size: 22px;}
    .category_usluga .category_block .right .text ul {margin-top: 5px; margin-bottom: 5px;}
    .category_usluga .category_block .right .more {margin: 5px 0 0 0;}
    .advantage_main .left {width: 100%; display: flex; flex-wrap: nowrap;}
    .advantage_main .right {width: 100%;}
    .advantage_main .right img {margin-top: -20px; margin-right: -20px; width: 60%;}
    .advantage_main .right .title_h2 {margin-top: -40px; ;}
    .advantage_main .right .title_text {padding: 0; font-size: 16px;}
    .advantage_main .advantage_main_title .title_h2 {margin-bottom: 20px;}

    .order_main .left {display: none;}
    body .order_callback {margin-left: 0;}
    .main_index_wrap.order {text-align: left;}
    .order_callback .info .text img {width: 26px;}


    .main_index .usluga_index .usluga .usluga_wrap {margin: 0 5px 0 0;}
    .main_index .usluga_index .usluga .more {padding: 10px 10px 20px 10px; }
    .main_index .usluga_index .usluga .more .brd_btn.brd_gray {padding: 6px 20px;}
    .main_index .usluga_index .usluga .more .brd_btn {padding: 6px 20px; padding-left: 40px;}
    .main_index .usluga_index .usluga .title a {font-size: 24px; display: block; overflow: hidden;}
    .main_index .usluga_index .usluga .price {font-size: 16px;}

    /* index page */
    .header_index {margin-top: 0;}
    .header_index .header_center {padding: 10px 10px 10px 10px;}
    .header_index .header_center .advantage div:before {width: 50px;}
    .header_index .header_center h1 {font-size: 30px; line-height: 30px; margin-bottom: 20px;}
    .header_index .header_wrap {min-height: auto;}
    .header_index .header_center .title_h2.mdelete {display: none;}
    .header_index .header_center .line.mdelete {display: none;}
    .header_index .header_center .advantage div strong {display: contents;}
    .header_index .header_center .right {display: none;}
    .header_index .header_center .title_h2 {font-size: 20px; font-weight: normal; margin-bottom: 0;;}
    .header_index .header_center .left .house_mobile {position: relative; margin-top: 10px; margin-bottom: 20px;}
    .header_index .header_center .left .house_mobile img {width: 100%; border-radius: 15px;}
    .header_index .header_center .header_gift_wrap {margin-bottom: 20px;}
    .header_index .header_center .cloud {top: 50px; left: -400px; width: 1800px;}
    .slova .slova_wrap .block .text {font-size: 26px;}
    .slova {margin: 60px 0 10px;;}
    .slova2 {padding: 30px 0 0 0;}
    .slova2 .slova_wrap .block {padding-right: 10px; font-size: 30px;}
    .garant_plus {top: -100px;}

    .main_index_wrap .family {margin-top: 40px; margin-bottom: 40px;}
    .main_index_wrap .family .left img {width: 80px; height: 80px;}
    .slider_main_wrap .usluga_advantage .slider_advantage .block {width: 100%;}
    .slider_main_wrap {flex-wrap: wrap;}
    .slider_main .left {width: 100%; padding: 0 0 0 0;}
    .slider_main_wrap .slick-dotted.slick-slider {margin-bottom: 0;}
    .slider_main .right {width: 100%;}
    .slider_main .right .advantage div {padding: 6px 15px;}
    .object_main .object_block .block {width: 50%; padding: 5px;}
    body .main_index .advantage_slider {padding: 0;}
    .advantage_slider_wrap {flex-wrap: wrap;}
    .advantage_slider_wrap .left {width: 100%; padding: 0;}
    .advantage_slider_wrap .right {width: 100%;}
    .advantage_slider_wrap .left img {padding: 0 10px 10px 10px;}
    .advantage_slider_wrap .right {padding: 0 10px 0 10px;}
    .director_map {flex-wrap: wrap;}
    .director_map .left {width: 100%; padding-right: 0;}
    .director_map .right {width: 100%;}
    .director_map .left .title_h2 {margin: -20px 0 20px 0;}
    .director_map .left .title_text {margin: 0 0 25px 0}
    .director_map .map_advantage .block {width: 100%; padding: 0 0 20px 0;}    
    .main_quiz .wrap {flex-wrap: wrap;gap: 0;} 
    .main_quiz {padding: 40px 10px; margin: 0 0 10px 0;}
    .main_quiz_wrap {flex-wrap: wrap;}
    .main_quiz_wrap .left {width: 100%;}
    .main_quiz_wrap .right {width: 100%; padding: 0;}
    .main_quiz .quiz_face .title {align-items: start;}
    .main_quiz .title .left img {width: 40px; margin-left: -5px; margin-top: 5px;;}
    .main_quiz .title .right h2 {font-size: 26px;}
    .main_quiz .title .right .title_h2 {font-size: 22px;}
    .main_quiz .wrap .block {margin-bottom: 0; width: 50%; padding-right: 3px; padding-bottom: 20px;}
    .main_quiz .wrap .block:nth-child(even) {padding-right: 0; padding-left: 3px;}
    .main_quiz .wrap .block .floor {margin-top: 5px;}
    .main_quiz .btn_main_top {margin-top: 15px; margin-right: 20px;}
    .tabs label {margin-bottom: 5px;}
    body .main_index_wrap.usluga_price {margin-top: 40px;}
    body .main_index_wrap.usluga_price .garant_cena {width: 100%; padding: 40px 10px;;}    
    #calculator_wrap .final_zagolovok .title_h3 {font-size: 22px; margin-bottom: 0;}
    .quiz {flex-wrap: wrap;}
    .quiz .left {width: 100%; padding: 0; display: flex; padding: 30px 0 0;}
    .quiz .left .image img {width: 90%;}
    .quiz .left .time.animation_wrap {margin-bottom: 10px;}
    .quiz .right {width: 100%; padding: 0;}
    .survey__panel__period label {width: auto; padding: 15px 20px;}
    #surveyform .survey__panel__period label span {width: min-content;}
    .quiz .left .pluses {display: none;}
    .quiz .left .image {width: 35%; ;}
    .quiz .left .time_wrap {width: 65%; margin: 0;}
    .quiz .right .title_h3 {margin-bottom: 0; margin-right: 40px;}
    .quiz .right .info {margin-bottom: 0;}
    .quiz_face .rght {min-width: auto; max-width: 120px;}
    .quiz_face .rght .architector img {width: 100px; height: 100px;}
    .quiz_face .rght .title_text {margin-top: -10px;}
    .main_quiz .quiz_face .pdr20 {padding-right: 10px;}
    #surveyform .progressbar {margin: 10px 0 10px;}
    #surveyform .survey__panel__question {margin-bottom: 20px; margin-top: 20px; font-size: 22px;font-family: 'FiraSans-ExtraBold';}
    #surveyform .survey__panel__satisfaction label, .survey__panel__recommendation label, .survey__panel__personaldetails label, .survey__panel__hearabout label {font-size: 20px; }
    #surveyform .form-group {margin-bottom: 16px;}
    #surveyform .form-group.messquiz .block {font-size: 20px;}
    #marquiz #surveyform .survey__panel .radiobox {display: none;}
    #surveyform .button {font-size: 20px; padding: 10px 20px; }
    #marquiz #surveyform .survey__panel__question {margin-top: 0;}

    .main_materials_block {width: 100%; }
    .main_materials_block .block {margin-right: 0; min-height: 225px; max-height: 225px;}
    .main_materials_block .block .title_text {margin-top: 0;}
    .main_materials_block .block .block_wrap {padding: 0 20px;}
    .main_materials {margin: 40px 0 30px 0;}
    .main_materials_wrap {max-width: 100%; overflow: hidden;}
    .gk_wrap {flex-wrap: nowrap; gap: 20px;}



    /* usluga page */
    .usluga_order_top {flex-wrap: wrap;}
    .usluga_order_top .left {width: 100%;}
    .usluga_order_top .right {width: 100%; margin: 0; margin: 20px 0;}
    body .usluga_order_top .right .block_wrap {margin: 0;}
    .usluga_order_top .left .phone {flex-wrap: wrap;}
    .usluga_order_top .left .phone .btn_main_top {width: 100%; margin: 10px 0;}
    .usluga_order_top .left .phone .phone_block {width: 100%; text-align: center; margin-top: 10px;}
    .usluga_order_top .left .phone .calculator_wrap {font-size: 16px;}
    .header_page .header_center .advantage {margin-left: 10px; font-size: 16px; margin-top: 10px;}
    .header_page .header_center .advantage .tx {width: 80%; }
    .usluga_description {flex-wrap: wrap;}
    .usluga_description .left {width: 100%;}
    .usluga_description .right {width: 100%; padding: 0;}
    .usluga_page .director_face {flex-wrap: wrap; margin: 40px 0 20px 0;}
    .usluga_page .director_face .left {width: 100%; padding: 0;}
    .usluga_page .director_face .right {width: 100%;}
    .director_face .director_advanced {align-items: flex-start;}
    .director_face .director_advanced .block {width: 50%; padding-right: 5px; margin-bottom: 20px;}
    .director_face .director_advanced .block .img {padding: 0 5px 0 0;}
    .director_face .director_advanced .block .img img {width: 35px; padding: 0;;}
    .director_face .director_advanced .block .title {font-size: 26px;}
    .director_map {margin: 20px 0 0 0;}
    .usluga_page .footer_brick {margin: 0 0 30px 0;}
    #eventpage .usluga_page .silder_usluga {margin: 0 0 30px 0;}
    .usluga_page .main_index_wrap.order {margin-top: 40px;}
    .usluga_page .advantage_main {margin: 20px 0 10px 0;}
    .usluga_advantage .slider_advantage .block {width: 90%; margin: 5px 0 5px 0;}
    .usluga_advantage .slider_advantage {align-items: center;}
    .usluga_advantage .slider_advantage .block_wrap {padding: 10px 0;}
    .header_event_page .event_material img {width: 20px;}
    .usluga_page .materials {padding: 30px 20px 10px;}

    .event_page_wrap {flex-wrap: wrap;}
    .event_page_wrap .left {width: 100%; padding: 0; max-width: 100%;}
    .event_page_wrap .right {width: 100%; padding: 30px 10px;}
    .event_page_wrap .right .deadlines {margin: 20px 0 0}
    .event_page_wrap .right .prices {margin: 0 0 40px 0;}
    .main_index_wrap.etapy h3 {margin-bottom: 10px;}
    .steps2 .title {margin-top: 10px; margin-bottom: 10px;}
    .price_main_dom.event_table {padding: 0; background: none; box-shadow: none;}
    .price_main_dom.event_table .price_main_block .block {border-radius: 10px; box-shadow: 0 10px 25px 0 rgba(6, 12, 34, 0.1);background: #ffffff; }
    .event_page_wrap .right .btn_main .arrow::before {background-size: cover; width: 40px;}
    .event_page_wrap .right .btn_main .btn_popup.green_btn {padding: 8px 15px;}
    .event_page_wrap .right .btn_main a:last-child {margin-right: 0;}
    


    


    /* footer */
    body .btn_bottom .green_btn.calc.ldbtn {font-size: 24px;}
    .footer .footer_wrap {flex-wrap: wrap; padding: 30px 5px 20px 5px; }
    .footer .footer_wrap .left {max-width: 100%; display: flex; flex-wrap: wrap; justify-content: center;}
    .footer .footer_wrap .left .info {text-align: center; }    
    .footer .footer_wrap .left .logo img {width: 40px;}
    .footer .footer_wrap .left .logo a {font-size: 28px;}
    .footer .footer_wrap .left .btn_bottom {margin: 10px 0 20px 0;justify-content: center;}
    .footer .footer_wrap .center {width: 100%;display: flex; flex-wrap: wrap; justify-content: center;}
    .footer .footer_wrap .center .title {width: 100%; margin: 0 0 -10px 0; text-align: center;}
    .footer .footer_wrap .center .menu li {list-style: none; margin-left: 0; text-align: center; display: flex; justify-content: center;}
    .footer .footer_wrap .center .menu li a {text-decoration: none; font-size: 24px; padding: 12px 30px; /* background: #ccc; color: #ffffff; */ border-radius: 5px; display: block; margin-bottom: 5px; width: fit-content; border: 1px solid #000000;}  
    .footer .footer_wrap .center .menu li a:hover {background: #33cc00; border: 1px solid #33cc00; color: #ffffff;}  
    .footer .footer_wrap .right {width: 100%; display: flex; flex-wrap: wrap; justify-content: center; margin-top: 10px;}
    .footer .footer_wrap .right .phone a {font-size: 22px;}
    .footer .footer_wrap .right .phone {width: 100%; text-align: center;}
    .footer .footer_wrap .right .contacts {width: 100%; text-align: center; font-size: 16px;}
    .footer .footer_wrap .right .messenger {width: 100%; text-align: center;}
    .footer .footer_privacy span {max-width: 100%; font-size: 12px; text-align: center;}
    .footer .footer_privacy {padding: 0 5px 10px 5px;}
    .footer .footer_privacy .line {padding: 5px 0 0 0;}

    /* mobile menu */
    .burger_menu_wrap .burger_menu_block .logo a {font-size: 24px; ;}
    .burger_menu_wrap .burger_menu_block .logo {margin-bottom: 20px;}
    .burger_menu_wrap .burger_menu_block .menu li {margin-left: 0; margin-bottom: 0; display: flex; ;}
    .burger_menu_wrap .burger_menu_block .menu li a {text-decoration: none; font-size: 18px; padding: 8px 25px; border-radius: 5px; display: block; margin-bottom: 5px; width: fit-content; border: 1px solid #000000;}
    .burger_menu_wrap .burger_menu_bottom .phone a {font-size: 22px;}
    .burger_menu_wrap .burger_menu_bottom .contacts {font-size: 16px;}
    .burger_menu_wrap .burger_menu_block .logo img {width: 38px; ;}
    .burger_menu_wrap .burger_menu_block {padding: 0 20px;}

    /* zakaz popup */
    body .zakaz_callback {padding: 15px 15px;}
    body .zakaz_callback .text {font-size: 15px;}
    body .zakaz_callback .title_h3 {font-size: 22px;}
    .zakaz_callback .block {margin: 5px 0;}
    .zakaz_callback .check_privacy {font-size: 14px;}
    .zakaz_callback .block.radio fieldset div {font-size: 20px; }
    .zakaz_callback .block.title {margin: 20px 0 0 0;}

    /* feedback contacts */
    body .order_callback {border-radius: 10px;}
    .order_callback .block {margin: 5px 0;}
    .order_callback .block input {font-size: 18px; height: 45px;}
    .order_callback .block select {font-size: 18px; height: 45px;}
    .order_callback .block textarea {font-size: 18px; height: 70px;}

    /* */
    .usluga_order_top .right .block_wrap .block input {height: 45px; font-size: 18px;;}
    .usluga_order_top .right .block_wrap .block textarea {height: 80px; font-size: 18px;;}
    .usluga_order_top .right .block_wrap .block {margin: 5px 0;}
    body .usluga_order_top .right .block_wrap {padding: 10px 20px; border: none;}

    .main_index_wrap .gosti_wrap .right iframe {min-height: 350px;}
    .slider_main .left .block {display: flex; justify-content: center;}
    .slider_main .left .block img {width: 60%;}

    .steps_wrap .etap.step {min-width: 500px;}
}

@media screen and (max-width: 650px){
    .sale_wrap {flex-wrap: wrap;}
    .sale_wrap .left {width: 100%; padding-right: 0; margin-bottom: 10px;}
    .sale_wrap .right {width: 100%;}
    .master_zamer_wrap .pluses {flex-wrap: wrap;}
    .master_zamer_wrap .pluses .block {width: 100%; margin-bottom: 10px;}
    .master_zamer_wrap .pluses .block .galka {top: auto; margin: 12px 0 5px;;}
    .master_zamer_wrap .pluses {margin: 30px 0 20px 0;}
    .master_men .pole_zamer .block {width: 100%;}
    .master_men .pole_zamer .block input {width: 100%;}
    .beer_slider {max-width: 650px; max-height: 506px; }
    body .beer-slider {max-width: 650px; max-height: 506px; }

    .proektirovanie_wrap {flex-wrap: wrap; width: 100%;}
    .proektirovanie_wrap .left {padding-right: 0; margin-bottom: 7px; width: 100%;}
    .proektirovanie_wrap .left .text span {display: block; margin-top: 20px;}
    .proektirovanie_wrap .left .text span img {width: 25px; height: 25px; margin-top: -5px;;;}
    .proektirovanie_wrap .right {min-width: auto; width: 100%; left: 0; margin-left: 0;}

    .main_quiz {padding: 10px 10px;}
    .main_quiz {flex-wrap: wrap; flex-direction: column-reverse;}
    .main_quiz .right {max-width: 100%; margin-bottom: 20px; display: flex; padding: 20px 20px 5px;;}
    .main_quiz .right .right_face {margin-bottom: 0; max-width: 150px; padding-right: 10px;}
    .main_quiz .right .title_text {font-size: 14px; padding: 10px 10px; margin-top: -40px;}
    .main_quiz .btn_main_top {margin-right: 0; margin-top: 0;}
}


@media screen and (max-width: 600px){
    .osobennosti .left {max-height: 500px; overflow: auto;}
    .srub_wrap .srub .block .pluses {width: 100%; margin-bottom: 10px;}
    .srub_wrap .srub .block {max-height: 400px; overflow: auto;}
    .beer_slider {max-width: 600px; max-height: 467px; }
    body .beer-slider {max-width: 600px; max-height: 467px; }
    .burger_menu {background-position: left;}
    
    .main_index_wrap.portfolio {margin-bottom: 100px; margin-top:0;}
    .zakaz_callback .block input {height: 55px;}
    .zakaz_callback .block select {height: 55px;}
    .steps_wrap .etap.step {min-width: 400px;}
    .main_quiz .btn_main_top a {margin-right: 5px;}
    .otdo {margin-bottom: 40px;}
    .brigada_main {flex-wrap: wrap; margin-bottom: 10px;}
    .brigada_main .left {width: 100%; padding: 0; margin-bottom: 7px;}
    .brigada_main .left img {width: 60%;}
    .brigada_main .right {width: 100%;}

    .advantage_main .right img {width: 70%;}
    .rezultat_landing .left {width: 70%; position: absolute; z-index: 50; right: -50px; top: -100px; opacity: .3;;}
    .rezultat_landing .right {width: 100%; position: relative; z-index: 55;}
    .rezultat_wrap h3 {padding-right: 50px;}
    .menu_top .menu .block.spisok .submenu.submenu {left: -30px;}
    .imask_photo img {width: 100%; }
    .event_page_wrap .right .specifications .block {width: 100%; margin-bottom: 10px;} 
    .event_page_wrap .right .specifications {margin-bottom: 20px;}
    .about_block .garant .garant_wrap {flex-wrap: wrap;;}
    .about_block .garant .garant_wrap .block {width: 100%;}
    .photo_block .lft {display: none;}
    .usluga_index .usluga .image .gallery_list {max-height: 200px; overflow: hidden;}
    .landing .usluga_index .usluga .image .gallery_list {max-height: 300px; overflow: hidden;}
    .garant_wrap {flex-wrap: wrap; margin-bottom: 40px;}
    .garant .garant_wrap .block {width: 100%; margin-bottom: 5px;}
    .main_index .usluga_index .usluga {width: 100%;}
    .main_index .usluga_index .usluga .usluga_wrap {width: 100%;margin: 0;}
    .landing .usluga_index .usluga {width: 100%; padding: 0;}
    .landing .usluga_index .usluga .usluga_wrap {margin: 0;}
    .usluga_index .usluga .info ul {margin-top: 0; margin-bottom: 0;}
    .proektirovanie_wrap .pdr20 {padding-right: 0;}
    .proektirovanie_wrap {flex-wrap: wrap; position: relative; padding: 30px 15px;}
    .proektirovanie_wrap .left {position: relative; z-index: 5000;}    
    .proektirovanie_wrap .right {position: relative; z-index: 50; max-width: 100%; text-align: center;}
    .proektirovanie_wrap .right img {max-width: 70%;}
    .proektirovanie_wrap .title_h4 {font-size: 20px;}
    .marquiz_load {right: 10px; left: 10px; max-width: 100%; padding-top: 13px; padding-bottom: 13px; padding-left: 15px;}
    .marquiz_load .marquiz_wrap {justify-content: space-around;}
    #marquiz {right: 10px; left: 10px; max-width: 100%; top: 140px;}
    #marquiz .zakaz_callback_wrap {max-height: 100%;}
    .marquiz_load .animate-flicker {top: -20px;}
    #topcontrol {display: none;}
    body .fancybox-button {width: 55px; height: 55px; ;}
    body .zakaz_callback.landingld .info.skidka .title_h3 {font-size: 18px;}
    .skidka.animation_icon .title_h3 span {margin-left: 0;}
    .main_index_wrap.raschet .title_h4 {font-size: 20px;}
    body .main_index .advantage_slider .advantage_slider_wrap_wrap {padding-top: 30px;}
    .back_house {opacity: .3;}
    .back_ruller {opacity: .4;}
    .gk_wrap .block .title_h3 {padding: 0;}
    .main_index_wrap.raschet .right .calculator {bottom: -50px;}
}


@media screen and (max-width: 550px){    
    .vitrag_wrap_block {width: 100%;}
    .vitrag_wrap_block .block {min-height: 170px;}

    .other_usluga_wrap .block_wr {width: 100%; margin-bottom: 5px;}
    .other_usluga_wrap span img {width: 50px; height: 50px;}
    .other_usluga_wrap .block a {font-size: 18px;}
    .back_kviz {top: 600px;}
    .header_index .header_wrap_back {background-position-x: -500px}
    .zakaz_callback .info {margin-top: 15px;}
    .main_quiz .right .mdelete {display: none;}
    .quiz_title .left {display: none;}
    .main_quiz .right .right_text {display: none;}
    .main_quiz .right .right_get .title {font-size: 24px;}
    .main_quiz .right .right_get ul li {font-size: 18px;}
    .quiz_title .left {padding-right: 10px;}
    .advantage_new .block_wrap {width: 100%;}
    body .header_index .header_center .btn_main_top {flex-wrap: wrap;}
    body .header_index .header_center .btn_main_top .green_btn.arrow {margin-bottom: 5px;}
    .header_index .header_center .title_h2 img {width: 20px;}
    .header_index .header_center .title_h2 {margin-bottom: 20px; line-height: 20px;}
    .quiz .left .time {margin-top: 0; margin-bottom: 10px;}
    .quiz .right #surveyform .mdelete {display: none;}
    .quiz_face .rght .title_text .mdelete {display: none;}
    #marquiz .zakaz_callback_wrap {max-width: 400px;}
    
    .short_text {margin-bottom: 40px;}
    .main_quiz {padding: 10px 10px;}
    .zima {margin-top: 40px;}
    .main_index_wrap.portfolio .title_text {margin: 0;}
    .advantage_main {margin: 40px 0 50px 0;}
    body .order_callback {padding: 10px 15px; } 
    .page_step_wrap .block {width: 100%;}
    .logo_block .logo_wrap .btn_top .mdelete {display: none;}
    .logo_block .logo_wrap .btn_top .calc {height: 48px; background-position-x: 3px; background-size: 28px; padding: 0 17px;}
    .quiz_face .rght {display: none;}
}

@media screen and (max-width: 550px){
    .step_work_wrap .block {padding: 40px 20px 20px 20px;;}
    .rezultat_landing .left {width: 70%; ; margin-top: -30px; opacity: .4;}
    .main_index_wrap.family_block {flex-wrap: wrap; margin-top: 80px;}
    .main_index_wrap.family_block .left {padding-right: 0; width: 100%; display: flex; justify-content: center;}
    .main_index_wrap.family_block .left img {width: 70%;}

    .steps_wrap .etap.step {min-width: 350px;}
}


/* css landing page */

@media screen and (min-width: 750px){
    .feedback_block .right .face {display: none;}
}


@media screen and (max-width: 800px){    
    #landing .usluga_index .usluga {width: 48%; }
}

@media screen and (max-width: 750px){
    #eventpage.landing .logo_block .logo_wrap .right .phone_top {display: block; padding: 0; padding-left: 0;}
    .landing .logo_block .logo_wrap .right .phone_top .whatsapp {display: none;}
    .landing .logo_block .logo_wrap .right .phone_top .phone a::before {content:''; display: block; background: url(/images/phone_mobile.svg); width: 40px; height: 42px; background-repeat: no-repeat; background-size: cover; margin-right: 5px;}
    .landing .logo_block .logo_wrap .right .phone_top .phone a span {display: none;}
    #landing .header_index .header_center h1 {font-size: 30px; line-height: 30px;}
    .header_index .header_center .advantage {margin-top: 40px;}
    .header_index .header_center .advantage .advantage_wrap {padding: 30px 15px;}
    .title_text.more {max-width: 100%;}
    body .green_btn {padding: 12px 20px;}
    .btn_main_face .btn_popup {width: 100%;}   

    #landing .menu_top {position: relative; width: auto; border-radius: 5px;}
    #eventpage.landing .logo_block.shadow {box-shadow: 0 20px 40px rgba(0,0,0,.14);}
    .feedback_block .left {display: none;}
    .feedback_block .right {width: 100%;}

    .landing_quiz .quiz .left .image img {width: 90px; height: 90px; border-radius: 50%; -o-object-fit: cover; object-fit: cover;}
    .landing_quiz .quiz .left .image {margin-right: 5px; width: auto;}
    .landing_quiz .quiz .left .time {width: auto;}
    body #calculator.landing_quiz .final_zagolovok {margin-bottom: 0;}
    .landing_quiz .quiz #surveyform .survey__panel__period .form-group {width: 100%; margin-right: 0;margin-bottom: 5px; min-height: 70px;}
    .landing_quiz .quiz .survey__panel__period label {padding: 5px 20px; width: 100%; min-height: 70px;}
    body #calculator.landing_quiz .none_mobile {display: none;}
    body #calculator.landing_quiz .quiz .right .title_h3 {}
}

@media screen and (max-width: 600px){
    .srub_wrap .srub .vedro img {min-width: 100%; max-width: 100%;}
    .sale_wrap {padding: 30px 20px;}
    .back_dub {opacity: .2;}
    .phone_blok {padding: 30px 10px;}
    body #calculator .left.final_face.none_mobile {display: none;}
    #surveyform .survey__panel__period .form-group {width: 100%; margin-right: 0;margin-bottom: 5px; }
    #surveyform .survey__panel__period label span {width: auto;}
    #landing .usluga_index .usluga {width: 100%; margin-right: 0;}
    .btn_main_face {flex-wrap: wrap;}
    .btn_main_face a {margin-bottom: 5px;}
    body .btn_bottom .green_btn.calc.ldbtn .mdelete {display: none;}
    .header_index .header_center .tree {display: none;}

    body .dogovor_onload h1,h2,h3 {font-size: 24px;}
    body .dogovor_onload {font-size: 14px; padding: 30px 20px;}
}

@media screen and (max-width: 550px){
    .garant_plus {top: -180px;}
    .beer_slider {max-width: 550px; max-height: 428px; }
    body .beer-slider {max-width: 550px; max-height: 428px; }
}

@media screen and (max-width: 500px){
    .advantage_top .two_right .image {display: flex; justify-content: center;}
    .srub_wrap .title_h2 {line-height: 28px;}
    .kachestva.zachem2 .block {width: 100%;}
    .kachestva.zachem2 .kachestva_wrap .block_wrap {padding: 10px 10px;}
    body .advantage_new {margin-top: 20px;}
    .master_zamer_wrap .right {max-width: 60%; opacity: .7;}
    .price_main_dom .price_main_block .block {min-width: 300px;}
    .page_step_wrap.type .block {min-width: 300px;}
    .beer_slider {max-width: 500px; max-height: 389px; }
    body .beer-slider {max-width: 500px; max-height: 389px; }
}

@media screen and (max-width: 450px){
    .kachestva_wrap {max-height: 360px; overflow: auto;}
    .kachestva_wrap .block {width: 100%;}
    .kachestva_wrap .block_wrap {padding: 0 0 10px; display: flex;}
    .kachestva_wrap .block_wrap .image {padding-right: 10px;}
    .kachestva_wrap .block_wrap .image img {width: 50px;}
    .kachestva_wrap .block_wrap .title {margin: 0 0 3px;}

    .main_quiz .right .right_face {max-width: 120px;}
    .beer_slider {max-width: 450px; max-height: 350px; }
    body .beer-slider {max-width: 450px; max-height: 350px; }
}

@media screen and (max-width: 400px){
    .master_zamer_wrap .right {max-width: 70%; opacity: .5;}
    .beer_slider {max-width: 400px; max-height: 311px; }
    body .beer-slider {max-width: 400px; max-height: 311px; }
}