@media screen and (max-width: 1439px) {
	body, td { font-size:16px }
	footer nav { margin:auto; margin-left:70px }
	footer nav li a { padding-left:0 }
}

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

@media screen and (max-width: 1139px) {
	body, td { font-size:14px }
	header nav li a, header nav li label, footer nav li a { margin-left:20px }
	/*h5 { line-height:100%; font-size:0.9em; margin-bottom:10px }*/
	.imoveis-list { font-size:0.9em }
	#imoveis .detalhes nav li { margin-right:10px }
	#imoveis .detalhes nav li .ico-360 span { display:none }
	#imoveis .info-box { font-size:0.9em }
	
}

@media screen and (max-width: 1023px) {
	/*header nav li a, header nav li label { width:0px; overflow:hidden }
	header .grid2 { width:15% }
	header .grid5 { width:59% }
	header .grid5:last-child { width:26% }
	header form { margin-left:5% }
	header form input { width:70% }*/
}

@media screen and (min-width: 769px) and (max-width: 979px) {
	.imoveis-list .col .grid11 { width:100% }
	#imoveis .detalhes .grid7, #imoveis .detalhes .grid11, #imoveis .detalhes .grid5 { float:none; display:block; width:100% }
	#imoveis .detalhes .mapa iframe { height:350px }
	#imoveis .info-box { top:0 !important; float:none; margin:0 0 60px 0; width:86%; padding:30px 6%; }
}

@media screen and (max-width: 979px) {
	#imoveis .detalhes .mapa iframe { height:350px }
	#imoveis .info-box { top:0 !important; float:none; margin:0 0 60px 0; width:86%; padding:30px 6%; }
	#buyon .group { justify-content: space-between; }
	#buyon .grid3 { width:auto; white-space:nowrap }
}

@media screen and (max-width: 768px) {
	.center { padding:0 20px }
	header .group { display: block;}
	header img { max-width: 100px;}
	header nav { background-color: #f3bc32; position: fixed; right: -100vw; top: 0; display: flex; align-items: center; width: 100%; height: 100%; transition: right 0.5s; z-index:19 }
	header nav ul { width: 100%;}
	header nav ul li { float: none; display: block; text-align: center; width: 100%;}
	header nav ul li a { margin:10px 0; padding: 10px 0; font-size: 2em; color: #231f20; font-weight: bold;}
	header.open nav { right: 0;}
	/*header nav li a, header nav li label, footer nav li a { margin-left:10px }
	header form input { padding-left:15%; width:65% }*/
	footer nav li { display:block }
	footer .copy { padding:0 20px 40px 20px }
	footer .grid6:last-child { text-align:center }
	footer .grid6:last-child > div { display:inline-block }
	.imoveis-list .col { width:45%; margin:2.5% 2%; float:none; display:inline-block; text-align:left; max-width:320px }
	#conceito .big { display:none }
	#conceito .small { display:block }
	#conceito .btn2 { right:-2%; bottom:-5% }
	#empresa .fotos .col .group:first-child { margin:4% 0 2% }
	#empresa .fotos .col .col:first-child { margin-left:0; margin-right:1.6% }
	#empresa .box { margin: 10px 0 0 0; width: 80%;}
	#empresa .motivos .col { margin:0;}
	#contato form .grid9 { width:71%; }
	#contato form .grid3 { width:29% }
	#contato form .grid3 select { width:87% }
	#contato .grid5 input { width:90% }
	#buyon { bottom:0px!important; opacity:1!important }
	#buyon .grid3:first-child { display:none }
	body:hover footer { padding-bottom:50px; transition:0.4s }

	#banner.mobile { display: block;}
	#banner.desktop { display: none;}
	
	button.hamburger { display:block; position:fixed; top:14px; right:10px; z-index:103; padding:15px 10px; width:52px; height:52px; text-align:center; outline:none; background:#171219; border-radius:50%; }
	.hamburger.is-active:hover, .hamburger:hover { opacity:1 }
	.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before { background-color:#f3bc32; transition:0.5s }
	.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner:after, .hamburger.is-active .hamburger-inner:before { background-color:#ffffff }
	.hamburger.is-active { background:none }
	.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before { width: 32px; height: 3px;}
	.hamburger-inner::before { top: -9px; }
	.hamburger-inner::after { bottom: -9px; }
	.hamburger--arrow.is-active .hamburger-inner:before { transform: translate3d(-8px,0,0) rotate( -45deg ) scaleX(.9); }
	.hamburger--arrow.is-active .hamburger-inner:after { transform: translate3d(-8px,0,0) rotate( 45deg	) scaleX(.9); }
}

@media screen and (max-width : 639px) {
	header nav li a, header nav li label, footer nav li a { margin-left:0px }
	footer img { max-width: 100px ;}
	footer .grid3, footer .grid4 { float: left; width: 45%; }
	footer .grid3 { margin-left: 10%;}
	footer nav { margin: 40px 0 0 4%;}
	/*footer nav { display:none }
	footer .nav { display:block }*/
	.imoveis-list { text-align:center }
	.imoveis-list .col { width:320px }
	#imoveis .busca .flex-center { display:block; text-align:center }
	#imoveis .busca select { display:inline-block; width:44%; margin:10px 2.5% }
	#imoveis .detalhes nav li { margin-right:4px }
	#imoveis .detalhes nav li:last-child { margin-right:0 }
	#imoveis .detalhes nav li a { background-size:24px; padding-left:40px }
	#conceito .grid9 { letter-spacing:0.1em }
	#empresa .fotos .col .col, #empresa .fotos .col .group:first-child { width:100%; margin:0 }
	#empresa .fotos img { width:100%; margin:15px 0 }
	#buyon a { line-height:35px }
	#buyon span { display:none }
}

@media screen and (max-width : 479px) {
	header nav { text-align:right }
	header nav li .ico-paper { display:none }
	header form input { width:70%; float:right }
	footer .group > div:last-child > div { padding:40px 0 0 0; background-position:center top; background-size:24px }
	footer .group > div:last-child h6 { margin-left:0 }
	h1 { line-height:100%!important; margin:10px 0  }
	#imoveis .detalhes nav li a { background-size:15px; padding-left:30px; padding-right:10px; font-weight:600; background-position:10px center }
	#noticias .noticia-post img { max-width: 100%; margin: 0 0 25px 0; float: none; width: 100%; }
}

@media screen and (max-width : 419px) {
	header nav li a { padding-left:28px }
	footer { font-size:0.8em }
	#buyon a { width:0; overflow:hidden }
	#imoveis .detalhes nav li a { padding:6px 10px; background-image:none }
	#imoveis .info-box { min-width:300px }
	.btn4 { font-size:1.2em }
}

@media screen and (max-width : 374px) {
	body, td { font-size:14px }
	h1 { font-size:2.2em }
	header nav li a { padding-left:24px }
	header form input { width:68%; float:none }
	#home h1 { font-size:1.5em }
	#conceito .grid9 { letter-spacing:0; font-size:0.9em }
	#imoveis .info-box .preco { font-size:2.2em; letter-spacing:-0.05em }
	#imoveis .info-box a span { display:none }
	.imoveis-list .col { width:auto }
	.avenda p { font-size:0.9em }
	.btn4 { padding:16px 50px }
}

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