@media only screen and (max-width: 1115px) {
    
}

@media only screen and (max-width: 1104px) {
    #header #search label{padding-left: 10px}
}

@media only screen and (max-width: 1061px) {
    #header #search label{padding-left: 5px}
}

.mobile{display: none}

@media only screen and (max-width: 1044px) {
    #header .wrapper #menu{display: none}
    #header #search{display: none}
    #header .mobile{display: block}
    #header #logo{margin-left: 5px}
    .slider{margin-top: 120px !important}
    #footer {padding: 0 5px}
    .inner{margin: auto !important; margin-top: 135px !important}
}

.nav-mobile {
	display:none; 
	cursor:pointer;
	position:absolute;
    top:24px;
	right:5px;
	background: url(../images/nav.svg) no-repeat center center;
	height:42px;
	width:42px;
}
/*---------------------------------------------*\
     Media Queries => Responsive Navigation
\*---------------------------------------------*/
@media only screen and (max-width: 1044px) {
	.nav-mobile {display:block}
    .menu_first {display:none}
	.nav-active {display:block}
    .mobile li{float:none}
    #header #menu{float:none}
    
    a#icon_forma{
    background: transparent;
    border: none !important;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -o-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -khtml-border-radius: 0px;
    }
    
    a#icon_forma:before{display: none}
    
    .mobile li a, .mobile li a:hover{
        font-size:20px;    
        width: 100%;
        display: block;
        padding: 10px
    }
    .mobile li a:hover{background: #809bb5;color:#fff !important}
    .mobile li{border-top:1px solid #90a4b7}
    
}

@media only screen and (max-width: 1114px) {
    #aside{display: none}
    
    .inner_aside{margin-top: 0px}
    
    .house_left{
        display: table;
        margin: auto;
        text-align: center;
    }
    .recommend, .home{text-align: left}
    .home{width: 390px;margin-right: 15px;margin-left: 15px}
    .advertisement img{margin-left: 15px;margin-right: 15px}
    
    .inner{display: block; margin: 185px auto;}
}

@media only screen and (max-width: 950px) {
    .facebook_like{position: absolute;z-index: 999;top: 86px}  
}

@media only screen and (max-width: 862px){
    .recommend {width: 390px}
    
    .recommend .left .image img{
        max-width: 389px;
        min-width: 389px;
        border-top-right-radius:10px;
        border-bottom-left-radius: 0px;
    }
    .recommend .right{width: 390px}
    
    .recommend .right{border-top-right-radius: 0px;}
    .recommend .right{border-bottom-left-radius: 10px}
    
    .home{margin-right: 0px; margin-left: 0px;display: block;margin: 30px auto}
    
    .advertisement a{display: block; padding-bottom: 10px}
    .advertisement img{margin-right: 0px;}
}

@media only screen and (max-width: 830px) {
    .house_01 img{width: 100%;min-width: 100%;}
    .project table.select{min-width: 100%; width: 100%}
    .project table.inf{min-width: 100%; width: 100%}
    .project table.select th{max-width: 200px;min-width: auto}
}

@media only screen and (max-width: 835px) {
    .button_end_block li{float:none;margin-bottom: 2px}
    .inner .button_end_block li:last-child a{border-right: 0;border-bottom-right-radius:inherit}
    .inner .button_end_block li:first-child a{border-bottom-left-radius: inherit}
    .inner .button_end_block li{margin-right: 0px}
    
    .button_end_block{display: table;margin: auto}
}

@media only screen and (max-width: 828px) {
    .banner img{max-width: 100%}
}

@media only screen and (max-width: 827px) {
    .inner .left{float:none;display: table;margin: auto;}
    .inner .right{float:none;display: table;margin: auto;margin-top: 10px}
    
    .inner .information .left{margin-right: auto}
    .inner h2{text-align: center}
    .layout, .description{text-align: center}
    .description p{text-align: justify;padding: 5px}
    .button_offer{display: table !important;margin: auto}
    .inner{padding-left: 5px; padding-right: 5px}
    .inner .right{margin-top: 20px}
    .about .right{display: block;}
    .about .left_right{display: table;margin: auto}
    .about .row{margin-left: 0px; text-align: center;margin-top: 20px}
    .about .maps{display: block;    width: 200px;
    margin: auto;
    margin-top: 30px; margin-bottom: 20px}
    p.inf_01{text-align: justify}
    
    .row3 .left p{text-align: justify}
    .row3 .left{max-width: 700px;padding: 5px}
    
    .row3 .right{text-align: center;}
}

.video_youtube iframe{
    width:750px;
    height:426px;
}

@media only screen and (max-width: 810px) {
.inner .layout {
    display: table;
    padding-bottom: 35px;
    margin: auto;
}
.inner .layout .inf{width: 325px;float:none}
}

@media only screen and (max-width: 780px) {
    .video_youtube iframe{width:550px;
    height:326px;}
}


@media only screen and (max-width: 635px) {
    #footer .left_right{text-align: center}
    #footer .left{float:none}
    #footer .right{float:none;display: inline-block;margin-bottom: 15px}
    .seo{text-align: justify}
}

@media only screen and (max-width: 625px){
    .button_02 li{float:none}
    .button_02 li a.icon_1{border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;margin-bottom: 2px}
    .button_02 li a.icon_2 {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;}

}

@media only screen and (max-width: 585px) {
    .inner_slide li{text-align: center;}
    .inner_bxslider .phone p{display: inline-block}
    .inner_bxslider .mail p{display: inline-block}
    .inner_bxslider .button a{display: inline-block}
    .inner_slide .bx-wrapper img{margin: auto}
}

@media only screen and (max-width: 580px) {
    .video_youtube iframe{width:450px;
    height:300px;}
}

@media only screen and (max-width: 500px) {
    .video_youtube iframe{width:320px;
    height:220px;}
}

@media only screen and (max-width: 478px) {
    .inner .house_info .padding{padding: 30px 0px}
}

@media only screen and (max-width: 465px) {
    .project_slide .category{display: none}
}

@media only screen and (max-width: 420px) {
    .recommend{width: 100%;box-sizing: border-box}
    .recommend .left{width: 100%}
    .recommend .left .image img{min-width: 100%; max-width: 100%}
    .recommend .right{width: 100%}
    
    .home{width: 100%;box-sizing: border-box}
    .home .image img{width: 100%}
    .background{width: 100%}
}

@media only screen and (max-width: 419px) {
    
    .inner .right{max-width: 300px;display: block;text-align: center}
    #image-gallery img{max-width: 300px;height:auto !important}
    .lSAction > a{top:22%}
    .lSSlideOuter .lSPager.lSGallery{height: 63px}
    .about .right{text-align: left}
}

@media only screen and (max-width: 370px) {
    .inner .layout .inf{width: 225px}
}

@media only screen and (max-width: 340px) {
    .inner .information .left .inf{width: 250px}
    .video_youtube iframe{
       width: 220px;
    height: 150px;
}
    
}

@media only screen and (max-width: 334px) {
    .inner_bxslider li{width: 170px !important}
    .inner_slide .bx-wrapper {padding-left: 50px !important;padding-right: 50px !important;}
}

@media only screen and (max-width: 331px) {
    .next_page li:last-child{float:none;clear: both}
}