/*====================================================== X 1360px ======================================================*/
@media screen and (max-width: 1380px) {

    header ul {
        margin: 0 auto 20px auto;
    }

    header ul li a {
        font-size: .875em;
    }

    header ul li img {
        width: 91px;
        height: 120px;
    }

    .main_drop_menu li {

        height: 36px;
        line-height: 36px;
        text-align: left;
        border-bottom: 1px dashed #ccc;
        margin: 0;
    }


    .content_wrap h1 {
        color: #fff;
        font-size: 2.75em;
        font-weight: 300;
        margin: 0;
        padding: 250px 0 100px;

    }








    .second_menu li {
        position: relative;
        display: block;
        width: 150px;
        height: 150px;
    }

    .second_menu li a {
        display: block;
        width: 100%;
        height: 100%;
        margin: 0 auto;
    }

    .front_block {
        width: 150px;
        height: 150px;
        text-align: center;
        color: #fff;
        text-transform: uppercase;
        font-size: .875em;
        background: #00b5f3;
        z-index: 3;
        position: absolute;
    }

    .front_block img {
        width: 70%;
        height: 70%;
    }

    .middle_block {
        border: 2px solid #fff;
        width: 150px;
        height: 150px;
        z-index:2;
        opacity: 1;
        transition: .4s ease all;
        transform: rotate(45deg);
        top: 0; left: 0px; bottom: 0; right: 0;
        position: absolute;
        margin: 0 auto;
    }

    .second_menu a:hover .middle_block {
        opacity: .0;
        width: 170px;
        height: 170px;
    }

    .back_block {
        background: #00b5f3;
        opacity: .75;
        width: 150px;
        height: 150px;
        transform: rotate(45deg);
        position: absolute;
        top: 0; left: 0; bottom: 0; right: 0;
        z-index: 1;
        transition: .4s ease all;
        border: 2px solid #fff;
    }

    .second_menu a:hover .back_block {
        background: none;
        transform: rotate(90deg);
        width: 148px;
        height:148px;
        opacity: 1;
        z-index: 4;
        top: 0; left: 0; bottom: 0; right: 0;
    }



    .menu_price_block {
        width: 200px !important;
        height: 200px !important;
    }

    .menu_price_block  .front_block {
        width: 200px;
        height: 200px;
        text-align: center;
        color: #fff;
        text-transform: uppercase;
        font-size: 1em;
        background: #6dc6e2;
        z-index: 3;
        position: absolute;
    }

    .menu_price_block .middle_block {
        border: 2px solid #fff;
        width: 200px;
        height: 200px;
        z-index:2;
        opacity: 1;
        transition: .4s ease all;
        transform: rotate(45deg);
        top: 0; left: 0px; bottom: 0; right: 0;
        position: absolute;
        margin: 0 auto;
    }

    .menu_price_block .second_menu a:hover .middle_block {
        opacity: .0;
        width: 220px;
        height: 220px;
    }

    .menu_price_block .back_block {
        background: #00b5f3;
        opacity: .75;
        width: 200px;
        height: 200px;
        transform: rotate(45deg);
        position: absolute;
        top: 0; left: 0; bottom: 0; right: 0;
        z-index: 1;
        transition: .4s ease all;
        border: 2px solid #fff;
    }

    .menu_price_block a:hover .back_block {
        background: none;
        transform: rotate(90deg);
        width: 198px;
        height:198px;
        opacity: 1;
        z-index: 4;
        top: 0; left: 0; bottom: 0; right: 0;
    }

    .menu_price_block p {
        font-size: 1em;
    }

    .house__price {
        font-size: 1.25em;
        font-weight: 500;
        margin: 30px 0;
    }

    .inner_front_block {
        width: 170px;
        height: 170px;
        background: #00b5f3;
        border: 1px solid #fff;
        margin: 15px 0px 0 15px;
    }


    .infra_icons {
        width: 17%;
    }



    /*====================================== HOUSE TYPES PAGE ====================================*/
    .house_types_wrap .under_header {
        font-size: 1em;
        text-align: center;
        font-weight: 300;
        padding: 20px 0;
        margin-top: 0;
    }

    .house_types_wrap h1 {
        margin: 20px 0;
    }



    .house_type_block {
        width: 300px;
        height: 180px;
        position: relative;
        margin: 50px 25px 0;
    }


    .house_type_block .lower_line {
        height: 50px;
    }

    .house_type_block .lower_line p, .inner_overlay p {
        font-size: 1.25em;
        line-height:  50px;
    }




    /*====================================== HOUSE TYPES PAGE END ====================================*/





    .footer_socials_wrap p {
        color: #aaa;
        font-size: 1.125em;
        font-weight: 300;
        line-height: 1.125em;
        margin-right: 160px;
        text-transform: uppercase;
    }

    .about_vilage_block {
        width: 85%;
    }


    /*====================================== HOUSE CARD ================================================*/

.house_card_plan_wrap h1, .house_card_plan_wrap h2, .house_card_gallery_wrap h1, .house_types_wrap h1
{
    font-size: 1.8em;
}

    .house_card_wrap {
        background-size: cover !important;
    }

    .house_description_wrap h1 {
        font-size: 1.8em;
        padding: 150px 0 0px 0;
        margin: 0;
    }

    .house_description {
        font-size: .825em;
    }

    .description_block {
        padding: 20px 20px 0 20px;
    }

    .description_block p {
        margin: 0 0 20px 0;
    }

    .description_block ul {
        list-style: none;
        padding: 0;
    }

    .description_block ul li {
        margin-bottom: 10px;
    }


    .description_block a {
        padding: 5px 15px;
        font-size: .875em;
    }

    .house_type_arrow {
        width: 150px;
        height: 79px;
/*        background-size: contain;*/
    }


    .house_card_callback_wrap p {
        font-size: 2em;
    }

    .house_card_callback_wrap a {
        font-size: 1.5em;
    }

    .house_plan_block {
        width: 50%;
    }

    .house_plan_block h2 {

    }

    .house_plan_block img {
        width:100%;
        vertical-align: bottom;
    }


    /*====================================== HOUSE CARD END ================================================*/



}

.m_legend_1 { background: #fff; --background: url(<?php echo $dir;?>/img/b1.jpg?v=1.4); width:160px; margin: 0; margin-left:10px; height:100%; border: 2px solid rgba(255,255,255,0.7); z-index:1000;}
.m_map_1 { float: left; width: 79.5%; position: relative; }

.m_info_1 p.fb_tt_close {display:none;}
.genplan_wrap {position: relative;}
.m_legend_1 {position: absolute; left:0;}
.m_map_1 {margin-left:10%; width: 80%;}

@media screen and (max-width: 1000px) {
    .full_descr {display:none;}

    .m {position:relative;}
    .m_map_1 {margin-left:0; width: 100%;}
    .m_info_1 {
        margin: 0 auto;
        width:250px;
        position: relative;
    }
    .m_list_1 {
        display: none;
    }
    .genplan_wrap {
        width: 100%;
        margin: 0 auto;
    }
    .m_legend_1 {
        margin: 10px;
        width: auto;
        display: none;
        z-index: 1000;
        position: absolute;
        background: none;
        left: 545px;
        height: auto;
        border: 0;
    }
    .m_map_1 {
        width: 100%;
    }
    .m_legend_1 .m_info_1 { padding: 10px 20px 3px 20px; }

}