@media screen and (max-width:1439px) {

	.produto .box-numero {left: 35px; width: calc(100% - 40px);}

	.especialistas .puxador {right: 20px;}

	.box-topo-interno::before {width: 5px;}

	#header .logo {margin-top: 28px;}
	#header .menu li {margin-left: 55px;}

	#footer .border {width: 5px;}

	#home .sobre {height: 840px;}
	#home .sobre .box {padding-top: 100px;}
	#home .sobre .button-arrow {margin-top: 25px;}
	#home .sobre .logo {margin-top: 30px;}

	#institucional .sobre::after {width: 5px;}
	#institucional .galeria {margin-top: 0;}
	#institucional .box-galeria {height: 360px;}

}

@media screen and (max-width:1260px) {

	.titulo.size1 {font-size:44px;}
	.titulo.size2 {font-size:36px;}
	.titulo.size3 {font-size:34px;}

	.especialistas .box {padding-top: 100px; padding-bottom: 140px;}
	.especialistas .puxador {right: 10px; width: 420px; bottom: -130px; object-fit: contain; height: fit-content;}

	.produto {height: 380px;}
	.produto .box-numero {left: 25px; width: calc(100% - 35px);}
	.produto .box-numero .numero {font-size: 100px;}
	.produto .box-numero .titulo {position: absolute; top: 45px; left: 30px;}

	.box-topo-interno .compartilhar {right: 10px; bottom: 20px;}

	#header .wrapper {max-width: none;}
	#header .logo svg {width: 260px; height: fit-content; object-fit: contain;}
	#header .menu {margin-top: 58px;}
	#header .menu li {margin-left: 40px;}

	#footer .box-top .box {margin-right: 70px;}

	#home .sobre {height: 780px;}
	#home .sobre .box {padding-top: 60px;}
	#home .sobre .titulo {margin-bottom: 25px;}
	#home .sobre .button-arrow {margin-top: 15px;}
	#home .sobre .logo {margin-top: 15px; width: 340px; height: fit-content; object-fit: contain;}
	#home .sobre .imagem {margin-left: 20px; right: 15px;}

	#institucional .box-topo-interno .ico {right: 60px; bottom: -81px;}
	#institucional .box-topo-interno .ico svg {width: 540px; height: 160px;}
	#institucional .sobre .conteudo {padding-top: 80px; padding-bottom: 60px;}
	#institucional .sobre .titulo {width: 45%; font-size: 44px;}
	#institucional .sobre .texto {width: calc(55% - 10px);}
	#institucional .sobre .logo {margin-top: 30px;}
	#institucional .sobre .logo img {width: 400px; height: fit-content;}
	#institucional .tecnologia {padding: 80px 0 120px;}
	#institucional .tecnologia .titulos {padding-bottom: 25px;}
	#institucional .tecnologia .titulo {padding-bottom: 20px;}
	#institucional .tecnologia .titulo:first-child {margin-right: 20px;}
	#institucional .tecnologia .box-img {width: calc(50% - 20px); height: 380px;}
	#institucional .valores {bottom: 60px; padding: 60px 35px;}

	#representantes .representante {padding: 25px 20px 0;}
	#representantes .mapa {width: 45%;}

	#produtos .filtros {width: calc(25% - 10px);}
	#produtos .produtos .produto {height: 280px; width: calc(33.33% - 12px); margin: 0 5px 10px;}
	#produtos .produtos .produto img {height: 200px;}
	#produtos .produtos .produto .info-produto {left: 20px;}
	#produtos .produtos .produto:hover .info-produto {bottom: 20px;}
	#produtos .produtos .produto .titulo {margin-bottom: 20px;}
	#produtos .produtos .produto:hover .titulo {margin-bottom: 10px;}

	#produto .sobre .galeria .box-galeria {height: 420px;}

}

@media screen and (max-width:1030px) {

	.titulo.size1 {font-size:40px;}
	.titulo.size2 {font-size:34px;}
	.titulo.size3 {font-size:30px;}
	.titulo.size4 {font-size:28px;}
	.titulo.size5 {font-size:26px;}

	.menu-produtos .box-img .img img {height: 100%; width: 100%; object-fit: contain;}

	#header .logo {margin-top: 33px;}
	#header .logo svg {width: 240px;}
	#header .menu li {margin-left: 30px;}

	#home .sobre {height: auto; padding: 30px 0;}
	#home .sobre .imagem {max-height: 800px;}
	#home .sobre .button-arrow {margin-top: 10px;}
	#home .sobre .logo {margin-top: 5px;}

	#institucional .box-topo-interno .ico {bottom: -71px;width: 390px;}
	#institucional .box-topo-interno .ico svg {width: 460px; height: 140px;}
	#institucional .sobre .conteudo {padding-top: 50px; padding-bottom: 0;}
	#institucional .sobre .titulo {font-size: 40px;}
	#institucional .sobre .texto {columns: 1; margin-top: 20px; width: 55%;}
	#institucional .sobre .logo {position: relative; margin-top: 0; bottom: 80px;}
	#institucional .tecnologia {padding: 60px 0 120px;}
	#institucional .tecnologia .box-img svg {right: 10px;}
	#institucional .tecnologia .box-img svg:last-child {left: 10px;}
	#institucional .valores {bottom: 50px; padding: 40px 25px;}
	#institucional .valores .item {width: calc(50% - 10px);}
	#institucional .box-galeria {height: 300px;}

	#produtos .produtos .produto {height: 260px; width: calc(50% - 12px);}

	#produto .sobre {padding-top: 60px;}
	#produto .sobre .aplicacoes {width: calc(50% - 20px);}
	#produto .sobre .contatos {margin-top: 35px;}

	#contato .mapa {height: 440px;}
	
}

@media screen and (max-width:960px) {

	html {position:relative;width:100%;min-width:315px;}
	body {position:relative;width:100%;}

	* {-webkit-overflow-scrolling:touch;}

	.wrapper2 {width:calc(100% - 20px)!important;}

	.cookie-bar .conteudo {flex-direction: column; padding: 20px 20px 0;}
	.cookie-bar .box {width: 100%; margin: 0;}
	.cookie-bar .buttons {width: 100%; margin: 25px 0 0 0;}

	form .small4 {width: calc(50% - 5px); margin-bottom: 20px;}
	form .small3 {width: calc(50% - 5px); margin-bottom: 20px;}
	form .small2 {width: calc(50% - 5px); margin-bottom: 20px;}

	.whatsapp-geral {height: 50px; width: 50px; bottom: 20px;}
	.whatsapp-geral svg {height: 30px; width: 30px;}

	.titulo.size1 {font-size:36px;}
	.titulo.size2 {font-size:30px;}
	.titulo.size3 {font-size:28px;}
	.titulo.size4 {font-size:26px;}
	.titulo.size5 {font-size:24px;}
	.titulo.size6 {font-size:20px;}

	.especialistas {background: #e2dbd3;}
	.especialistas .box {margin-left: 0; width: 100%; padding-top: 60px; padding-bottom: 100px;}
	.especialistas .puxador {bottom: -110px;}

	.produto {height: 320px;}
	.produto .box-numero .numero {font-size: 85px;}
	.produto .box-numero .titulo {font-size: 36px; top: 35px;}

	.box-topo-interno .titulo {margin-bottom: 30px;}

	#header .container {align-items: center; justify-content: space-between; padding-top: 20px;}
	#header .logo {margin-top: 0;}
	#header .ico-menu {display: flex;}
	#header .menu {display: none;}

	#footer {padding: 35px 0 25px;}
	#footer .logo svg {width: 260px; height: fit-content; object-fit: contain;}
	#footer .box-top {padding-bottom: 20px; padding-top: 35px;}
	#footer .box-bottom {padding-top: 0;}

	#home .banners .banner {height: 100vh;}
	#home .banners .banner .img-banner {display: none;}
	#home .banners .banner .img-banner-mobile {display: block;}
	#home .banners .banner .box {bottom: 60px; left: 50%; transform: translateX(-50%); width: 100%; max-width: 600px; text-align: center; display: flex; flex-direction: column; align-items: center;}
	#home .sobre {display: flex; flex-direction: column-reverse; padding: 60px 0;}
	#home .sobre .box {padding-top: 0; width: 100%; max-width: none;}
	#home .sobre .imagem {position: relative; right: auto; top: auto; bottom: auto; max-height: none; left: 50%; transform: translateX(-50%); width: calc(100% - 20px); max-width: 650px; height: 700px; margin: 35px 0 0 0;}

	#institucional .box-galeria {height: 320px;}
	#institucional .tecnologia .conteudo {flex-direction: column;}
	#institucional .tecnologia .info {width: 100%; max-width: none;}
	#institucional .tecnologia .titulo {margin-bottom: 0;}
	#institucional .tecnologia .titulo:first-child {margin-right: 40px;}
	#institucional .tecnologia .box-img {margin-top: 30px; width: 100%; height: 380px;}
	#institucional .valores .conteudo {flex-direction: column;}
	#institucional .valores .item {width: 100%; margin-bottom: 35px; max-width: none;}
	#institucional .valores .item:last-child {margin-bottom: 0;}
	#institucional .trabalhe {background: #e2dbd3; padding: 60px 0 55px;}
	#institucional .trabalhe .info {max-width: 600px;}

	#produtos .conteudo {flex-direction: column;}
	#produtos .filtros {width: 100%;}
	#produtos .filtros form {align-items: center;}
	#produtos .filtros form .box {width: calc(100% - 30px); margin: 0;}
	#produtos .filtros form .ico-filtro {display: flex; margin-left: 10px;}
	#produtos .filtros form .ico-filtro svg {width: 20px; height: 20px;}
	#produtos .filtros form .ico-filtro svg path {fill: #666;}
	#produtos .filtros .categorias {max-height: 0; margin-top: 0; overflow: hidden; transition-duration: .8s;}
	#produtos .filtros .categorias.active {max-height: 350px; margin-top: 20px; transition-duration: .8s;}
	#produtos .produtos {width: 100%; margin-top: 40px; gap: 7px; justify-content: space-between;}
	#produtos .produtos .produto {margin: 0;}
	#produtos .produtos .produto img {top: 15px;}

	#produto .sobre {flex-direction: column; align-items: center; padding-top: 50px;}
	#produto .sobre .galeria {width: 100%; max-width: 500px;}
	#produto .sobre .galeria .box-galeria {display: flex; align-items: center; justify-content: center;}
	#produto .sobre .galeria .box-galeria img {width: 85%; height: 85%;}
	#produto .sobre .aplicacoes {margin-top: 45px; width: 100%; max-width: none;}
	#produto .sobre .info {margin: 0;}
	#produto .sobre .catalogo {margin-left: 0;}

	#representantes .mapa {width: calc(50% - 20px);}

	#contato .box-mapa {padding: 50px 0 60px; margin-top: 50px;}

	#politica .conteudo {flex-direction: column-reverse; padding: 60px 0;}
	#politica .conteudo .texto {width: 100%;}
	#politica .conteudo .filtro {width: 100%; margin-bottom: 1; flex-direction: row;}
	#politica .conteudo .filtro .botao-secundario {margin-right: 15px; margin-bottom: 25px;}

}

@media screen and (max-width:820px) {

	.titulo.size1 {font-size:32px;}
	.titulo.size2 {font-size:28px;}
	.titulo.size3 {font-size:26px;}
	.titulo.size4 {font-size:24px;}
	.titulo.size5 {font-size:20px;}
	.titulo.size6 {font-size:18px;}
	.titulo.size7 {font-size:14px;}

	.especialistas .puxador {right: -5px; bottom: -90px; width: 360px;}

	.produto:hover .imagem img {transform:none;}
	.produto:hover .box-numero .titulo {color:#bfb7b0;}

	.modal .conteudo .close {right: -5px; top: -35px;}

	#footer .box-top .box {margin-right: 0; margin-bottom: 0px; width: 33.33%;}

	#home .banners .compartilhar {right: 10px; bottom: 20px;}

	#institucional .box-topo-interno .ico {bottom: -130px; right: calc(50% - 130px); width: 260px;} 
	#institucional .box-topo-interno .ico svg {width: 280px;height: auto;}
	#institucional .sobre .conteudo {flex-direction: column;padding: 160px 0 50px;}
    #institucional .sobre .titulo {width: 100%; font-size: 36px;}
	#institucional .sobre .texto {width: 100%; margin-top: 30px;}
	#institucional .sobre .logo {bottom: auto; margin-top: 15px;}
	#institucional .box-galeria {height: 280px;}

	#produto .sobre .aplicacoes {margin-top: 0;}

	#representantes .representantes {padding: 40px 0 60px;}
	#representantes .form {display: flex; margin-bottom: 20px;}
	#representantes .mapa {display: none;}
	#representantes .lista {width: 100%; max-width: none;}
	#representantes .lista .titulo.size3.preto {margin-bottom: 0;}

	#contato .box-form {padding-top: 50px;}
	#contato .info-form {flex-direction: column;}
	#contato .info-form .box {width: 100%;}
	#contato .info-form .itens {flex-direction: column; width: 100%; padding-top: 30px; padding-left: 0;}
	#contato .mapa {height: 360px;}
	
}

@media screen and (max-width:620px) {

	form .box {height: 50px; margin-bottom: 10px;}
	form .small4 {width: 100%;}
	form .small3 {width: 100%;}
	form .small2 {width: 100%;}
	form .box-botao {flex-direction: column; align-items: center; height: auto;}
	form .box-botao .termos {padding: 0; width: 100%; height: 40px; left: 0; margin: 0; justify-content: center;}
	form .box-botao .botao-secundario {width: 100%; padding: 0; height: 40px; justify-content: center;}

	.menu-mobile {width: calc(100% - 20px); max-width: 500px; box-sizing: border-box;}

	.especialistas .puxador {right: -10px; bottom: -70px; width: 280px; height: 210px;}

	.produto .imagem {align-items: flex-end;}
	.produto .imagem img {max-width: 85%; max-height: 85%; margin-bottom: 15px;}

	.box-topo-interno {height: 48vh;}
	.box-topo-interno .titulo {margin-bottom: 20px;}

	#footer {padding-top: 25px;}	
	#footer .logo svg {width: 220px; height: 80px;}
	#footer .container {flex-direction: column; align-items: center;}
	#footer .box-top {margin-top: 25px;}
	#footer .box-top .box {display: none;}
	#footer .box-top .box:nth-child(4) {display: flex; flex-direction: column; align-items: center;}
	#footer .box-top .box .menu {display: flex; flex-direction: column; align-items: center;}
	#footer .box-top .box .menu li {margin-bottom: 20px;}
	#footer .box-top .box .menu li a {text-align: center;}
	#footer .box-top .social {margin: 20px 0; width: 100%; justify-content: center; align-items: center;}
	#footer .box-top .social li {margin: 0 4px;}
	#footer .box-bottom .menu {margin:0 0 20px 0;}
	#footer .box-bottom .menu li {margin: 0 10px;}
	#footer .box-bottom .egge {margin: 15px auto 0;}

	#home .sobre .imagem {height: 450px;}
	
	#institucional .sobre .logo img {width: 300px; height: 80px; object-fit: contain;}

	#produtos .produtos {gap: 5px;}
	#produtos .produtos .produto {width: calc(50% - 5px);}
	#produtos .produtos .produto .cores {display: none;}
	#produtos .produtos .produto:hover img {transform: none;}
	#produtos .produtos .produto:hover .info-produto {bottom: 10px;} 

	#representantes form .box {height: 65px;}
	
}

@media screen and (max-width:375px) {
}