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

	#home .banners .owl-nav {width: 12%; right: 0; bottom: 115px;}

}

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

	.titulo {font-size: 45px; line-height: 50px;}
	.titulo.grande {font-size: 50px; line-height: 55px;}

	.contato .conteudo .info {padding-left: 0px; width: 50%;}

	.carousel {padding-top: 100px;}

	.box-padrao {padding-top: 100px;}

	.box-topo-interno {height: 550px;}
	.box-topo-interno .curva svg {height: 25px;}

	#menu-solucoes .menu-solucoes .solucao {height: 420px;}
	#menu-solucoes .menu-solucoes .solucao .info {padding: 0 0 35px 35px; width: 85%;}

	#header .social .botao-orcamento {margin-right: 70px;}
	
	#footer .conteudo .menu .submenu .item svg {height: 16px; width: 16px; margin-top: 4px;}

	#home .banners .curva svg {height: 23px;}
	#home .banners .lista .banner a .info .texto {width: 60%;}

	#home .servicos .lista-servicos {width: 55%;}

	#quemsomos .especialistas {padding-top: 100px;}
	#quemsomos .especialistas .box-img {height: 450px;}
	#quemsomos .box-padrao:first-child {padding-top: 100px;}
	#quemsomos .carousel {padding: 100px 0;}

	#solucao .orcamento {padding-bottom: 100px;}

	#contato .box-form {padding: 100px 0;}
	#contato .localizacao .conteudo .mapa {height: 600px;}
	#contato .localizacao .conteudo .box {padding-left: 50px;}

}

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

	.titulo {font-size: 40px; line-height: 45px;}
	.titulo.grande {font-size: 45px; line-height: 50px;}

	.box-padrao .box-img {width: 50%; height: 380px;}
	.box-padrao .info {width: 45%;}

	.carousel .box-carousel {height: 320px;}

	#menu-solucoes .menu-solucoes .solucao {height: 380px;}
	#menu-solucoes .menu-solucoes .solucao .info {padding: 0 0 25px 25px; width: 90%;}

	#header .social .botao-orcamento {margin-right: 30px;}
	#header .social a {margin-left: 15px;}

	#footer .conteudo .logo {width: 200px;}
	#footer .conteudo .menu .submenu {margin-left: 25px;}
	#footer .conteudo .menu .submenu .item svg {height: 15px; width: 15px; padding-right: 7px; margin-top: 3px;}

	#home .banners {height: calc(90vh - 20px);}
	#home .banners .lista .banner a .info .texto {width: 75%;}
	#home .banners .owl-nav {width: 15%;}

	#home .servicos {padding: 100px 0; flex-direction: column;}
	#home .servicos .info-geral {width: 100%;}
	#home .servicos .lista-servicos {width: 100%;}
	#home .servicos .lista-servicos .servico {margin-right: 10px;}

	#quemsomos .especialistas .box-img {height: 400px;}

	#solucoes .servicos {padding: 100px 0;}
	#solucoes .servicos .lista-servicos .servico {margin: 15px 10px; width: calc(33.33% - 20px); height: 430px;}

	#solucao .info-solucao-interna .conteudo .box-img {height: 450px; width: 55%;}
	#solucao .info-solucao-interna .conteudo .info {width: 45%;}

	#contato .localizacao {padding: 120px 0;}
	#contato .localizacao .conteudo {justify-content: space-between;}
	#contato .localizacao .conteudo .box {padding-left: 30px;}
	#contato .localizacao .conteudo .box .info {padding-bottom: 25px;}
	#contato .localizacao .conteudo .box .box-img {width: 100%;}
	#contato .localizacao .conteudo .mapa {height: 500px;}
	
}

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

	.modal .content-modal .box .conteudo .form {margin-top: 10px;}
	.modal .content-modal .box .conteudo .info .titulo {margin-bottom: 0;}

	.titulo.pequeno {font-size: 30px; line-height: 35px;}
	.titulo.medio {font-size: 35px; line-height: 40px;}

	.box-topo-interno {height: 480px;}
	.box-topo-interno .curva svg {height: 20px;} 

	.box-padrao .box-img {height: 340px;}
	.box-padrao .info {width: 48%;}
	.box-padrao .info .texto {width: 95%;}

	.contato .conteudo .box-img {width: 45%;}
	.contato .conteudo .info {width: 55%;}

	.carousel .box-carousel {height: 280px;} 

	#menu-solucoes .menu-solucoes .solucao .info .texto {width: 100%;}

	#header .conteudo .logo {width: 230px;}
	#header .social .botao-orcamento {margin-right: 20px;}

	#footer .conteudo {flex-direction: column; align-items: center; padding: 50px 0;}
	#footer .conteudo .menu {padding-top: 20px; flex-direction: column; align-items: center;}
	#footer .conteudo .menu .submenu {text-align: center; padding-top: 10px; margin-left: 0px;}
	#footer .conteudo .menu .submenu .item {flex-direction: column; align-items: center;}
	#footer .conteudo .menu .submenu .item svg {padding-right: 0; padding-bottom: 5px;}

	#footer .box-menu-lgpd .menu-lgpd {padding-bottom: 10px;}
	#footer .box-menu-lgpd a {margin: 0 5px;}
	#footer .box-menu-lgpd a:first-child {margin-right: 5px; margin-left: 0;}
	#footer .box-menu-lgpd .egge {width: 70px; height: 20px;}

	#home .banners .curva svg {height: 20px;} 

	#quemsomos .especialistas .box-img {height: 350px;}

}

@media screen and (max-width:960px) {
	
	html {position:relative;width:100%;min-width:315px;}
	body {position:relative;width:100%;}

	* {-webkit-overflow-scrolling:touch;}

	.wrapper {width:calc(100% - 20px)!important;margin-left: 10px;}
	
	.ico-menu {position:absolute;right:10px;z-index: 10;margin-top: 50px;}
	.ico-menu .line {width: 25px; border-radius: 4px;height: 3px;background: var(--cor-principal);margin-bottom: 5px;transition-duration: 0.8s;margin-top: 0px;}
	.ico-menu.close {margin-top: 50px; float: right; margin-right: 25px; position: fixed;}
	.ico-menu.close .line {position:absolute;transition-duration: 0.8s;}
	.ico-menu.close .line:nth-child(2) {display:none;transition-duration: 0.8s;}
	.ico-menu.close .line:nth-child(1) {transform:rotate(45deg);margin-top:10px;transition-duration: 0.8s;}
	.ico-menu.close .line:nth-child(3) {transform:rotate(-45deg);margin-top:10px;transition-duration: 0.8s;}

	.form {flex-direction: column; align-items: flex-end;}
	.form input[type="text"], .form input[type="email"], .form select, .form input[type="password"], .form textarea, .form .small3 {width: calc(100% - 24px)!important; margin: 10px 0;}
	.form .botao-form {margin-top: 15px;}

	.modal { overflow-y: scroll; }
	.modal .close {right: 40px; top: 40px;}
	.modal .content-modal .box {width: calc(95% - 80px); padding: 40px; top: 0; overflow-y: scroll;}
	.modal .content-modal .box .form {flex-direction: row;}
	.modal .content-modal .box .form .small3 {width: 100%;}

	.cookie-bar .box {float:none;margin-left:20px;width:calc(100% - 40px);}
	.cookie-bar .buttons {float:none;margin-left:20px;width:calc(100% - 40px);margin-top:30px;}

	.menu-mobile {display: block;}

	.contato .conteudo {flex-direction: column-reverse;}
	.contato .conteudo .info {width: 100%;}
	.contato .conteudo .info .texto {width: 100%;}
	.contato .conteudo .info .botao {margin-top: 20px;}
	.contato .conteudo .box-img {width: 55%; padding-top: 20px;} 

	.box-topo-interno {height: 400px;}

	.carousel {padding-top: 75px;}

	.box-padrao {padding-top: 75px; flex-direction: column;}
	.box-padrao:nth-child(odd) {flex-direction: column;}
	.box-padrao .info {width: 100%; margin-top: 25px;}
	.box-padrao .box-img {width: 70%; height: 300px; margin-top: 20px;}

	#menu-solucoes {display: none;}

	#header {padding-top: 35px;}
	#header .conteudo .logo {width: 210px;}
	#header .conteudo .menu {display: none;}
	#header .social {display: none;}

	#footer .conteudo {padding: 35px 0;}

	#home .banners {height: 100vh;}
	#home .banners .lista .banner a .img-banner {display: none!important;}
	#home .banners .lista .banner a .img-banner-mobile {display: block!important;}
	#home .banners .lista .banner a .info {width: 100%; align-items: center; text-align: center; height: auto; padding-bottom: 15%;}
	#home .banners .curva svg {height: 16px;}
	#home .banners .owl-nav {display: none;}

	#home .servicos {padding: 75px 0;}

	#quemsomos .especialistas {flex-direction: column; padding-top: 75px;}
	#quemsomos .especialistas .info {width: 100%;}
	#quemsomos .especialistas .box-img {width: 70%; padding-top: 20px;}	
	#quemsomos .box-padrao:first-child {padding-top: 75px;}
	#quemsomos .carousel {padding: 75px 0;}

	#solucoes .servicos {padding: 75px 0;}
	#solucoes .servicos .lista-servicos .servico {width: calc(50% - 20px); margin: 10px;}

	#solucao .box-padrao.primeira {flex-direction: column-reverse;}
	#solucao .info-solucao-interna {margin: 0px 0; padding: 100px 0;}
	#solucao .info-solucao-interna .conteudo {flex-direction: column-reverse;}
	#solucao .info-solucao-interna .conteudo .info {width: 100%; left: 0; text-align: center;}
	#solucao .info-solucao-interna .conteudo .box-img {width: 70%; margin-top: 20px; height: 380px;}
	#solucao .orcamento {padding-bottom: 75px;}
	#solucao .orcamento .titulo {margin-bottom: 20px;}

	#contato .box-form {padding: 75px 0;}
	#contato .box-form .info {padding-bottom: 10px;}
	#contato .box-form .info .social .email {margin-right: 20px;}
	#contato .localizacao {padding: 75px 0;}
	#contato .localizacao .conteudo {flex-direction: column-reverse;}
	#contato .localizacao .conteudo .box {width: 100%; padding-left: 0;}
	#contato .localizacao .conteudo .mapa {width: 100%;}
	#contato .localizacao .conteudo .box .box-img {display: none;}

}

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

	.titulo {font-size: 35px; line-height: 40px;}
	.titulo.pequeno {font-size: 25px; line-height: 30px;}
	.titulo.medio {font-size: 30px; line-height: 35px;}
	.titulo.grande {font-size: 40px; line-height: 45px;}

	.box-topo-interno {height: 340px;}
	.box-topo-interno .curva svg {height: 12px;}

	.contato {padding-top: 50px;}

	.sombra {height: 200px;}

	.box-padrao .box-img {width: 80%;}

	.contato .conteudo .box-img {width: 60%;}

	#home .banners .curva svg {height: 12px;}
	#home .banners .lista .banner a .info {padding-bottom: 20%;}
	#home .banners .lista .banner a .info .texto.active {width: 85%;}
	#home .banners .lista .banner a .info .botao.active {margin-top: 20px;}
	#home .servicos .lista-servicos .servico {height: 400px;}
	#home .servicos .lista-servicos .servico .info {padding-bottom: 70px;}
	#home .servicos .lista-servicos .servico .info .botao-servico {bottom: 25px;}
	#home .servicos .lista-servicos .servico svg {bottom: 0px;}

	#quemsomos .especialistas .box-img {width: 80%; height: 300px;}

	#solucoes .servicos .lista-servicos .servico {height: 400px;}
	#solucoes .servicos .lista-servicos .servico .info {padding-bottom: 70px;}
	#solucoes .servicos .lista-servicos .servico .info .botao-servico {bottom: 25px;}
	#solucoes .servicos .lista-servicos .servico svg {bottom: 0px;}

	#solucao .info-solucao-interna .conteudo .box-img {width: 80%; height: 350px;}

	#contato .box-form .info {flex-direction: column; align-items: flex-start;}
	#contato .box-form .info .social {padding-top: 10px;}
	#contato .box-form .info .social li a svg {height: 16px; width: 16px;;}

}

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

	.form .botao-form {flex-direction: column; width: 100%; align-items: center;}
	.form .botao-form .termos {left: 0; width: calc(100% - 74px); margin-bottom: 5px; padding: 15px 35px; justify-content: center; border-radius: 0;}
	.form .botao-form button {width: 100%; border-radius: 0; justify-content: center;}

	.contato .conteudo .info { text-align: center; }

	.modal .close {right: 25px; top: 25px;}
	.modal .content-modal .box {width: calc(100% - 50px); padding: 25px;}
	.modal .content-modal .box .form {flex-direction: column; width: 100%;}
	.modal .content-modal .box .form input[type="text"], .form input[type="email"], .form select, .form input[type="password"], .form .small3 {width: calc(100% - 24px)!important;}

	.titulo.grande {font-size: 35px; line-height: 40px;}

	.carousel .box-carousel {margin: 0 5px;}

	.contato .conteudo .box-img {width: 75%;}
	
	.box-topo-interno .curva svg {height: 8px;} 

	.box-padrao .box-img {width: 100%; height: 280px;}

	.menu-mobile .logo svg {width: 200px;}

	#header .conteudo .logo {width: 200px;}

	#footer .conteudo .logo {width: 200px;}

	#home .banners {height: 90vh;} 
	#home .banners .curva svg {height: 8px;}
	#home .banners .lista .banner a .info .texto.active {width: 95%;}
	#home .banners .owl-dots {bottom: 30px; padding-top: 0;}
	#home .servicos .info-geral { text-align: center; }
	#home .servicos .info-geral .linha { margin: 20px auto 30px; }

	#quemsomos .especialistas .box-img {width: 100%;}

	#solucoes .servicos {padding: 50px 0;}
	#solucoes .servicos .lista-servicos .servico {width: 100%; margin: 10px 0;}

	#solucao .info-solucao-interna {padding: 35px 0;}
	#solucao .info-solucao-interna .conteudo .box-img {width: 100%;}
	
	#contato .localizacao .conteudo .mapa {height: 400px;}
	#contato .localizacao .conteudo .box .info { text-align: center; }

	#imagem_first { order: 1!important; }


}

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

	.contato .conteudo .box-img {width: 85%;}

	.box-padrao .box-img {height: 250px;}

	.box-topo-interno .curva {bottom: -1px;}
	.box-topo-interno .curva svg {height: 6px;} 

	#home .banners .curva {bottom: -1px;}
	#home .banners .curva svg {height: 6px;}

	#quemsomos .especialistas .box-img {height: 230px;}

	#solucao .info-solucao-interna .conteudo .box-img {height: 300px;}

}