@media screen and (max-width: 800px) {
    body {
        min-width: 300px;
    }
    
    header {width:90%;}
    header ul {margin-left:70px;text-align: right; margin-top:10px;}
    
    header ul li {display: none;}
    
    header ul li:nth-child(4){position: absolute; left: 20px; top: 10px; display: block; }
    header ul li:hover, header ul li a:hover {text-decoration: none !important;}
    .main_drop_menu_wrap {display:none !important;}
    
    header ul li img {width:75px; height:90px;}
    
    .content_wrap {height:450px;}
    .second_menu_wrap {display: none;}
    
    .m1 {min-width:300px !important;}
    
    .house_type_block {margin: 10px 25px 0;}
    
    .infra_wrap {width:100%;}
    .infra {display:block;}
    .infra_img {width:100%;}

    .infra_icons {width:100%;flex-wrap: nowrap; float:none; overflow: scroll;}
    .infra_icons_block {padding: 10px 5px 0;}
    .infra_small_img_wrap {left:auto}
    
    .infra_descr {padding: 20px 20px 10px; float: none; width: auto;}
    
    .flex-control-thumbs {left:0; bottom:0; padding: 10px 15px 0;}
    .infra_img img, .infra_img div {height:250px;}
    .flex-control-thumbs li {margin-bottom: 10px;}
    .flex-control-thumbs img {height:auto;}
    
    .contacts_info_wrap {display:block;}
    .ya_map_wrap {width:100%; height:250px;}
    .contacts_text {width:100%}
    .adress_block {padding:20px; min-height: 0}
    .how_to_get {position: relative}
    .how_to_get_icons {margin-right: 0;}
    
    .top_footer {display: block; width: 90%}
    .footer_menu_wrap {width:100%}
    .footer_menu {margin-right:20px;}
    .footer_socials_wrap {width:100%; margin-left: 0;}
    .footer_socials_wrap p {width:100%; white-space: nowrap;}
    .bottom_footer {width:90%;}
    
    .header__burger {display: block}
    .header__menu {display: block;}
    .sub {margin-left:20px;}

/*    
    .m1 {display:flex; flex-wrap: wrap;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            -webkit-flex-wrap: wrap;
            -moz-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            -o-flex-wrap: wrap;
    }
*/
    .m1 {display:block;
    }
    .m_map_1 {float:none;}
    
    
    
    .m_legend_1 {position: relative; border-bottom: 1px solid #999; border-top: 1px solid #999; width:100%;left:0;margin:10px 0;}
    .m_legend_1 .m_info_1 h2 {margin-top:0;}
    .m_info_1 p.fb_tt_close {display:block;}
    
    #fb_in {width:auto;}
    #fb_form .input, #fb_form .textarea, #forum_form .input_text, #forum_form .textarea {width:auto;}
    
    .description_block {width:100%; margin-bottom: 20px;}
    .house_card_wrap {min-height: auto;}
    .house_card_callback_wrap a {line-height: 1.2em;padding-top: 15px; padding-bottom: 15px;}

    section.preference_wrap {display:block;}
    section.preference_wrap div {
        height: 200px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        text-align: center;
        color: #fff;
        padding: 0;
        padding-top:40px;
        position:relative;
        border: 1px solid;
    }
    section.preference_wrap div::before{top:0; left:0;content: " ";width: 100%; height: 100%; background-color:#000; position: absolute; opacity: 0.5;}
    section.preference_wrap div p {
        position: absolute;
        width: 100%;
        margin: 20px auto 0;
        font-size: 1.25em;
        text-transform: uppercase;
        font-weight: 400;
    }
    section.preference_wrap div span {
        font-size: 1em;
        position: absolute;
        font-weight: 200;
        padding: 0 20px;
        width: 100%;
        margin: 60px auto 0;
        left: 0;
    }

    .full_descr {display:none;}
    
    .about_vilage_img {float:none !important; margin: 0 0 0 30% !important;}
    .about_vilage_text {float:none !important; width:auto;}
    .news_item {display: block;}
    .info_block img {width:100% !important; height:auto !important;}
    .info_block iframe {width:auto !important; height:auto !important;}
    
    .contacts_wrap blockquote {margin:0;}
    .contacts_wrap ul {padding-left:10px;}
    
    .content_wrap h1, .genplan_wrap h1, .house_types_wrap h1, .infra_wrap h1, .contacts_wrap h1, .preference_wrap h1, .adress_block h2, .infra_descr h2 {font-size: 1.7em;}
}