/*********************************************************/
/*	RESPONSIVO CSS										 */
/*	DESENVOLVIDO POR: GLOBALWS							 */
/*	CEO: MICHAEL PICOLO									 */
/*********************************************************/
@media (max-width: 1440px) {
	/*********************************************************/
	.navegacao {padding: 240px 0 80px 0;}
	.navegacao h1 {font-size: 2em;}
	/*********************************************************/
	
	/*********************************************************/
}
@media (max-width: 1366px) {
	/*********************************************************/
	header .logo {width: 180px; height: 160px;}
	/*********************************************************/
	.overlay {height: 550px;}
	
	/*********************************************************/
}
@media (max-width: 1280px) {
	/*********************************************************/
	.content {max-width: 90%;}
	/*********************************************************/
}
@media (max-width: 1152px) {
	/*********************************************************/
	.lista-servicos {grid-template-columns: repeat(3, 1fr);}
	.lista-imoveis {grid-template-columns: repeat(3, 1fr);}
	/*********************************************************/
	.busca .inputsel {padding: 10px; min-width: 60%;}
	/*********************************************************/
	.card-imovel .info {padding: 10px;}
	/*********************************************************/
	.pagina-imoveis .cols {grid-template-columns: 25% 1fr; gap: 60px;}
	.lista-imoveis {grid-template-columns: repeat(2, 1fr); gap: 40px;}
	/*********************************************************/
	.form-grid { grid-template-columns: 1fr;}
	/*********************************************************/

}
@media (max-width: 950px) {
	/*********************************************************/
	header .logo {width: 160px; height: 160px;}
	header .menu {position: absolute; right: 20px; top: 20px;}
	header .social {display: none;}
	header .menu {margin-top: 90px;}
	/*********************************************************/
	.destaque {padding-top: 80px;}
	.destaque .quadro {width: 100%; }
	.destaque .imagem {width: 100%;}
	/*********************************************************/
	h1 {font-size: 1.4em !important;}
	h2 {font-size: 1.2em !important;}
	h3 {font-size: 1em !important;}
	p {font-size: 0.9em !important; line-height: 23px !important;}
	/*********************************************************/
	.lista-servicos {grid-template-columns: repeat(2, 1fr); gap: 20px;}
	/*********************************************************/
	.rodape .cols {grid-template-columns: 1fr; text-align: center;}
	/*********************************************************/
	.cadastro .cols {grid-template-columns: 1fr;} 
	.cadastro .lista-check li {font-size: 0.9em;}
	/*********************************************************/
	.navegacao {padding: 160px 0 40px 0;}
	.navegacao h1 {margin-bottom: 5px;}
	/*********************************************************/
	.regularize .cols {grid-template-columns: 1fr;}
	/*********************************************************/
	.institucional .quadro {max-width: 100%;}
	.institucional .selos {grid-template-columns: repeat(2, 1fr);}
	/*********************************************************/
	.pagina-imoveis .cols {grid-template-columns: 1fr;}
	/*********************************************************/
	.detalhes .cols {display: block; gap: 0; }
	.detalhes .galeria {flex: 0 0 60%; max-width: 60%; margin: auto;}
	.detalhes .info {flex: 0 0 100%; max-width: 100%; margin-top: 40px; text-align: center;}
	.detalhes .info .dados {align-items: center; justify-content: center;}
	/*********************************************************/
	.busca ul {flex-wrap: wrap; gap: 10px;}
	.busca ul li { width: calc(50% - 20px);}
	.busca .inputsel {min-width: 100%;}
	.mgt5 {margin-top: 0;}
	.busca .botao {display: block; width: 100%;}
	.detalhes .atributos li {width: 50%;} 
	/*********************************************************/

}
@media (max-width: 667px) {
	/*********************************************************/
	header .logo {width: 140px; height: 120px;}
	header .hamburger {margin-top: -20px !important;}
	.menu {width: 80%; margin-top: 60px !important;}
	/*********************************************************/
	/*********************************************************/
	.lista-servicos {grid-template-columns: 1fr;}
	/*********************************************************/
	.institucional .selos {grid-template-columns: 1fr;}
	/*********************************************************/
	.botao {padding: 7px 15px; font-size: 0.8em;}
	/*********************************************************/
	.overlay {height: 550px;}
	.destaque {min-height: 550px;}	
	.destaque .imagem {height: 220px;}
	/*********************************************************/
	.lista-imoveis {grid-template-columns: repeat(1, 1fr); gap: 40px;}
	/*********************************************************/
	.navegacao h1 {font-size: 1em !important;}
	.navegacao li {font-size: 0.8em ;}
	/*********************************************************/
	.detalhes .galeria {flex: 0 0 95%; max-width: 95%; margin: auto;}
	/*********************************************************/
}
@media (max-width: 480px) {
	/*********************************************************/
	.busca ul li { width: calc(100% - 1px);}
	/*********************************************************/
	.detalhes .quadro {height: 80px;}
	.detalhes .atributos li {width: 100%; padding: 0 0 5px 0;} 
	/*********************************************************/
}
/*********************************************************/