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

    .clientes::after {width: 75px;}
	.clientes .conteudo .lista {width: 95%;}

	.especialistas .conteudo {width: 50%;}

	#home .wssa .info {padding-top: 45px;}

	#quemsomos .wssa .conteudo .bg {bottom: 200px;}
	#quemsomos .wssa .conteudo .info .texto {width: 80%;}
	#quemsomos .wssa .info {width: 45%;} 

	#quemsomos .video .conteudo a {width: 80%;}

    #contato .faca-parte .conteudo {width: 50%;}

}

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

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

	.valores .valor {padding: 30px 20px;}
	.valores .valor .info {margin-top: 30px;}

	.especialistas {background-position-x:  60%; height: 550px	;}
	.especialistas .conteudo {width: 55%;}
	.especialistas .conteudo .info {margin-left: 50px;}

	.clientes .conteudo .lista {width: 90%;}
	.clientes .conteudo .lista .owl-nav {width: calc(110% + 30px);}

    .box-topo-interno {height: 300px;}
    .box-topo-interno .info {width: 55%;}

	#home .banners .lista .banner a .info {width: 65%; margin-left: 50px;}

	#home .wssa .box-img {width: 45%; height: 400px;}
	#home .wssa .info {width: calc(55% - 30px); background-position-x: 5%;}
	#home .wssa .info .texto {width: 80%;}

	#home .produtos {background:  #ffab02;}
    #home .produtos .conteudo .info-2 .titulo {font-size: 45px; line-height: 50px;}
	#home .produtos .conteudo .info-2:last-child {margin-right: 0;}
	#home .produtos .conteudo .info-2 .botoes .botao {margin-right: 10px;}

	#quemsomos .wssa .conteudo .box-img {height: 400px;}
	#quemsomos .wssa .conteudo .bg {bottom: 220px;}

	#quemsomos .video .conteudo a {height: 480px; width: 90%;}

	#produto .wssa .carousel .owl-dots {padding-top: 20px;}

	#produto .aplicacoes .lista .aplicacao .box-img {height: 180px;}

	#diferenciais .diferenciais .diferencial {flex-direction: column; padding: 20px 0;}
	#diferenciais .diferenciais .diferencial .box-img {height: 100%; border: none;}
	#diferenciais .diferenciais .diferencial:hover .box-img {border: none!important;}
	#diferenciais .diferenciais .diferencial .info {padding: 30px 0 0; width: calc(100% - 60px);}

    #contato .faca-parte {background-position-x:  60%; height: 550px	;}
	#contato .faca-parte .conteudo {width: 55%;}
	#contato .faca-parte .conteudo .info {margin-left: 50px;}
	
}

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

	.especialistas .conteudo {width: 60%;}
	.especialistas .conteudo .info {margin-left: 30px;}

	.box-topo-interno {background-position-x: 200%!important;}
	.box-topo-interno::after {width: 40%;}

    .clientes .conteudo .lista .cliente {margin: 0 15px;}

    .modal-orcamento .content-modal .box {width: calc(85% - 80px); padding: 40px;}

    .modal-footer .content-modal .box {width: calc(85% - 80px); padding: 40px;}

	#header .conteudo .menu .link-produtos .submenu {width: 140%;}
	#header .conteudo .menu .link-produtos .submenu::before {width: calc(100% - 7px);}

	#footer .conteudo .logo {width: 180px;}
	#footer .conteudo .menu .link-produtos .submenu {width: 140%;} 

	#home .banners .lista .banner a .info {margin-left: 30px;}

	#home .wssa .box-img {height: 380px;}

	#home .produtos .conteudo {flex-direction: column; justify-content: space-evenly;}
	#home .produtos .conteudo .info-1 .titulo {text-align: center;}
	#home .produtos .conteudo .lista {width: 100%;}
	#home .produtos .conteudo .lista .info-2 {align-items: center; text-align: center;}
    #home .produtos .conteudo .info-2 .botoes {display: flex; flex-wrap: wrap; justify-content: center;}
    #home .produtos .conteudo .lista .owl-dots {padding-top: 0;}

	#quemsomos .wssa .conteudo .box-img {height: 380px;}
	
	#quemsomos .video .conteudo a {height: 450px;}
	#quemsomos .video .conteudo a svg {height: 70px; width: 70px;}

    #contato .faca-parte .conteudo {width: 60%;}
	#contato .faca-parte .conteudo .info {margin-left: 30px;}

}

@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: 55px;}
	.ico-menu .line {width: 35px; height: 4px;background: var(--cor-principal);margin-bottom: 5px;transition-duration: 0.8s;margin-top: 0px;}
	.ico-menu.close {margin-top: 55px; float: right; margin-right: 35px; 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;background:#ffffff; transition-duration: 0.8s;}
	.ico-menu.close .line:nth-child(3) {transform:rotate(-45deg);margin-top:10px;background:#ffffff; 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% - 30px)!important; margin: 10px 0;}
    .form .botao-form {margin-top: 15px;}

	.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;}

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

    .box-topo-interno {background-position-x: 150%!important; height: 300px;}
    .box-topo-interno .info {width: 60%;}
    .box-topo-interno .barra {width: 30%;}

	.clientes .conteudo .info {flex-direction: column; align-items: flex-start;}
    .clientes .conteudo .lista {padding-top: 50px; width: 85%;}
    .clientes .conteudo .lista .owl-nav {width: calc(115% + 15px);}

    .especialistas {height: 500px; background: #f5f5f5;}
	.especialistas .conteudo {width: 70%;} 
	.especialistas .conteudo .info {margin-left: 0;}
	.especialistas .conteudo .info .texto {width: 80%;}

    .modal-orcamento .content-modal .box {width: calc(95% - 60px); padding: 30px;}
    .modal-orcamento .form {flex-direction: row;}
    .modal-orcamento .form textarea {height: 100px;}
    .modal-orcamento .form .primeira {width: calc(25% - 40px)!important;}
    .modal-orcamento .form .primeira:last-child {margin-right: 0;}
    .modal-orcamento .form .segunda {width: calc(50% - 37px)!important;}
    .modal-orcamento .form .primeira:last-child {margin-right: 0;}

    .modal-footer .content-modal .box {width: calc(95% - 60px); padding: 30px;}
    .modal-footer .form {flex-direction: row;}
    .modal-footer .form textarea {height: 100px;}
    .modal-footer .form .primeira {width: calc(25% - 40px)!important;}
    .modal-footer .form .primeira:last-child {margin-right: 0;}
    .modal-footer .form .segunda {width: calc(50% - 37px)!important;}
    .modal-footer .form .primeira:last-child {margin-right: 0;}

    .valores .valor {padding: 20px 15px; min-height: 150px;}

    #header {height: 110px;}
	#header .conteudo .logo {width: 110px;}
    #header .conteudo .menu {display: none;}
    #header .conteudo .social {display: none;}

    #footer {background: #303030; height: auto;}
    #footer .conteudo {flex-direction: column; padding: 50px 0;}
	#footer .conteudo .logo {width: 160px;}
    #footer .conteudo::before {bottom: 0;}
    #footer .conteudo .logo {width: 140px;}
    #footer .conteudo .menu {display: none;}
    #footer .conteudo .menu-contato {display: none;}
    #footer .conteudo .botao-footer {display: inline-flex; cursor: pointer; border: solid 3px var(--cor-principal); color: #ffffff; margin: 25px 0;}
    #footer .social a {margin: 0 5px;}
    #footer .box-menu-lgpd {position: relative;}

    #home .banners .lista .banner .img-banner {display: none;}
    #home .banners .lista .banner .img-banner-mobile {display: block;}
	#home .banners .lista .banner a .info {margin-left: 0; width: 100%; align-items: center; text-align: center; padding-bottom: 75px;}
    #home .banners .lista .banner a .info .linha {display: none;}
    #home .banners .lista .banner a .info .texto {width: 100%;}
    #home .banners .owl-dots {bottom: 25px; padding-top: 0;}

	#home .wssa {padding: 75px 0;}
    #home .wssa .box-img {height: 350px;}
	#home .wssa .info {background: none;}
    #home .wssa .info .texto {width: 100%;}

    #home .produtos .conteudo .lista {display: flex; flex-direction: column;}
    #home .produtos .conteudo .info-2 {margin-top: 30px;}
    #home .produtos .conteudo .info-2 .botoes {margin-top: 15px;}
    #home .produtos .conteudo .info-2 .botoes .botao {margin-bottom: 0;}
    
    #quemsomos .wssa {padding: 75px 0;}
    #quemsomos .wssa .info .titulo.medio {margin-top: 20px;}
    #quemsomos .wssa .info .texto {margin-top: 30px;}
    #quemsomos .wssa .conteudo .box-img {height: 350px;}
    #quemsomos .wssa .conteudo .bg {display: none;} 
    #quemsomos .wssa .conteudo .info .texto {width: 100%;}

    #quemsomos .video {height: 520px;}
    #quemsomos .video .conteudo a {width: 100%; height: 420px;}
    #quemsomos .video .conteudo a .texto {width: 80%;}

    #produto .wssa {padding: 75px 0;}
    
    #produto .info-produto {padding-top: 50px;}

    #produto .aplicacoes .lista {display: flex; flex-wrap: wrap;}
    #produto .aplicacoes .lista .aplicacao {width: calc(33.33% - 24px); margin: 10px;} 

    #diferenciais .diferenciais {padding: 75px 0;}

    #contato .info-contato {padding: 50px 0 50px;}

    #contato .box-form .form {width: 100%;}

    #contato .faca-parte {height: 500px; background: #f5f5f5;}
	#contato .faca-parte .conteudo {width: 70%;} 
	#contato .faca-parte .conteudo .info {margin-left: 0;}
	#contato .faca-parte .conteudo .info .texto {width: 80%;}

    #contato .info-mapa {margin-top: 75px; height: 500px;}
    #contato .info-mapa .conteudo .mapa {height: 75%;}

}

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

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

    .botao {padding: 8px 20px;}

    .especialistas {height: auto; padding: 75px 0; background-position-x: 40%;}
    .especialistas .conteudo {width: 100%;}
    .especialistas .conteudo .info .texto {width: 100%;}

    .box-topo-interno {background-position-x: 115%!important; height: 250px;}
    .box-topo-interno::after {height: 95%; width: 35%;}

    .clientes::after {width: 50px;} 
    .clientes .conteudo {padding: 50px 0;}
    .clientes .conteudo .lista .cliente {margin: 0 8px;}
    .clientes .conteudo .lista .owl-nav .owl-next {height: 30px; width: 30px;}
    .clientes .conteudo .lista .owl-nav .owl-prev {height: 30px; width: 30px;}

    .modal-orcamento .form .primeira {width: calc(50% - 35px)!important;}
    .modal-orcamento .form .segunda {width: calc(100% - 29px)!important;}

    .modal-footer .form .primeira {width: calc(50% - 35px)!important;}
    .modal-footer .form .segunda {width: calc(100% - 29px)!important;}

    .menu-mobile .logo {width: 110px;}

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

    #home .wssa {padding: 50px 0; flex-direction: column-reverse;}
    #home .wssa .info {padding: 0; width: 100%; text-align: left; align-items: flex-start;}
    #home .wssa .box-img {height: 300px; width: 75%; margin-top: 50px;}

    #home .produtos {padding: 30px 0;}
    #home .produtos .conteudo .info-2 .botoes {margin-top: 15px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
    #home .produtos .conteudo .info-2 .botoes .botao {margin: 5px;}

    #quemsomos .wssa {padding: 50px 0; flex-direction: column;}
    #quemsomos .wssa .info {width: 100%;}
    #quemsomos .wssa .conteudo {width: 100%; display: flex; flex-direction: column; margin-top: 50px;}
    #quemsomos .wssa .conteudo .box-img {height: 300px;}
    #quemsomos .wssa .conteudo .info {align-items: flex-start; text-align: left; margin-top: 30px;}

    #quemsomos .video {height: auto; padding: 50px 0;}
    #quemsomos .video .conteudo a {height: 350px;}
    #quemsomos .video .conteudo a .texto {width: 100%; left: 10px; bottom: 10px;}
    #quemsomos .video .conteudo a svg {height: 50px; width: 50px;}

    #produto .wssa {flex-direction: column; padding: 50px 0;}
    #produto .wssa .info {width: 100%;}
    #produto .wssa .carousel {width: 100%;}
    #produto .wssa .carousel {height: 320px;}
    #produto .wssa .carousel .box-carousel {height: 300px; margin-top: 30px;}

    #produto .info-produto .conteudo .carousel .box-carousel {height: 250px;}

    #diferenciais .diferenciais {padding: 35px 0;}
    #diferenciais .diferenciais .diferencial {width: 100%; margin: 10px 0;}

    #contato .faca-parte {height: auto; padding: 75px 0; background-position-x: 40%;}
    #contato .faca-parte .conteudo {width: 100%;}
    #contato .faca-parte .conteudo .info .texto {width: 100%;}

    #contato .info-mapa {height: 450px; margin-top: 50px;}

}

@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% - 70px); padding: 15px 35px; justify-content: center; border-radius: 0;}
	.form .botao-form button {width: 100%; border-radius: 0; justify-content: center; border-radius: 0!important;}

    .form input[type="text"], .form input[type="email"], .form select, .form input[type="password"], .form textarea, .form .small3 {font-size: 13px; font-weight: 700;}

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

    .box-topo-interno {background-position-x: 100%!important; height: 230px;}
    .box-topo-interno::after {display: none;}
    .box-topo-interno .barra {display: none;}
    .box-topo-interno .info {width: 100%;}
    .box-topo-interno .info .texto {margin-top: 10px;}

    .especialistas {padding: 50px 0;}
    .especialistas .conteudo .info .botoes {margin-top: 20px;}
    .especialistas .conteudo .info .botoes .botao {margin: 5px 10px 5px 0;}

	.valores .valor svg {height: 65px; width: 65px;}

    .modal-orcamento .content-modal {overflow: scroll;}
    .modal-orcamento .content-modal .box {top: 0;}
    .modal-orcamento .form .primeira {width: calc(100% - 29px)!important;}
    .modal-orcamento .content-modal .box {width: calc(95% - 30px); padding: 15px;}

    .modal-footer .content-modal {overflow: scroll;}
    .modal-footer .content-modal .box {top: 0;}
    .modal-footer .form .primeira {width: calc(100% - 29px)!important;}
    .modal-footer .content-modal .box {width: calc(95% - 30px); padding: 15px;} 

    #footer .conteudo::before {display: none;}
    #footer .box-menu-lgpd .conteudo-lgpd {flex-direction: column;}
    #footer .box-menu-lgpd .menu-lgpd a {margin: 0 5px;}
    #footer .box-menu-lgpd .menu-lgpd a:first-child {margin-right: 5px;}
    #footer .box-menu-lgpd .egge {margin-top: 30px;}

    #home .wssa .box-img {width: 100%; height: 250px;}

    #home .produtos {padding: 25px 0;}

    #home .produtos .conteudo .info-2 .titulo {line-height: 45px;}

    #quemsomos .wssa .conteudo .box-img {height: 250px;}
    
    #quemsomos .video .conteudo a {height: 300px;}

    #produto .wssa .carousel {height: 270px;}
    #produto .wssa .carousel .box-carousel {height: 250px;}
    
    #produto .info-produto .itens .container {flex-direction: column; padding: 30px 0;}
    #produto .info-produto .itens .container .item {margin: 10px 0;}

    #produto .aplicacoes .lista .aplicacao {width: calc(50% - 14px); margin: 5px;} 

    #contato .faca-parte {padding: 50px 0;}
    #contato .faca-parte .conteudo .info .botoes {margin-top: 20px;}
    #contato .faca-parte .conteudo .info .botoes .botao {margin: 5px 10px 5px 0;}

    #contato .info-contato {flex-direction: column; padding: 25px 0; align-items: flex-start;}
    #contato .info-contato .texto {margin: 5px 0;}

    #contato .info-mapa {height: 400px;}
    #contato .info-mapa .conteudo .mapa {height: 80%; margin-top: 10px;}

}

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

    .titulo.extra-grande {font-size: 40px; line-height: 40px;}
	.titulo.grande {font-size: 30px; line-height: 30px;}
	.titulo {font-size: 25px; line-height: 25px;}

    .clientes::after {width: 40px;}

    .modal-footer .content-modal .box .close svg {height: 12px; width: 12px;}

    .modal-orcamento .content-modal .box .close svg {height: 12px; width: 12px;}
    .modal .close {top: 10px; right: 10px;}

    #home .banners .lista .banner a .info .botoes {display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin-top: 15px;}
    #home .banners .lista .banner a .info .botoes .botao {margin: 5px;}

    #home .produtos .conteudo .lista .owl-dots {padding-top: 0;}

    #quemsomos .video {padding: 30px 0;}
    #quemsomos .video .conteudo a {height: 280px;}

    #diferenciais .diferenciais .diferencial .info {width: calc(100% - 40px); padding-top: 15px;}

    #produto .aplicacoes .lista .aplicacao {width: calc(100% - 14px);} 
    
}