/*********************************************************/
/*	RESPONSIVO CSS										 */
/*	DESENVOLVIDO POR: GLOBALWS							 */
/*	CEO: MICHAEL PICOLO									 */
/*********************************************************/
@media (max-width: 1280px) {
	/*********************************************************/
	.content {max-width: 90%;}
	/*********************************************************/
	.tela-2 h2 {font-size: 1.2em;}
	/*********************************************************/
	.tela-4 .imagem {height: 350px;}
	/*********************************************************/
	.tela-7 .content {width: 80% !important;}
	/*********************************************************/
}
@media (max-width: 1152px) {
	/*********************************************************/
	header .logo {width: 160px; height: 50px;}
	header .dados li {font-size: 0.8em;}
	header .inputsel{font-size: 0.7em;}
	/*********************************************************/
	h1 {font-size: 1.6em ;}
	p {font-size: 1em; line-height: 22px;}
	/*********************************************************/
	.tela-2 h2 {font-size: 1em;}
	/*********************************************************/
	.tela-4 .imagem {height: 280px;}
	/*********************************************************/
	.tela-6 .quadro {height: 140px;}
	/*********************************************************/
	.tela-8 .dados li {font-size: 1.2em;}
	/*********************************************************/
	.mapa iframe {height: 300px;}
	/*********************************************************/
	footer .sub li {font-size: 0.9em;}
	footer .dados li {font-size: 0.8em;}
	/*********************************************************/
	.fim p {font-size: 0.8em;}
	/*********************************************************/	
	.sobre h1 {font-size: 1.6em;}
	/*********************************************************/	
	.servicos h1 {font-size: 1.6em;}
	/*********************************************************/	
	.post h1 {font-size: 1.6em;}
	/*********************************************************/
}
@media (max-width: 950px) {
	/*********************************************************/
	header .social {display: none;}
	header .inputsel{font-size: 1em;}
	header .logo {width: 180px; height: 60px;}
	header .topo {padding: 10px 0;}
	header .inicio {display: none;}
	/*********************************************************/
	.esquerda {width: 100%; float: none;}
	.direita {width: 100%; float: none;}
	.centro {width: 100%;}
	.sumir {display: none !important;}
	.aparecer {display: block !important;}
	/*********************************************************/
	.botao-2 {width: 30%;}
	/*********************************************************/
	.tela-3 .esquerda {width: 100%;}
	.tela-3 .direita {width: 35%; margin: 40px auto 0 auto;}
	/*********************************************************/
	.tela-4 .imagem {height: 380px;}
	/*********************************************************/
	.tela-5 {text-align: center;}
	.tela-5 p {text-align: left;}
	.tela-5 .esquerda {width: 30%; margin: 0 auto 40px auto;}
	/*********************************************************/
	.tela-7 .content {width: 100% !important;}
	/*********************************************************/
	.tela-8 .esquerda {margin-bottom: 60px; text-align: center;}
	/*********************************************************/
	footer .logo {width: 220px; float: none; height: 80px; margin: 0 auto 20px auto;}
	footer .quadro {display: none;}
	footer .quadro-b {width: 100%; float: none; text-align: center;}
	footer .social {width: 100%;}
	footer .social li {float: none; display: inline-block; padding: 0 10px;}
	/*********************************************************/
	.sobre .colunas {columns: 1; column-gap: 0;}
	.sobre h3 {text-align: center;}
	.sobre .quadro {width: 100%; padding-bottom: 0; display: table; text-align: center;}
	.sobre .titulo-e {padding: 0; border: 0; width: 100%; margin: 0 !important;}
	.sobre .texto-d {width: 100%;}
	.sobre .texto-e {width: 100%;}
	.sobre .foto-g {width: 18%; height: 160px; }
	.sobre .foto {width: 18%; height: 160px;}
	.sobre .foto-p {width: 18%; height: 160px;}
	.sobre .maior {width: 100%; float: none; text-align: center; padding: 0;}
	.sobre .menor {width: 33%; }
	/*********************************************************/
	.servicos .esquerda {margin-bottom: 40px;}
	/*********************************************************/
	.equipamentos .esquerda {width: 55%; margin: auto;}
	.equipamentos .direita {width: 100%;}
	/*********************************************************/
	.sustentabilidade .imagem-e {width: 30%; float: none; margin: 0 auto 40px auto;}
	.sustentabilidade .imagem-d {width: 30%; float: none; margin: 40px auto 0 auto;}
	.sustentabilidade .texto-e {width: 100%; padding-bottom: 40px;}
	.sustentabilidade .texto-d {width: 100%;}
	.sustentabilidade h1 {width: 100%; }
	.sustentabilidade h2 {font-size: 1.2em;}
	/*********************************************************/
	.noticias h2 {font-size: 1em;}
	.noticias .post {width: 100%; margin-bottom: 40px;}
	.noticias .lateral {width: 100%; border-left: 0; padding-left: 0;}
	/*********************************************************/
}
@media (max-width: 667px) {
	/*********************************************************/
	.tela-2 .quadro {width: 90%;}
	/*********************************************************/
	.tela-3 .esquerda {text-align: center;}
	.tela-3 .esquerda p {text-align: left;}
	.tela-3 .direita {width: 70%; }
	/*********************************************************/
	.tela-4 .imagem {height: 460px;}
	/*********************************************************/
	.tela-5 .esquerda {width: 70%;}
	/*********************************************************/
	.tela-6 .quadro {background-size: 50%; background-position: center center;}
	/*********************************************************/
	.tela-7 .quadro {width: 90%;}
	.tela-7 .imagem {width: 30%; aspect-ratio: 1/1; float: none; margin: 0 auto 20px auto;}
	.tela-7 .texto {width: 100%; float: right; text-align: center;}
	/*********************************************************/
	h1 {font-size: 1.4em;}
	p {font-size: 0.9em;}
	/*********************************************************/
	.sobre h1 {font-size: 1.4em;}
	.sobre h2 {font-size: 1.2em;}
	.sobre h4 {font-size: 1.4em;}
	.sobre h5 {font-size: 1.4em; }
	/*********************************************************/
	.sobre .foto-g {width: 31%; height: 160px; }
	.sobre .foto {width: 31%; height: 160px;}
	.sobre .foto-p {width: 31%; height: 160px;}
	.sobre .menor {padding: 0 10px;}
	/*********************************************************/
	.servicos h1 {font-size: 1.4em;}
	.servicos .icon {background-size: 75%;}
	/*********************************************************/
	.botao-1 {width: 60%;}
	.botao-2 {width: 60%; }
	/*********************************************************/
	.mapa iframe {height: 200px;}
	/*********************************************************/
	.fim p {font-size: 0.7em;}
	/*********************************************************/
	.equipamentos .esquerda {width: 100%; margin: auto;}
	.equipamentos .foto {width: 90%;}
	/*********************************************************/
	.noticias .quadro {width: 100%; float: none; margin: 0 auto 40px auto;}
	/*********************************************************/
	.post h1 {font-size: 1.4em;}
	.post h2 {font-size: 1em;}
	/*********************************************************/
	.sustentabilidade .imagem-e {width: 60%; }
	.sustentabilidade .imagem-d {width: 60%;}
	/*********************************************************/
	.accordion-header {font-size: 0.8em; padding: 10px;}
	.accordion .txt p {font-size: 0.9em; line-height: 22px;}
	/*********************************************************/
}
@media (max-width: 414px) {
	/*********************************************************/
	.botao-1 {width: 90%; height: 60px;}
	.botao-2 {width: 90%; height: 60px;}
	/*********************************************************/
	.tela-2 .quadro {width: 100%;}
	/*********************************************************/
	.tela-3 .direita {width: 100%; }
	/*********************************************************/
	.tela-8 .dados li {font-size: 1em;}
	.tela-8 .formulario {padding: 20px;}
	/*********************************************************/
	.tela-4 .imagem {height: 300px;}
	/*********************************************************/
	.tela-5 .esquerda {width: 100%;}
	/*********************************************************/
	.tela-6 .quadro {background-size: 80%;}
	/*********************************************************/
	.sobre .foto-g {width: 48%; height: 160px; }
	.sobre .foto {width: 48%; height: 160px;}
	.sobre .foto-p {width: 48%; height: 160px;}
	/*********************************************************/
	.servicos .icon {background-size:85%; height: 120px;}
	.servicos h2 {font-size: 0.9em;}
	/*********************************************************/
	.equipamentos .esquerda {width: 100%; margin: 0 auto 80px 0;}
	.equipamentos .foto {width: 100%; height: 240px}
	.equipamentos h2 {font-size: 1em;}
	/*********************************************************/
}
/*********************************************************/