@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: 1000px){
    .main_materials_block {width: 33%;}
    .header_index .header_center .right {margin-left: -300px;}
}
@media screen and (max-width: 800px){
    .main_index .usluga_index .usluga {width: 50%;}
    .marquiz_load {right: 10px;}
    #marquiz {right: 10px;}
}
@media screen and (min-width: 750px){
    .helper_scroll {display: none;}
    .gk_wrap .block .title_text br {display: none;}
    .header_index .header_center .left .house_mobile {display: none;}
}
@media screen and (max-width: 750px){
    body #landing .usluga .btn_popup.brd_btn {font-size: 20px;}
    .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 .right .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: 14px; color: #aaaaaa; 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 {margin-right: 5px; margin-left: 5px; margin-top: 5px;}
    .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: -120px; padding-top: 10px; top: 0;}
    .menu_top .menu .block .submenu li a {font-size: 16px;}
    .menu_top .block li {padding: 8px 15px;}
    .menu_top .block.gift img {margin-left: -4px;}
    .menu_top .menu::after {right: -150px;;}

    .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;}*/
    .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: 32px;}
    .scroll_head_block {overflow-x: scroll; scrollbar-width: thin;}
    

    /* page */
    .header_page {background-attachment:initial; margin-bottom: 0;}
    .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; align-items: start;}
    .gk_wrap .block.kluch .image {padding: 0;}
    .main_index_wrap .gosti_wrap {flex-wrap: wrap;}
    .main_index_wrap .gosti_wrap .left {width: 100%; margin-bottom: 20px;}
    .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: 250px;}
    .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;}

    .usluga_index .usluga {width: 100%; margin-bottom: 80px;}
    .afisha_proekt.select_project {margin-bottom: 40px;}
    .usluga_index .usluga .usluga_wrap {margin: 0;}
    .usluga_index .usluga .more {padding: 10px 10px 20px 10px;}
    .usluga_index .usluga .more .brd_btn {padding: 8px 12px;}
    .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;}
    .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;}

    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_block .right {padding: 0 0 0 5px;}
    .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 .advantage_main_wrap.scroll_head .left {width: 100%; display: flex;}
    .advantage_main .left {width: 100%; }
    .advantage_main .right {width: 100%;}
    .advantage_main .right img {margin-top: -10px;}
    .advantage_main .right .title_h2 {margin-top: -40px; ;}
    .advantage_main .right .title_text {padding: 0; font-size: 16px;}

    .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 {margin-top: 3px; padding: 6px 20px;}
    .main_index .usluga_index .usluga .more .brd_btn {padding: 6px 20px}
    .main_index .usluga_index .usluga .title {margin: 0;}
    .main_index .usluga_index .usluga .title a {font-size: 18px; display: block; overflow: hidden;}

    /* index page */
    .header_index {background-attachment: local;}
    .header_index .header_center {padding: 50px 10px 90px 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: -20px; margin-bottom: 20px;}
    .header_index .header_center .left .house_mobile img {width: 100%;}
    .header_index .header_center .header_gift_wrap {margin-bottom: 20px;}
    .header_index .header_center .cloud {top: 50px; left: -200px;}
    .advantage_new .block {width: 100%; padding-right: 0; margin-bottom: 20px;}

    .advantage_top {flex-wrap: wrap; width: 100%;}
    .advantage_top .left {width: 100%; padding: 10px 15px; border-radius: 10px 10px 0 0;}
    .advantage_top .right {width: 100%; padding: 20px 20px}
    .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 .img img {width: 25px; padding: 0;}
    .advantage_top .right .block .title {font-size: 22px;}
    .advantage_top .right .block {padding-bottom: 10px; width: 50%;}
    .advantage_top .right {align-items: baseline; border-radius: 0 0 10px 10px;}    
    .advantage_top .two_right {width: 100%; padding: 0 10px 20px; max-width: 100%;}
    .advantage_top .two_right img {max-width: 350px;}

    .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 10px 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 10px 10px 10px;}
    .advantage_slider_wrap .right {width: 100%;}
    .advantage_slider_wrap .left img {}
    .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 {padding: 40px 10px; margin: 0 0 40px 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 .vopros .title {font-size: 22px;}
    .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;;}
    .quiz {flex-wrap: wrap;}
    .quiz .left {width: 100%; padding: 0; display: flex; align-items: center; padding: 30px 0 0;}
    .quiz .right {width: 100%; padding: 0;}
    .survey__panel__period label {width: auto; padding: 15px 20px;}
    .quiz .left .pluses {display: none;}
    .quiz .left .image {width: 35%; padding-right: 10px;;}
    .quiz .left .time {width: 65%; margin: 0;}
    .quiz .right .title_h3 {margin-bottom: 0;}
    .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;}
    .quiz_face .rght .title_text .mdelete {display: none;}
    .main_quiz .quiz_face .pdr20 {padding-right: 10px;}
    #surveyform .progressbar {margin: 10px 0 10px;}
    #surveyform .survey__panel__question {margin-bottom: 0; margin-top: 20px; font-size: 22px;}
    #surveyform .survey__panel__satisfaction label, .survey__panel__recommendation label, .survey__panel__personaldetails label, .survey__panel__hearabout label {font-size: 20px;;}
    .quiz .right #surveyform .mdelete {display: none;}
    #surveyform .form-group.messquiz .block {font-size: 20px;}
    #marquiz #surveyform .survey__panel .radiobox {display: none;}
    #surveyform .button {font-size: 20px; padding: 10px 20px; margin-right: 5px;;;}
    #surveyform .button:last-child {margin-left: 0;}
    #marquiz #surveyform .survey__panel {padding: 0 0 10px 0;}
    #marquiz #surveyform .survey__panel__question {margin-top: 0;}
    #marquiz #surveyform .form-buttons {margin-left: 0;}

    .main_materials_block {width: 100%; }
    .main_materials_block .block {margin: 0; min-height: 265px; max-height: 265px;}
    .main_materials_block .block .title_text {margin-top: 0;}
    .main_materials_block .block .block_wrap {padding: 30px 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;}
    body .usluga_page .btn_main_top .brd_btn {background: none; border: 2px solid #000000; color: #000;}
    .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;}
    .main_index_wrap.etapy .steps {gap: 20px;}
    .main_index_wrap.etapy .etap {width: 100%; margin-bottom: 10px; min-height: auto; min-width: 300px;}
    .main_index_wrap.etapy .etap .etap_wrap {padding: 20px 20px;}
    .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 */
    .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: 26px; font-weight: bold;}
    .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: 22px; padding: 7px 20px; /* 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; }
    .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: 22px; text-transform: none;}
    .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: 20px;}
    .zakaz_callback .block input {font-size: 18px; height: 45px;}
    .zakaz_callback .block select {font-size: 18px; height: 45px;}
    .zakaz_callback .block textarea {font-size: 18px; height: 70px;}
    .zakaz_callback .block {margin: 5px 0;}
    .zakaz_callback .check_privacy {font-size: 12px;}
    .box_label_input .label_input {font-size: 16px;}

    /* feedback contacts */
    body .order_callback {padding: 10px 10px; 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;}


}

@media screen and (max-width: 600px){
    .main_index_wrap.raschet .title_h4 {font-size: 20px;}
    .main_index_wrap.raschet .right .calculator {bottom: -50px;}
    .main_index .usluga_index .usluga {width: 100%;}
    .main_index .usluga_index .usluga .usluga_wrap {width: 100%;}
    .main_quiz .wrap {flex-wrap: wrap;gap: 0;} 
    .main_quiz .wrap .block {margin-bottom: 20px; width: 50%; padding-right: 3px;}
    .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;}
    .proektirovanie_wrap .pdr20 {padding-right: 0;}
    .proektirovanie_wrap {flex-wrap: wrap; position: relative;}
    .proektirovanie_wrap .left {position: relative; z-index: 5000;}    
    .proektirovanie_wrap .right {position: relative; z-index: 50; max-width: 100%; margin-top: 20px; text-align: center;}
    .proektirovanie_wrap .right img {max-width: 90%;}    
    .marquiz_load {right: 10px; left: 10px; max-width: 100%; padding-top: 13px; padding-bottom: 13px;}
    .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; ;}
    .back_house {opacity: .3;}
    .back_ruller {opacity: .4;}
    .gk_wrap .block .title_h3 {padding: 0;}
}


@media screen and (max-width: 550px){
    .logo_block .logo_wrap .right .btn_top .mdelete {display: none;}
    .logo_block .logo_wrap .right .btn_top .calc {height: 48px; background-position-x: 0; background-size: auto; padding: 0 15px;}
    .quiz_face .rght {display: none;}
}



/* 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){
    #landing .logo_block .logo_wrap .right .phone_top {display: block; padding: 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;}
    #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;}
    #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; font-size: 18px;}
    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 {margin-top: 20px;}
}

@media screen and (max-width: 600px){
    .zakaz_callback .block.radio label {margin-bottom: 5px;}
    .zakaz_callback .block.radio input {margin-bottom: 5px;}
    body .marquiz_face_block {align-items: start;}
    body #calculator .mdelete {display: none;}
    #calculator .quiz .right .title_h3 .mdelete {display: none;}
    #marquiz .zakaz_callback_wrap {max-width: 400px;}
    #landing .usluga_index .usluga {width: 100%; margin-right: 0;}
    .btn_main_face {flex-wrap: wrap;}
    .btn_main_face a {margin-bottom: 5px;}
}