@media only screen and (max-width: 1680px) {}
@media only screen and (max-width: 1600px) {}
@media only screen and (max-width: 1440px) {
.casesind_texto,
.kpi_texto {
font-size: 14px;
line-height: 24px;
}
.caseind_texto_branco,
.bloco_chumbo p,
.bloco_chumbo ul li {
font-size: 15px;
line-height: 25px;
}
#depoimentos .video-content iframe {
height: 28.13vw;
}
#banner {
min-height: 600px;
height: auto;
background-size: 44vw;
}
#banner .banner_texto {
font-size: 14px;
line-height: 20px;
width: 100%;
}
#banner .btn_animacao span {
font-size: 14px;
}
#banner .banner_content {
padding: 0vw 0vw 0px 5vw;
}
#banner .banner_esq {
width: 45%;
}
#banner .banner_dir {
margin-left: 3%;
width: 52%;
}
#banner .btn_animacao {
height: 3vw;
width: 14.135vw;
}
#banner .video-yt {
width: 90px;
left: calc(50% - 45px);
top: calc(50% - 45px);
}
#banner .leg-video {
font-size: 12px;
}
}
@media only screen and (max-width: 1366px) {
#depoimentos .video-content iframe {
height: 33.13vw;
}
#banner {
min-height: 550px;
background-size: 48vw;
}
#banner .banner_titulo {
font-size: 2.9vw;
line-height: 3.4vw;
}
}
@media only screen and (max-width: 1280px) {}
@media only screen and (max-width: 1200px) {}
@media only screen and (max-width: 1080px) {}
@media only screen and (max-width: 1024px) {
#depoimentos {
padding: 60px 0px;
}
#depoimentos .content .titulo {
font-size: 28px;
line-height: 32px;
}
#depoimentos .content {
padding: 0px 10%;
width: 100%;
min-width: auto;
}
#depoimentos .video-content iframe {
height: 44.13vw;
}
#depoimentos .video-content {
padding: 45px 30px;
}
#case_individual .content,
#case_individual .content.content_desafio {
min-width: 90%;
padding: 50px 40px;
width: 100%;
}
.introducao_content .box_esq,
.introducao_content .box_dir {
width: 100%;
}
.casesind_titulo {
font-size: 28px;
line-height: 38px;
}
.organiza_boxes {
flex-direction: column;
margin-top: 40px;
gap: 30px;
}
.coluna_01,
.coluna_02,
.coluna_03 {
width: 100%;
padding: 0;
}
.kpi_tcoluna {
flex-direction: column;
}
.kpi_tcoluna hr {
border-bottom: 1px solid #4d4d4d;
width: 27%;
height: 1px;
margin: 30px 0;
}
.kpi_numeros.versao-azul .kpi_tcoluna hr {
height: 1px;
border-bottom: 1px solid #ffffff66;
width: 27%;
height: 1px;
margin: 30px 0;
}
.kpi_numeros.versao-azul .kpi_texto {
width: 100%;
}
.kpi_texto {
text-align: center;
}
.kpi_subtitulo {
font-size: 20px;
}
.kpi_number {
font-size: 30px;
justify-content: center;
}
.postid-1025 .coluna_02 .kpi_number p,
.postid-1096 .coluna_02 .kpi_number p,
.kpi_number p {
font-size: 56px;
}
.organiza_boxes_metade {
flex-direction: column;
}
.organiza_boxes_metade .box_esq {
width: 50%;
margin-right: 0%;
}
.organiza_boxes_metade .box_dir {
width: 100%;
}
.imagem_detalhes {
bottom: 0;
margin-bottom: 40px;
}
.div_detalhes::after {
top: -15px;
}
.div_detalhes::before {
top: -14px;
}
.casesind_subtitulo {
font-size: 26px;
margin-bottom: 30px;
}
.organiza_boxes_metade.metade_baixo .box_esq {
width: 100%;
}
.organiza_boxes_metade.metade_baixo .box_dir {
width: 50%;
margin-top: 40px;
}
.margin_imagem {
margin-right: 0%;
}
.organiza_boxes_metade.metade_baixo .box_dir {
align-items: center;
}
#case_individual .kpi_palavras .content,
#case_individual .kpi_numeros .content {
padding: 50px 40px;
}
.imagem_quadrado {
width: 100%;
}
.quadrado_atras {
right: -9px;
}
.m_bottom {
margin-bottom: 40px;
}
.imagem_intro {
max-width: 350px;
}
.introducao_content .box_dir {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
#banner {
height: auto;
padding: 150px 0px 80px;
background-position: 135% 100%;
}
#banner .banner_content {
-ms-flex-direction: column;
-webkit-box-direction: normal;
-webkit-box-orient: vertical;
flex-direction: column;
padding: 0px 40px;
width: 100%;
min-width: auto;
}
#banner .leg-video {
font-size: 14px;
}
#banner .banner_titulo {
font-size: 54px;
letter-spacing: 0.5px;
line-height: 54px;
margin-bottom: 19px;
width: 100%;
}
#banner .btn_animacao {
height: 54px;
width: 200px;
}
#banner .video-produto {
height: 51.13vw;
}
#banner .banner_texto {
margin-bottom: 40px;
}
#banner .banner_texto {
font-size: 18px;
line-height: 30px;
width: 100%;
}
.banner_content {
min-width: 100%;
width: 90%;
}
#banner .banner_esq {
width: 100%;
margin-bottom: 50px;
}
#banner .banner_dir {
width: 100%;
margin-left: 0%;
}
#banner .banner_esq::before {
content: none;
}
#banner .banner-box {
margin-top: 0;
padding: 0;
border-left: none;
}
#case_individual .kpi_numeros.versao-azul .content {
padding: 50px 40px;
}
}
@media only screen and (max-width: 996px) {}
@media only screen and (max-width: 768px) {
.organiza_boxes_metade .box_esq,
.organiza_boxes_metade.metade_baixo .box_dir {
width: 65%;
}
}
@media only screen and (max-width: 600px) {
#depoimentos .content .titulo {
font-size: 24px;
}
#depoimentos .nome {
font-size: 20px;
}
#depoimentos .cargo {
font-size: 14px
}
#depoimentos .video-content {
padding: 35px 20px;
}
#depoimentos .video-content iframe {
height: 40.13vw;
}
#depoimentos .content {
padding: 0px 7%;
}
#case_individual .content,
#case_individual .content.content_desafio {
padding: 40px 18px;
}
#case_individual .kpi_palavras .content,
#case_individual .kpi_numeros .content {
padding: 50px 18px;
}
.organiza_boxes_metade .box_esq,
.organiza_boxes_metade.metade_baixo .box_dir {
width: 80%;
}
#banner {
padding: 100px 0px 40px;
}
#banner .banner_titulo {
font-size: 36px;
line-height: 36px;
}
#banner .banner_titulo span {
font-size: 45px;
}
#banner .banner_texto {
font-size: 14px;
line-height: 26px;
}
#banner .leg-video {
font-size: 12px;
}
#banner .banner_content {
padding: 0px 18px;
}
#banner .btn_animacao {
height: 50px;
width: 100%;
}
#case_individual .kpi_numeros.versao-azul .content {
padding: 50px 18px;
}
}
@media only screen and (max-width: 500px) {
.organiza_boxes_metade .box_esq,
.organiza_boxes_metade.metade_baixo .box_dir {
width: 90%;
}
#banner .video-yt {
width: 80px;
left: calc(50% - 40px);
top: calc(50% - 40px);
}
}
@media only screen and (max-width: 460px) {}
@media only screen and (max-width: 430px) {
.organiza_boxes_metade .box_esq,
.organiza_boxes_metade.metade_baixo .box_dir {
width: 100%;
}
}
@media only screen and (max-width: 400px) {
#depoimentos .nome {
font-size: 18px;
}
#depoimentos .cargo {
font-size: 13px
}
#banner .banner_texto {
font-size: 13px;
line-height: 24px;
width: 100%;
}
}
@media only screen and (max-width: 360px) {
#depoimentos .nome {
font-size: 16px;
}
#depoimentos .cargo {
font-size: 12px
}
}
@media only screen and (max-width: 330px) {
#banner .banner_titulo {
font-size: 28.5px;
line-height: 39px;
}
}
@media only screen and (max-width: 280px) {}