/*********************************************************/
/*	RESPONSIVO CSS										 */
/*	DESENVOLVIDO POR: GLOBALWS							 */
/*	CEO: MICHAEL PICOLO									 */
/*********************************************************/
@media (max-width: 1440px) {
	.tela-2 {background-position: right -200px top 0;}
	.bgpaginas {background-image: url(../images/bg-interno-b.png);}
	.atuacao h3 {font-size: 0.9em;}
	.atuacao .verso p {font-size: 0.8em;}
}
@media (max-width: 1366px) {
	.home {  height: 130vh; }
	.atuacao .verso { padding: 10px;}
	.tela-2 {background-position: right 0 top 0;}
}
@media (max-width: 1280px) {
	.content {max-width: 90%;}
	#cssmenu > ul > li {margin: 0 10px; }
	.home {  height: 100vh; }
	.home .esquerda {width: 60%;}
	.tela-2 {background-position: right -200px top 0;}
	.navegacao {min-height: 350px;}
	.navegacao ul {padding-top: 200px;}
	.equipe .quadro {width: 100%;}
}
@media (max-width: 1024px) {
	header .logo {height: 70px;}
	header .menu {padding-top: 25px;}
	#cssmenu > ul > li {margin: 0 10px;}
	#cssmenu > ul > li > a { padding-bottom: 45px; font-size: 0.8em;}
	.home .esquerda {width: 100%; text-align: center;}
	h1 {font-size: 1.4em !important;}
	h2 {font-size: 1em !important;}
	p {font-size: 0.9em !important; line-height: 22px !important;}
	.wp .lg {width: 45px; height: 45px; }
	.wp {right: 5%; bottom: 80px;}
	.tela-2 {padding: 60px 0; }
	.atuacao .quadro {width: 47%; }
	.tela-3 {padding: 40px 0 20px 0;}
	.tela-3 .quadro {width: 100%; }
	footer li {font-size: 0.7em !important;}
	footer .social li {font-size: 1.4em !important;}
	footer .logo {height: 70px;}
	.fim p {font-size: 0.7em !important;}
	.navegacao {min-height: 200px;}
	.navegacao h1 {font-size: 1.6em;}
	.navegacao ul {padding-top: 150px;}
	.navegacao li {font-size: 0.8em;}
	.detalhes h1 {font-size: 1.4em !important;}
	.escritorio .foto-g {height: 180px; }
	.escritorio .foto-m {height: 180px; }
	.escritorio .foto-p {height: 180px; }
	.escritorio .foto {height: 180px; }
	.blog .imagem {height: 180px;}
}
@media (max-width: 950px) {
	header {position: relative; background-color: var(--azul);}
	header .menu {position: absolute; right: 20px; top: 45px; width: 50%;}
	#cssmenu > ul > li {margin: 0; }
	.home {height: auto; padding-bottom: 200px; min-height: 350px;}
	.esquerda {width: 100%; float: none; padding-bottom: 40px;}
	.direita {width: 100%; float: none;}
	.tela-1 {padding-bottom: 40px;}
	.tela-1 .esquerda {width: 50%; margin: auto; display: table;}
	.tela-1 .img1 {height: 400px; }
	.tela-1 .img2 {height: 190px;}
	.tela-1 .img3 {height: 190px;}
	.tela-1 .sombra {height: 400px;}
	.tela-2 {background-image: none !important; text-align: center; padding: 40px 0;}
	.tela-2 .quadro {padding: 40px 0 0 0;}
	.atuacao .quadro {height: 240px; }
	footer {text-align: center;}
	footer .logo {float: none; display: inline-block; width: 180px; height: 80px; margin:0 auto 20px auto;}
	footer .quadro {width: 100%; float: none; padding: 0 0 20px 0;}
	footer .social {width: 100%; float: none; text-align: center;}
	.navegacao {min-height: 150px; padding-bottom: 30px;}
	.navegacao ul {padding-top: 40px;}
	.sobre .direita {padding-top: 0; width: 50%; margin: 0 auto 40px auto;}
	.sobre .sombra {display: none;}
	.service .esquerda {width: 100%;}
	.service .direita {width: 30%; float: none; margin: 0 auto;}
	.contato .esquerda {width: 100%;}
	.contato .direita {width: 100%; display: table;}
	.aparecer {display: block !important;}
	.sumir {display: none;}
	.escritorio .esquerda {width: 100%;}
	.escritorio .direita {width: 50%; margin: 20px auto;}
}
@media (max-width: 667px) {
	header .social {width: 100%; text-align: center;}
	header .social li {float: none; display: inline-block; margin: 0 10px;}
	header .dados li {display: none;}
	header .logo {width: 140px; height: 60px;}
	header .selo {width: 50px; height: 60px; margin-right: 20px;}
	.home h1 {font-size: 1em !important; text-align: center !important;}
	.cr-dourado {top: 5px; position: relative;}
	.home {padding-bottom: 80px;}
	.tela-1 .img1 {height: 300px; border-radius: 20px;}
	.tela-1 .img2 {height: 140px; border-radius: 20px;}
	.tela-1 .img3 {height: 140px; border-radius: 20px;}
	.tela-1 .sombra {height: 300px; border-radius: 20px;}
	.atuacao .quadro {float: none; width: 80%; margin: 0 auto 30px auto; }
	.sobre .direita {width: 100%;}
	.escritorio .foto-g {width: 48%;}
	.escritorio .foto-m {width: 48%;}
	.escritorio .foto-p {width: 48%;}
	.escritorio .foto {width: 48%;}
	.escritorio {text-align: left !important;}
	.equipe .foto {float: none; width: 50%; margin: 0 auto 40px auto;}
	.equipe .texto {float: none; width: 100%;}
	.blog .imagem {width: 80%; height: 180px; border-radius: 20px; float: none; margin: 0 auto ;}
	.blog .texto {width: 100%; float: none;}
	.blog article {padding: 20px 0;}
	.post .capa {width: 80%; }
	.service .direita {width: 60%; }
}
@media (max-width: 480px) {
	header .menu {width: 80%;}
	.tela-1 .esquerda {width: 100%;}
	.tela-1 .sombra { left: -10px;}
	.tela-1 h1 {text-align: center; margin-top: 30px;}
	h1 {font-size: 1.2em !important;}
	.atuacao .quadro {width: 100%;}
	.escritorio .foto-g {height: 140px;}
	.escritorio .foto-m {height: 140px;}
	.escritorio .foto-p {height: 140px;}
	.escritorio .foto {height: 140px;}
	.navegacao h1 {font-size: 1.2em;}
	.equipe .foto {width: 100%;}
	.blog .imagem {width: 100%;}
	.post .capa {width: 100%; }
	.contato .esquerda {text-align: center;}
	.contato i {margin-bottom: 0;}
	.contato .icon {width: 10%; float: none; padding-top: 0; margin: 0 auto 20px auto;}
	.contato .texto {width: 100%; float: none; text-align: center;}
	.contato .direita {padding: 0;}
	.contato iframe {height: 250px;}
	.escritorio .direita {width: 80%;}
	.service .direita {width: 80%; }
}
/*********************************************************/