/*============================================================================
			RESPONSIVE CSS WITH MEDIA 
=============================================================================*/

/*=============  MEDIA 1400px   =============*/
@media(min-width:1200px){
	.container{
		width: 88% !important;
	}
	.img_box_detalhes{
		height: 800px !important; 
		width: auto !important; 
		margin: 0 auto !important;
	}
	header nav {
		width: 74%;
		line-height: 16px;
	}
	header nav a {
		font-size: 1.2em !important;
	}
	header .logo img{
		width: 70%;
		height: auto;
	}
	header .logo{
		margin: 15px 0;
		padding: 0;
	}
	footer .logo{
		width: 90%;
		height: auto;
	}
	
/*=======================================================
			BANNER
========================================================*/
#banner {
	height: 400px;
	position: relative;
	overflow: hidden;
	margin-top: -5px;
	z-index: 99;
	background: #fff;
	background-size: cover;
}
#banner .flex-banner img {
	width: 100%;
}
#banner .flex-banner {
	height: 400px;
}

#banner .slides-texts{
	width: 98%;
	margin: 0 auto;
	position: absolute;
	top: 210px;
	text-align: right;
}

#banner .slides-texts h3 span{
	background-color: #454545;
	padding: 10px 12px;
	color: #fff;
	margin: 0px;
	font-size: 19px;
	font-weight: bold;
}

#banner .slides-texts h5 span{
	background-color: #9b151b;
	padding: 10px 12px;
	color: #fff;
	margin: 0px;
	font-size: 15px;
	font-weight: bold;
}
	
}
/*=============  MEDIA 1200px   =============*/
@media(max-width:1200px) {
	.container{
		width: 90% !important;
	}
	.img_box_detalhes{
		height: 720px !important; 
		width: auto !important; 
		margin: 0 auto !important;
	}
	footer .logo{
		width: 80%;
		height: auto;
	}
}
/*=============  MEDIA 1024px   =============*/
@media(max-width:1024px) {
	.container{
		width: 94% !important;
	}
	.img_box_detalhes{
		height: 600px; 
		width: auto; 
		margin: 0 auto;
	}
	footer .logo{
		width: 75%;
		height: auto;
	}
}
/*=============  MEDIA 992px - 1199px   =============*/
@media(min-width:992px) and (max-width:1199px) {


.container{
	width: 98% !important;
}	


header nav{
	width:70%;
	top: 40px;
	position: absolute;
}

header nav a{
	font-size: 15px !important;
}

header .top-bar{
	width: 60%;
}

header .logo{
	width: 25%;
}

header .logo img{
	width: 80%;
}

header:before{
	width:30%;
}

#banner {
	height: 420px !important;
	position: relative;
	overflow: hidden;
	margin-top: -5px;
	z-index: 99;
	background: #fff;
	background-size: cover;
}
#banner .flex-banner img {
	width: 150%;
	min-height: 420px !important;
}
#banner .flex-banner {
	height: 420px !important;
}

#banner .slides-texts{
	width: 98%;
	margin: 0 auto;
	position: absolute;
	top: 200px;
	text-align: right;
}

#banner .slides-texts h3 span{
	background-color: #454545;
	padding: 12px;
	color: #fff;
	margin: 0px;
	font-size: 17px;
	font-weight: bold;
	line-width: 17px;
}

#banner .slides-texts h5 span{
	background-color: #9b151b;
	padding: 12px;
	color: #fff;
	margin: 0px;
	font-size: 21px;
	font-weight: bold;
	line-width: 21px;
}	


.nav-post .nav-text {
	float: right;
	width: 64%;
}
.parthner {
	text-align: center;
}
.parthner li {
	width: 32.6%;
	margin-bottom: 30px;
}
.blog-side-bar ul.wid-in li:nth-child(2) {
	width: 55%;
}
.img_box_detalhes{
		height: 480px; 
		width: auto; 
		margin: 0 auto;
	}
	
}
/*=============  MEDIA 768px - 991px   =============*/
@media(min-width:768px) and (max-width:991px) {
header nav li a {
	padding:0 14px;
	font-size: 16px;
}
header nav{
	width:100%;
}
header:before{
	width:100%;
	background:#fff;
}



#banner {
	height: 400px !important;
	position: relative;
	overflow: hidden;
	margin-top: -5px;
	z-index: 99;
	background: #fff;
	background-size: cover;
}
#banner .flex-banner img {
	width: 150%;
	min-height: 400px !important;
}
#banner .flex-banner {
	height: 400px !important;
}

#banner .slides-texts{
	width: 98%;
	margin: 0 auto;
	position: absolute;
	top: 175px;
	text-align: right;
}

#banner .slides-texts h3 span{
	background-color: #454545;
	padding: 12px;
	color: #fff;
	margin: 0px;
	font-size: 15px;
	font-weight: bold;
	line-width: 15px;
}

#banner .slides-texts h5 span{
	background-color: #9b151b;
	padding: 12px;
	color: #fff;
	margin: 0px;
	font-size: 18px;
	font-weight: bold;
	line-width: 19px;
}	

.sticky{
	position:relative !important;
}
.home-1 .finder{
	top:10%;
}
.home-1 .finder .container{
	width:100%;
}
header .logo{
	width:100%;
	text-align:center;
}

footer .logo{
	width: 70%;
	height: auto;
}

#banner {
	height: 290px;
}
.flex-direction-nav a {
	top: 35%;
}
.bnr-form {
	margin-top: 40px;
}
#banner .text-sec {
	margin-top: 30%;
}
.services .sec-in .go-right {
	top: 26px;
}
.offer-services .nav-tabs li a {
	line-height: 36px;
}
.solution h3 {
	margin-top: 50px;
}
.counters {
	text-align: center;
}
.counters i {
	width: 100%;
	text-align: center;
	border: none;
	margin-bottom: 5px;
}
#banner .flex-direction-nav .flex-prev {
	right: 1%;
}
#banner .flex-direction-nav .flex-next {
	left: 1%;
}

.img_box_detalhes{
		height: 420px; 
		width: auto; 
		margin: 0 auto;
	}

}
/*=============  MEDIA 767px   =============*/
@media(max-width:767px) {


header nav{
	position: absolute;
	right: 0;
	top: 0px;
}

header nav ul{
	position: relative;
	top: 80px;
	text-align: right;
	
}
header nav ul li:first-child {
    background-color: transparent;
	text-align: right !important;
	padding: 0px 20px;;
}
header nav ul li{
	padding: 6px 0px;
	background-color: #fff;
	
}
header nav li:hover {
	background: none;
}

header nav a{
	font-size: 12px;
	padding: 6px 10px;
}


#banner {
	height: 400px !important;
	position: relative;
	overflow: hidden;
	margin-top: -5px;
	z-index: 99;
	background: #fff;
	background-size: cover;
}
#banner .flex-banner img {
	width: 150%;
	min-height: 400px !important;
}
#banner .flex-banner {
	height: 400px !important;
}

#banner .slides-texts{
	width: 98%;
	margin: 0 auto;
	position: absolute;
	top: 160px;
	text-align: right;
}

#banner .slides-texts h3 span{
	background-color: #454545;
	padding: 12px;
	color: #fff;
	margin: 0px;
	font-size: 15px;
	font-weight: bold;
	line-width: 15px;
}

#banner .slides-texts h5 span{
	background-color: #9b151b;
	padding: 12px;
	color: #fff;
	margin: 0px;
	font-size: 18px;
	font-weight: bold;
	line-width: 19px;
}	
	
	
	
.tittle p{
	width:100%;
}
.sticky{
	position:relative !important;
}
.absu{
	display:none !important;
}
.services li{
	margin-bottom:30px;
}
.call-us .overlay{
	text-align:center;
}
.call-us .no-padding{
	padding:0 15px !important;
}


.sub-nav-co {
	position: absolute;
	top: 15px;
	margin: 0px;
}

.bnr-form {
	margin-top: 10%;
}
footer .col-sm-3{
	margin-bottom:30px;
}

.flex-direction-nav {
	top: auto;
	bottom: 40px;
	margin: 0 auto;
}
.flex-direction-nav a {
	margin: 0 auto;
}
.ownmenu .indicator {
	display: block;
}
header nav li a {
	border: none;
}
.offer-services .nav-tabs {
	margin-bottom: 30px;
}
.blog ul li {
	margin-bottom: 30px;
}
.blog ul li img {
	width: 100%;
}
#team .team {
	margin-bottom: 30px;
}
.panel-group {
	margin-bottom: 30px;
}
.sub-banner {
	background-size: cover;
}
.flex-direction-nav {
	display: none;
}
header nav{
	width:100%;
	text-align: center;
}
header:before{
	width:100%;
}
.ownmenu > li.showhide{
	margin-top:0px;
}
header nav .ownmenu{
	min-height:inherit;
}
header nav{
	min-height:inherit;
}
.ownmenu > li.showhide span.icon{
	margin:0px;
	line-height:46px;
	float:none;
}
.ownmenu > li.showhide{
	text-align:center;
}
header nav li{
	margin-top:0px;
}
.ownmenu > li > .megamenu.full-width{
	padding-top:0px;
}
.ownmenu > li > .megamenu{
	top:20px;
	padding-left:25px;
}
.megamenu .row{
	margin-left:15px;
}
.find-sec li{
	width:50%;
	float:left;
}
.finder h1{
	font-size:30px;
}
.find-sec{
	margin-top:20px;
}
.home-1 .finder{
	top:10%;
}
.home-1 li.col-sm-6{
	width:100%;
}
.mobile-app a.btn{
	margin-bottom:30px;
	margin-top:20px;
}
#testimonials .testi{
	width:100%;
}
.img_box_detalhes{
		height: 340px; 
		width: auto; 
		margin: 0 auto;
	}

}

/*=============  MEDIA 600px   =============*/
@media (max-width:640px) {
	
header, header:before{
	width: 100%;
	background-image: none;
}

header .logo{
	width: 100%;
}
header .logo img{
	width: 35%;
	height: auto;
}

header .top-bar{
	display: none;
}


header nav{
	position: absolute;
	right: 0;
	top: -20px;
}

header nav ul{
	position: relative;
	top: 80px;
	text-align: right;
	
}
header nav ul li:first-child {
    background-color: transparent;
	text-align: right !important;
	padding: 0px 20px;;
}
header nav ul li{
	padding: 6px 0px;
	background-color: #fff;
	
}
header nav li:hover {
	background: none;
}

header nav a{
	font-size: 12px;
	padding: 6px 10px;
}


#banner {
	height: 400px !important;
	position: relative;
	overflow: hidden;
	margin-top: -5px;
	z-index: 99;
	background: #fff;
	background-size: cover;
}
#banner .flex-banner img {
	width: 150%;
	min-height: 400px !important;
}
#banner .flex-banner {
	height: 400px !important;
}

#banner .slides-texts{
	width: 98%;
	margin: 0 auto;
	position: absolute;
	top: 160px;
	text-align: right;
}

#banner .slides-texts h3 span{
	background-color: #454545;
	padding: 12px;
	color: #fff;
	margin: 0px;
	font-size: 15px;
	font-weight: bold;
	line-width: 15px;
}

#banner .slides-texts h5 span{
	background-color: #9b151b;
	padding: 12px;
	color: #fff;
	margin: 0px;
	font-size: 18px;
	font-weight: bold;
	line-width: 19px;
}	
	

.sub-banner {
	text-align: center;
}
.sub-nav {
	float: none;
	display: inline-block;
	width: 100%;
}
header .search {
	width: 100%;
	margin-top: 10px;
	margin-bottom: 20px;
}
.nav-post .nav-text {
	width: 75%;
}
.blog-side-bar ul.wid-in li:nth-child(2) {
	width: 76%;
}

footer .logo{
	width: 70%;
	height: auto;
}

}

/*=============  MEDIA 540px   =============*/
@media(max-width:540px) {
	
header, header:before{
	width: 100%;
	background-image: none;
}

header .logo{
	width: 100%;
}
header .logo img{
	width: 50%;
	height: auto;
}

header .top-bar{
	display: none;
}


header nav{
	position: absolute;
	right: 0;
	top: -20px;
}

header nav ul{
	position: relative;
	top: 90px;
	text-align: right;
	
}
header nav ul li:first-child {
    background-color: transparent;
	text-align: right !important;
	padding: 0px 20px;;
}
header nav ul li{
	padding: 6px 0px;
	background-color: #fff;
	
}
header nav li:hover {
	background: none;
}

header nav a{
	font-size: 12px;
	padding: 6px 10px;
}

#banner {
	height: 390px !important;
	position: relative;
	overflow: hidden;
	margin-top: -5px;
	z-index: 99;
	background: #fff;
	background-size: cover;
}
#banner .flex-banner img {
	width: 150%;
	min-height: 390px !important;
}
#banner .flex-banner {
	height: 390px !important;
}

#banner .slides-texts{
	width: 98%;
	margin: 0 auto;
	position: absolute;
	top: 160px;
	text-align: right;
}

#banner .slides-texts h3 span{
	background-color: #454545;
	padding: 11px;
	color: #fff;
	margin: 0px;
	font-size: 13px;
	font-weight: bold;
	line-width: 11px;
}

#banner .slides-texts h5 span{
	background-color: #9b151b;
	padding: 11px;
	color: #fff;
	margin: 0px;
	font-size: 16px;
	font-weight: bold;
	line-width: 15px;
}


.sub-tittles h1 span{
	font-size: 18px !important;
	line-width: 18px;
}

.parthner {
	padding-top: 0px;
}
.blog .b-details a {
	position: relative;
	bottom: 0px;
	left: 0px;
}
.parthner .owl-nav {
	width: 50px;
	top: -122px;
}
.blog .b-details span {
	margin-top: 0px;
}
footer .subcribe input{
	width:100%;
}
footer .subcribe .btn{
	width:100%;
	margin-top:10px;
}
.pop-project .carousel-indicators li {
	width: 23.3333%;
	margin-top: 5px;
	height: auto;
}
header .header-contact li {
	border: none;
	width: 100%;
	padding-bottom: 10px;
}
header .header-contact li:nth-child(1) {
	border-bottom: 1px dashed #cccccc;
	border-right: none;
	margin-bottom: 10px;
}
.services li.padding-r-80 {
	padding-right: 0px !important;
}
.items-details .carousel-indicators li {
	width: 30.3333%;
}
.home-3 .bnr-property{
	width:94%;
}
.home-3 .bnr-property{
	margin-top:80px;
}
.home-3 .bnr-property{
	left:15px;
	right:15px;
	margin-left:0px;
}

.home-3 .bnr-property .btn{
	width:45%;
	padding:8px 0px;
	text-align:center;
}

.img_box_detalhes{
		height: 270px; 
		width: auto; 
		margin: 0 auto;
	}
	
footer .logo{
	width: 70%;
	height: auto;
}	

}

/*=============  MEDIA 400px   =============*/
@media(max-width:440px) {

header, header:before{
	width: 100%;
	background-image: none;
}

header .logo{
	width: 100%;
}
header .logo img{
	width: 60%;
	height: auto;
}

header .top-bar{
	display: none;
}

header nav{
	position: absolute;
	right: 0;
	top: -25px;
}

header nav ul{
	position: relative;
	top: 90px;
	text-align: right;
	
}
header nav ul li:first-child {
    background-color: transparent;
	text-align: right !important;
	padding: 0px 20px;;
}
header nav ul li{
	padding: 6px 0px;
	background-color: #fff;
	
}
header nav li:hover {
	background: none;
}

header nav a{
	font-size: 12px;
	padding: 6px 10px;
}


#banner {
	height: 380px !important;
	position: relative;
	overflow: hidden;
	margin-top: -5px;
	z-index: 99;
	background: #fff;
	background-size: cover;
}
#banner .flex-banner img {
	width: 150%;
	min-height: 380px !important;
}
#banner .flex-banner {
	height: 380px !important;
}

#banner .slides-texts{
	width: 98%;
	margin: 0 auto;
	position: absolute;
	top: 160px;
	text-align: right;
}

#banner .slides-texts h3 span{
	background-color: #454545;
	padding: 9px;
	color: #fff;
	margin: 0px;
	font-size: 11px;
	font-weight: bold;
	line-width: 11px;
}

#banner .slides-texts h5 span{
	background-color: #9b151b;
	padding: 9px;
	color: #fff;
	margin: 0px;
	font-size: 14px;
	font-weight: bold;
	line-width: 15px;
}

.sub-tittles h1{
	height: 72px !important;
	background-color: #9b151b;
	padding: 0px 10px;
	text-align: center;
}

.sub-tittles h1 span{
	font-size: 20px !important;
	line-width: 18px;
	background-color: transparent;
}

.sub-tittles h1 i{
	font-size: 0px !important;
}

.sub-tittles p{
	margin-bottom: 35px;
}	
	
.parthner {
	text-align: center;
}
.parthner li {
	width: 100%;
	margin-bottom: 30px;
}
.ownmenu .megamenu img {
	margin-top: 10px;
}
.find-sec li{
	width:100%;
	float:none;
}

.owl-carousel .item{
	width: 100% !important;
}

.img_box_detalhes{
		height: 230px !important; 
		width: auto !important; 
		margin: 0 auto !important;
	}

	
footer .logo{
	width: 50%;
	height: auto;
}

}
/*=============  MEDIA 320px   =============*/
@media(max-width:320px) {

header, header:before{
	width: 100%;
	background-image: none;
}

header .logo{
	width: 100%;
}
header .logo img{
	width: 70%;
	height: auto;
}

header .top-bar{
	display: none;
}

header nav{
	position: absolute;
	right: 0;
	top: 10px;
}

header nav ul{
	position: relative;
	top: 50px;
	text-align: right;
	
}
header nav ul li:first-child {
    background-color: transparent;
	text-align: right !important;
	padding: 0px 20px;;
}
header nav ul li{
	padding: 6px 0px;
	background-color: #fff;
	
}
header nav li:hover {
	background: none;
}

header nav a{
	font-size: 12px;
	padding: 6px 10px;
}

#banner {
	height: 320px !important;
	position: relative;
	overflow: hidden;
	margin-top: -5px;
	z-index: 99;
	background: #fff;
	background-size: cover;
}
#banner .flex-banner img {
	width: 200%;
	min-height: 320px !important;
}
#banner .flex-banner {
	height: 320px !important;
}

#banner .slides-texts{
	width: 98%;
	margin: 0 auto;
	position: absolute;
	top: 80px;
	text-align: right;
}

#banner .slides-texts h3 span{
	background-color: #454545;
	padding: 6px;
	color: #fff;
	margin: 0px;
	font-size: 9px;
	font-weight: bold;
	line-width: 11px;
}

#banner .slides-texts h5 span{
	background-color: #9b151b;
	padding: 6px;
	color: #fff;
	margin: 0px;
	font-size: 12px;
	font-weight: bold;
	line-width: 13px;
}

.sub-tittles h1{
	height: 70px !important;
	background-color: #9b151b;
	padding: 0px 10px;
	text-align: center;
}

.sub-tittles h1 span{
	font-size: 17px !important;
	line-width: 15px;
	background-color: transparent;
}

.sub-tittles h1 i{
	font-size: 0px !important;
}

.sub-tittles p{
	margin-bottom: 35px;
}

.properties ul{
	width: 100%;
}

.properties ul li{
	width: 100% !important;
}
	
.img_box_detalhes{
	height: 190px !important; 
	width: auto !important; 
	margin: 0 auto !important;
}
	
footer .logo{
	width: 80%;
	height: auto;
}	
}