@media (min-width:1400px) and (max-width:1580px)
{


}


@media (min-width:1200px) and (max-width:1380px)
{

    

}


@media (min-width:996px){

    .fa-bars{
        display:none !important;
    }

    .whatsapp-contact-mobile{
        display: none;
    }

}


@media (max-width:500px)
{

    .topo{
        text-align: center;
    }

    .fa-bars{
        font-size:1.4rem;
        color:#9b857a;
    }

    .main-menu-nav{
        display:none;
    }

    .main-menu-nav{
        text-align: center;
    }

    .main-menu-nav li{
        display:block;
    }
    
    .slide-item{
        height:30vh;
    }

    .slide-item h1{
        font-size:0.9rem;
        line-height: 1.4rem;
        padding-top:20%;
    }
    
    .slide-item p{
        font-size:1.2rem;
        line-height: 1.4rem;
        margin-top:2%;
    }
    
    .slide-item p span{
        font-size:2.2rem;
        line-height: 2rem;
    }

    .about h1{
        font-size:2rem;
        margin-left:0%
    }

    .about p{
        font-size:1rem;
        line-height: 1.7rem;
    }

    .about h4{
        text-align: center;
    }

    .servicos h1{
        font-size:2.5rem;
        margin-bottom:3rem;
    }

    .servicos h4{
        font-size:1.2rem;
        margin-bottom:1%;
    }

    .box-servicos{
        margin-bottom:12%;
    }

    .consulta h1{
        font-size:1rem;
    }
    
    .consulta h1 span{
        font-size:1.44rem;
    }

    .consulta i{
        font-size:3rem;
        margin-top:30%;
    }

    .consultorio h1{
        font-size:2rem;
        margin:10%;
    }

    .navigation .swiper-button-next{
        width:30% !important;
        right:40% !important;
        height:40px;
        top: 2rem !important;
        background-color: #fff;
        border:2px solid #8e7b74;
        padding:0.1rem 0;
    }

    .swiper-button-next::after {
        content:url(../images/arrow-mob.png) !important;
    }

    .shape-conteudo h1{
        margin-top:25%;
        font-size:2rem;
        margin-bottom:0.5%;
    }

    .shape-conteudo p{
        font-size:1.2rem;
        margin-bottom:5%;
    }

    .formulario img{
        margin-bottom:10%;
    }

    .formulario label{
        padding-top:2rem;
    }

    .mapa{
        width:100%;
        height:200px;
        margin-top:0%;
    }

    .footer-menu-nav{
        text-align: center;
    }

    .rodape a i{
        margin-top:5%;
        margin-bottom:5%;
    }

    .bg-logo img{
        width:40%;
        margin-top:10%;
    }

    .direitos{
        margin-top:4%;
        margin-bottom:4%;
    }

}