/*********************************************************/
/*	RESPONSIVO CSS										 */
/*	DESENVOLVIDO POR: GLOBALWS							 */
/*	CEO: MICHAEL PICOLO									 */
/*********************************************************/
@media (max-width: 1680px) {
	/*********************************************************/
	.home .esquerda {width: 50%; }
	/*********************************************************/
}
@media (max-width: 1440px) {
	/*********************************************************/
	.home .esquerda {padding: 150px 0 0 5%;}
	.home .img-1 {width: 55%; height: 700px;}
	/*********************************************************/
	.sobre .esquerda {margin: 80px 0 0 5%;}
	.sobre .quadro {width: 65%; right: 0;}
	/*********************************************************/
	.qualidades {padding: 30px 5%;}
	.qualidades .dif {width: 31%; float: left; margin: 0 1%; }
	/*********************************************************/
	.socios .quadro { min-height: 350px; }
	/*********************************************************/
	.trabalhe iframe { height: 470px;}
	/*********************************************************/
}
@media (max-width: 1366px) {
	/*********************************************************/
	.home {min-height: 600px;}
	.home .esquerda {padding: 50px 0 0 5%;}
	.home .img-1 {height: 600px;}
	/*********************************************************/
}
@media (max-width: 1280px) {
	/*********************************************************/
	.content {max-width: 90%;}
	h1 {font-size: 2em;}
	/*********************************************************/
	.socios h2 {font-size: 1em;}
	/*********************************************************/
	.tela-3 .quadro { padding: 50px 10px 0 10px;}
	/*********************************************************/
}
@media (max-width: 1024px) {
	/*********************************************************/
	h1 {font-size: 1.6em;}
	/*********************************************************/
	.home {min-height: 500px;}
	.home .img-1 {height: 500px;}
	/*********************************************************/
	.tela-2 .quadro {width: 47%; }
	/*********************************************************/
	.tela-3 .quadro { padding: 20px 10px 0 10px;  min-height: 240px;}
	.tela-3 .icon {width: 100%;}
	.tela-3 h2 {font-size: 1em;}
	.tela-3 h2 span {font-size: 1.2em !important; display: block; }
	/*********************************************************/
	footer .logo {width: 180px; height: 60px;}
	/*********************************************************/
	.socios .quadro { min-height: 300px;}
	/*********************************************************/
	.trabalhe iframe { height: 495px;}
	/*********************************************************/
	.botao-verde {display: block; margin-bottom: 20px;}
}
@media (max-width: 950px) {
	/*********************************************************/
	header .social {display: none;}
	.botao-verde-b {position: relative; left: 0; margin-top: 20px; display: table;}
	/*********************************************************/
	.esquerda {width: 100%; float: none; padding-bottom: 40px;}
	.direita {width: 100%; float: none;}
	.sumir {display: none !important;}
	.aparecer {display: block !important;}
	/*********************************************************/
	.tela-1 {padding: 40px 0;}
	.tela-1 .direita {padding-top: 0; width: 60%; margin: auto;}
	/*********************************************************/
	.tela-3 .quadro { flex: 0 0 calc(33% - 20px); }
	/*********************************************************/
	footer .logo {width: 220px; height: 60px; margin: 0 auto 20px auto; margin-top: 20px;}
	footer .quadro {width: 100%; float: none; padding-right: 0; text-align: center;}
	footer .quadro-full {width: 100%; float: none; margin-top: 20px;}
	footer .social {padding-bottom: 20px;}
	footer .dados li {text-align: center;}
	footer .logos {width: 80%; height: 100px; margin: auto;}
	/*********************************************************/
	.sobre {padding-top: 40px;}
	.sobre .esquerda {width: 40%; margin: 0 auto; }
	.sobre .direita {padding-right: 0; width: 90%; margin: 0 auto 40px auto;}
	.sobre .quadro {width: 100%; position: relative; right: 0; bottom: -40px; }
	.sobre img {border-radius: 10px;}
	.sobre .dados li {background-image: url(../images/check.png); background-position: left top 5px; background-repeat: no-repeat; background-size: 15px; padding: 0 0 10px 30px; font-size: 0.8em; color: #fff;}
	/*********************************************************/
	.qualidades {background-color: transparent;}
	.qualidades h3 {font-size: 1.2em; color: var(--cor_1); padding-bottom: 10px;}
	.qualidades p {color: var(--cor_2); }
	.qualidades .dif {width: 100%; float: none; margin: 0 auto 30px auto; }
	/*********************************************************/
	.socios .quadro { min-height: 400px; }
	/*********************************************************/
	.servico .direita {padding-top: 0;  width: 60%; margin: auto;}
	/*********************************************************/
	.contato .direita {padding-left: 0;}
	/*********************************************************/
	.trabalhe iframe { height: 570px;}
	/*********************************************************/
	.solucoes {width: 100%; text-align: center;}
	.solucoes h4 {font-size: 1.4em;}
	.solucoes .logo {float: none; width: 200px; height: 200px; background-size: 100%; display: inline-block;}
	.solucoes .txt {float: none; width: 100%;}
}
@media (max-width: 667px) {
	/*********************************************************/
	.home {min-height: 100px; border-bottom: 20px solid var(--cor_1); padding-bottom: 40px;}
	.home .esquerda {width: 90%; text-align: center; position: relative; z-index: 1;}
	.home .img-1 {width: 100%; height: 400px; z-index: 0; opacity: 0.2;}
	.home .barra {display: none;}
	.home h2 {font-size: 0.9em;}
	p {color: var(--cor_2);}
	/*********************************************************/
	.tela-2 {padding: 40px 0;}
	.tela-2 .quadro {width: 100%; margin: 0 auto 20px auto; }
	.tela-2 .texto {min-height: 180px; }
	.tela-2 h2 {font-size: 0.9em;}
	.tela-2 p {color: #fff;}
	/*********************************************************/
	.sobre .esquerda {width: 90%;}
	/*********************************************************/
	.trabalhe iframe { height: 610px;}
	/*********************************************************/
	.servico .direita {width: 100%;}
	/*********************************************************/
	.tela-3 .quadro { flex: 0 0 calc(50% - 20px); }
	/*********************************************************/
}
@media (max-width: 480px) {
	/*********************************************************/
	h1 {font-size: 1.2em; text-align: center;}
	p {font-size: 0.9em; line-height: 22px;}
	/*********************************************************/
	.tela-1 .direita {width: 100%;}
	/*********************************************************/
	.tela-3 .quadro { padding: 10px;  min-height: 180px;}
	.tela-3 .icon {width: 100%; height: 85px;}
	.tela-3 h2 {font-size: 0.8em;}
	.tela-3 h2 span {font-size: 1.4em !important; display: block; }
	/*********************************************************/
	.socios .quadro { min-height: 500px; filter: grayscale(0%);}
	/*********************************************************/
	.navegacao {padding: 10px 0;}
	.navegacao li {font-size: 0.8em;}
	/*********************************************************/
	.trabalhe iframe { height: 700px;}
	/*********************************************************/
}
@media (max-width: 384px) {
	/*********************************************************/
	.trabalhe iframe { height: 780px;}
	/*********************************************************/
	
}