@media (max-width: 767px){
.desktop{
display: none;
}
.mobile{
display: block;
}
.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: 30px;
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;
background-color: #fb951f;
background-image: none;
}
.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 p {
color: #fff;
margin: 20px 0;
width: 100%;
font-size: 20px;
line-height: 26px;
text-align: center;
}
.banner .legenda.baixo{
top: 30px;
}
.banner:after{
background: none;
}
.navbar-collapse {
position: relative;
right: 0;
top: 0;
}
.navbar-inverse.header-portaria .navbar-nav .nav-link{
color: #333;
}
.navbar-inverse .navbar-nav .nav-item{
padding: 10px;
}
}