@media (max-width: 767px){
.navbar-toggleable-md>.container{
margin: 0;
}
.navbar{
position: relative;
}
.navbar button{
background-color: #4772b9;
top: 40px;
}
.banner{height: 400px;position: relative;}
.banner .imagem{height: 400px;}
.banner .imagem img{
height: 400px;
}
.banner .legenda{
top: 100px;
z-index: 9;
}
.banner h2{
width: 100%;
text-align: center;
}
.banner a{
width: 100%;
}
.banner:after{
position: absolute;
bottom: 0;
top: 0;
left: 0;
right: 0;
background-color: #4e4e4e80;
content: '';
}
.solucoes .cada{width: 100%;float: none;margin-bottom: 20px;}
.ligue .formulario{
width: 100%;
}
.home-cta1 .esquerda{
float: none;
width: 100%;
height: auto;
}
.home-cta1 .esquerda h2{
padding-left: 0;
}
.home-cta1 .esquerda p{
padding-left: 0;
}
.home-cta1 .esquerda a{
margin: 0;
width: 100%;
}
.home-cta1 .video{
display: none;
}
.home-cta1 .esquerda a p{
float: none;
text-align: center;
font-size: 18px;
}
.home-cta1 .direita .cada{
padding: 20px;
}
.home-cta1 .direita .icone{
float: none;
margin-bottom: 10px;
}
.home-cta1 .direita h3{
float: none;
margin-left: 0;
}
.home-cta2{
background-size: cover;
background-position: center;
padding: 100px 20px;
}
.home-cta2 .texto{
width: 100%;
}
.home-cta2 .app{
float: none;
margin: 0 0 10px;
}
.home-cta3 .texto{
width: 100%;
}
.home-cta3 h2{
text-align: center;
}
.home-cta3 h3{
text-align: center;
}
.home-cta3 p{
padding-right: 0;
text-align: center;
font-size: 22px;
}
.home-cta3 a{
width: 100%;
}
.depoimentos .logo{
float: none;
position: absolute;
top: -40px;
left: 0;
margin: auto;
right: 0;
}
.depoimentos .icone{
display: none;
}
.depoimentos .cada{
height: auto;
}
.depoimentos .texto{
width: 100%;
background-image: none;
background-color: #fb8717;
padding: 160px 40px 40px;
}
.depoimentos .depoimento h2{
text-align: center;
}
.depoimentos h3{
text-align: center;
}
.depoimentos p{
padding-right: 0;
}
.depoimentos .depoimento{height: auto;padding: 0;margin: 0;}
.depoimentos{
height: auto;
overflow: hidden;
padding: 50px 0 100px;
}
.home-cta1 .direita{
width: 100%;
float: none;
height: auto;
}
.home-cta4 .texto{
width: 100%;
z-index: 9;
position: relative;
}
.home-cta4 h2{width: 100%;text-align: center;}
.home-cta4 h3{text-align: center;width: 100%;}
.home-cta4 a{
width: 100%;
}
.home-cta4{
position: relative;
background-position: bottom;
}
.home-cta4:after{
position: absolute;
content: '';
right: 0;
left: 0;
bottom: 0;
top: 0; }
.informacoes .caixa{
margin-bottom: 10px;
}
.rodape{
text-align: center;
}
.navbar {
position: relative;
height: auto;
}
.navbar-brand{
position: relative;
}
.cinza{
position: relative;
}
.ligue .formulario p{
width: 100%;
}
.home-cta1 .direita .cada:before{
content: none !important;
}
.home-cta1 .direita .icone{
position: relative;
}
.contato{
background: none;
}
.rodape .cada {
float: none;
width: 100%;
}
.contato .form .enviar{
width: 100%;
}
.contato .form{
width: 100%;
}
.banner .texto {
float: none;
width: 100%;
padding-right: 0;
position: relative;
top: 0;
}
.desktop{
display: none;
}
.mobile{
display: block;
}
.formulario.mobile {
width: 100%;
float: none;
padding: 0;
}
.home1 .box {
position: relative;
top: 0;
width: auto;
right: 0;
}
.home1 .video {
position: relative;
padding-bottom: 56.25%;
padding-top: 25px;
height: 0;
top: 0;
margin: 20px 0;
}
.home1 .todos .cada {
float: none;
width: 100%;
padding: 0 15px;
}
.home1 .todos .cada .dentro{
height: auto;
}
.contato{
padding: 20px 0;
}
.rodape .menu ul{
text-align: center;
}
.rodape h3{
text-align: center;
margin-top: 20px;
}
.rodape .logo{
padding-right: 0;
}
.rodape .redes ul {
height: auto;
overflow: hidden;
width: fit-content;
margin: 0 auto 30px;
}
.rodape .redes p{
text-align: center;
}
.navbar-inverse .navbar-toggler{
z-index: 999999;
}
.menu-drop ul {
padding-left: 0;
list-style: none;
background-color: #fff;
border-top: 8px solid #ff7500;
padding: 10px;
width: auto;
display: none;
position: relative;
top: 0;
left: 0;
}
.banner .dentro{
float: none;
}
.home-blog .blog {
background-color: #f1f1f1;
margin-bottom: 30px;
overflow: hidden;
height: auto;
}
.home-blog .blog .texto {
width: 100%;
float: none;
height: auto;
padding: 20px;
}
.home-blog .blog .imagem {
width: 100%;
float: none;
height: 300px;
}
.home-blog .blog .imagem img {
width: 100%;
height: 300px;
object-fit: cover;
}
}