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

	#header .menu li {margin: 0 40px;}

	.atuacoes .bg {top: calc(100% - 220px); width: 620px; height: auto;}
	.atuacoes .lista {padding-left: 150px;}
	.atuacoes .lista::before {height: 320px; width: 320px;}
	.atuacoes .info {padding-right: 160px;}
	.atuacoes .conteudo::before {left: 150px; width: 420px;}

	.time::after {top: 230px;}
	.time .conteudo {padding: 120px 0;}

	.blog {padding: 140px 0 100px;}

	#home .decamargo .bg-galeria {width: 55%;}
	#home .decamargo .galeria {width: calc(100% - 80px);}

	#quem-somos .sobre .info {width: calc(50% - 60px); padding-top: 120px;}
	#quem-somos .sobre .titulo {margin-bottom: 35px;}
	#quem-somos .box-galeria {height: 500px;}

	#atuacao .descricao .lista {width: calc(50% - 60px);}

}

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

	.titulo.size1 {font-size: 54px; line-height: 110%;}
	.titulo.size2 {font-size: 52px;}
	.titulo.size3 {font-size: 42px;}
	.titulo.size4 {font-size: 35px;}

	#header .logo {width: 220px;}
	#header .menu li {margin: 0 25px;}

	#footer .logo {width: 200px;}
	#footer .informacoes {padding-left: 80px;}
	#footer .informacoes li {margin-left: 50px;}

	.post .data {padding: 0 25px 40px;}
	.post .data::after {left: 25px;}
	.post:hover .data::after {width: calc(100% - 50px);}
	.post .titulo {padding: 30px 20px 0;}

	.atuacoes .bg {width: 460px; top: calc(100% - 180px);}
	.atuacoes .conteudo::before {left: 90px;}
	.atuacoes .info {padding-right: 100px; max-width: 420px;}
	.atuacoes .lista {padding-left: 100px;}
	.atuacoes .lista::before {height: 280px; width: 280px;}

	.time .lista .profissional .box-titulo {padding: 0 15px;}

	#home .decamargo .info {width: 40%; padding-top: 40px;}
	#home .decamargo .botao {margin-top: 60px;}
	#home .decamargo .galeria .owl-dots {left: 30px;}
	#home .decamargo .galeria .owl-dots .owl-dot {margin: 0 20px 0 0;}
	#home .decamargo .galeria .botao {right: 30px;}

	#quem-somos .sobre .info {padding-top: 60px;}
	#quem-somos .box-galeria {height: 420px;}

	#atuacao .descricao .box-contato .info {max-width: 420px;}

	#profissionais .sobre .bg {width: 75%;}

	#blog .noticias {padding: 120px 0;}
	#post .conteudo {padding: 100px 0 0;}

}

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

	.titulo.size1 {font-size: 48px;}
	.titulo.size2 {font-size: 42px;}
	.titulo.size3 {font-size: 35px;}
	.titulo.size4 {font-size: 30px;}
	.titulo.size5 {font-size: 20px;}

	#header .logo {width: 200px;}
	#header .menu li {margin: 0 20px;}

	form .small3 {width: calc(50% - 8px);}
	form .small4 {width: calc(50% - 8px);}
	form input[type="text"], 
	form input[type="email"], 
	form input[type="phone"], 
	form input[type="password"], 
	form input[type="search"], 
	form textarea, 
	form select {padding-left: 20px;}
	form .box .label {left: 20px;}

	.atuacoes .conteudo::before {left: 50px; width: 350px;}
	.atuacoes .lista {padding-left: 60px; padding-top: 80px;}
	.atuacoes .lista::before {height: 250px; width: 250px;}

	#home .decamargo .galeria {width: calc(100% - 50px);}

	#quem-somos .sobre .conteudo {align-items: flex-end;}
	#quem-somos .sobre .box-img {height: 600px;}
	#quem-somos .box-galeria {height: 380px;}

	#atuacao .descricao .box-contato {height: 650px; bottom: -50px;}

}

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

	.ico-menu {display: flex;}

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

	.titulo.size1 {font-size: 44px;}
	.titulo.size2 {font-size: 40px;}

	.texto.size2 {font-size: 16px;}

	#header .conteudo {padding: 20px 0;}
	#header .menu {display: none;}
	#header .social {display: none;}

	#footer .logo {width: 180px;} 
	#footer .informacoes {padding-left: 30px;}
	#footer .informacoes li {margin-left: 20px;}

	form .botao-form {padding: 0 20px;}

	.box-topo-interno {height: 440px; background-size: cover;}
	.box-topo-interno::after {height: 20px;}

	.atuacoes {padding-bottom: 100px;}
	.atuacoes .bg {top: calc(100% - 140px); width: 320px;}
	.atuacoes .conteudo::before {top: calc(100% + 94px); width: 260px; height: 6px;}
	.atuacoes .info {padding-right: 20px;}

	.time .conteudo {padding: 80px 0;}
	.time .lista {padding-top: 60px;}
	.time::after {top: 120px; width: 320px; height: 100px;}
	.time .lista .profissional .texto {font-size: 12px;}

	.blog {padding: 80px 0 60px;}
	.blog .lista {padding-top: 20px;}
	.post .data {height: 110px; padding: 0 20px 30px;}
	.post .data::after {bottom: 25px; left: 20px;}
	.post:hover .data::after {width: calc(100% - 40px);}
	.post .titulo {padding: 15px 10px 0;}

	#home .banners {height: 90vh;}
	#home .banner {height: 90vh;}
	#home .banner .img-banner-mobile {display: block;}
	#home .banner .img-banner {display: none;}
	#home .banner .info {width: 100%; bottom: 80px; max-width: none; text-align: center; align-items: center;}
	#home .banner .info .botao {margin-top: 35px;}
	#home .banners .owl-dots {justify-content: center;}
	#home .banners .owl-dots .owl-dot {margin: 0 10px;}
	#home .decamargo {padding: 40px 0 60px;}
	#home .decamargo .bg {width: 85%; height: 360px;}
	#home .decamargo .conteudo {flex-direction: column;}
	#home .decamargo .info {width: 70%; max-width: 600px; padding-top: 0;}
	#home .decamargo .botao {margin-top: 35px;}
	#home .decamargo .bg-galeria {margin: 60px auto 0;}

	#quem-somos .galeria {padding-top: 60px;}
	#quem-somos .box-galeria {height: 340px;}
	#quem-somos .clientes {padding-top: 75px;}

	#atuacao .descricao {padding-bottom: 80px;}
	#atuacao .descricao .conteudo {flex-direction: column;}
	#atuacao .descricao .bg {width: 20%;}
	#atuacao .descricao .lista {width: 75%;}
	#atuacao .descricao .box-contato {bottom: 0; margin: 30px auto 0; width: 55%; height: 600px;}
	#atuacao .descricao .box-contato .info {max-width: 360px;}

	#profissionais .sobre {min-height: 360px;}
	#profissionais .sobre .bg {width: 85%;}
	#profissionais .sobre .texto {width: 80%;}
	
	#blog .noticias {padding: 80px 0 40px;}
	#blog .lista {flex-direction: column;}
	#blog .lista .post {width: 100%; margin-bottom: 45px;}

	#post .conteudo {padding-top: 60px;}
	#post .blog {padding-bottom: 50px;}

	#contato .textos {width: 45%;}
	#contato .contatos .link {font-size: 16px;}
	#contato .box-form {padding-top: 50px;}
	#contato .mapas {margin-top: 60px;}

}

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

	.titulo.size1 {font-size: 42px;}
	.titulo.size2 {font-size: 38px;}
	.titulo.size3 {font-size: 32px;}
	.titulo.size4 {font-size: 26px;}
	.titulo.size5 {font-size: 20px;}

	.whatsapp {bottom: 10px; right: 10px; height: 45px; width: 45px;}
	.whatsapp svg {height: 25px; width: 25px;}

	#footer .conteudo {flex-direction: column; align-items: center; padding: 0 0 40px 0;}
	#footer .box {flex-direction: column; align-items: center; padding-bottom: 30px;}
	#footer .informacoes {padding: 30px 0 0 0;}

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

	.atuacoes {padding-bottom: 100px;}
	.atuacoes .bg {top: calc(100% - 80px); width: 220px;}
	.atuacoes .conteudo {flex-direction: column;}
	.atuacoes .conteudo::before {left: 0; top: calc(100% + 94px); width: 200px;}
	.atuacoes .lista {width: 100%; padding-left: 140px;}
	.atuacoes .lista::before {height: 320px; width: 320px;}
	.atuacoes .info {width: 100%; margin-top: 35px; padding-right: 0; max-width: none;}

	.time .conteudo {padding: 60px 0;}
	.time .conteudo::before {width: 160px; height: 6px;}
	.time .lista {padding-top: 35px;}
	.time .lista .profissional .box-titulo {padding: 0 10px;}
	.time .lista .profissional .mais {height: 35px; padding: 0 16px;}

	.post .data {height: 80px; font-size: 40px; padding: 0 20px 22px;}
	.post .data::after {bottom: 18px; left: 20px;}

	form .small4 {width: 100%;}
	form .small2 {width: 100%;}

	#home .decamargo .bg {width: 95%; height: 380px;}
	#home .decamargo .info {width: 85%;}
	#home .decamargo .bg-galeria {width: 70%;}
	#home .decamargo .galeria {width: calc(100% - 20px);}
	#home .decamargo .galeria .box-galeria {height: 480px;}
	#home .decamargo .galeria .owl-dots {left: 20px;}
	#home .decamargo .galeria .botao {right: 20px;}

	#quem-somos .sobre {height: auto; padding-bottom: 60px;}
	#quem-somos .sobre .bg {width: 95%;}	
	#quem-somos .sobre .conteudo {flex-direction: column; align-items: flex-start;}
	#quem-somos .sobre .info {width: 85%;}
	#quem-somos .sobre .box-img {width: 75%; height: 520px; top: 0; margin: 35px auto 0;}
	#quem-somos .box-galeria {height: 380px;}

	#atuacao .descricao .bg {width: 10%;} 
	#atuacao .descricao .lista {width: 85%;}
	#atuacao .descricao .box-contato {height: 520px; width: 75%;}

	#profissionais .sobre .bg {width: 95%;}
	#profissionais .sobre .conteudo {padding-top: 50px;}
	#profissionais .sobre .texto {width: 90%;}

	.filtros-blog {width: auto; margin-left: 15px; flex: 1;}

	.filtros-blog {width: 100%; margin-left: 0;}
	#blog .noticias {flex-direction: column-reverse; padding: 50px 0 20px;}
	#blog .lista {width: 100%; margin-top: 30px;}
	#post .conteudo {flex-direction: column-reverse; padding-top: 50px;}
	#post .conteudo .post {width: 100%; margin-top: 30px;}

	#contato .info-contatos {padding-top: 50px; flex-direction: column;}
	#contato .textos {width: 100%; max-width: none;}
	#contato .contatos {width: 100%; margin-top: 30px;}

}

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

	.titulo.size1 {font-size: 38px;}
	.titulo.size2 {font-size: 34px;}
	.titulo.size3 {font-size: 30px;}
	.titulo.size4 {font-size: 25px;}

	#footer .informacoes {flex-direction: column; align-items: center;}
	#footer .informacoes li {margin: 15px 0; align-items: center; text-align: center;}
	#footer .informacoes li .tel {margin-bottom: 15px;}
	#footer .politicas {height: auto; padding: 15px 0;}
	#footer .conteudo-politicas {flex-direction: column; align-items: center;}
	#footer .menu-politicas {width: 100%;}
	#footer .menu-politicas li {margin: 0 10px; display: flex; margin: 0 10px; width: calc(50% - 20px); box-sizing: border-box; align-items: flex-start;}
	#footer .menu-politicas li:first-child {justify-content: flex-end;}
	#footer .egge {padding-top: 15px;}

	.box-topo-interno .info {bottom: 45px;}
	.box-topo-interno .titulo {margin-bottom: 15px;}

	form .botao-form {flex-direction: column; align-items: center; padding: 0;}
	form .botao-form .termos {margin: 0 0 15px 0;}

	.atuacoes {padding-bottom: 75px;}
	.atuacoes .bg {top: calc(100% - 60px); width: 150px;}
	.atuacoes .conteudo::before {width: 100px; top: calc(100% + 69px);}
	.atuacoes .lista {padding-left: 60px; padding-top: 60px;}
	.atuacoes .lista::before {height: 260px; width: 260px;}

	#home .decamargo .bg {width: 100%; height: 410px;}
	#home .decamargo .info {width: 100%;}
	#home .decamargo .titulo {margin-bottom: 25px;}
	#home .decamargo .botao {margin-top: 25px;}
	#home .decamargo .bg-galeria {width: 100%; max-width: 400px;}
	#home .decamargo .galeria .owl-dots {left: 10px; bottom: 40px;}
	#home .decamargo .galeria .botao {right: 10px; bottom: 30px;}

	#quem-somos .sobre .bg {width: 100%;}
	#quem-somos .sobre .info {width: 100%;}
	#quem-somos .sobre .box-img {width: 85%; height: 450px;}
	#quem-somos .box-galeria {height: 340px;}

	#atuacao .descricao .box-contato {height: 460px; width: 85%;}
	#atuacao .descricao .box-contato .info {left: 10px;}

	#profissionais .sobre {padding-bottom: 25px;}
	#profissionais .sobre .bg {height: 100%; width: 100%;}

	#contato .mapas {padding-bottom: 50px;}

}

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

	#header .social {display: none;}

	.cases .case .info {left: 20px; bottom: 20px;}
	.cases .case .info .nome {margin-bottom: 10px;}

	#home .solucoes .titulo {margin-left: 75px;}

	#quem-somos .box-galeria {height: 280px;}

	#contato .mapa iframe {height: 300px;}

}