/*Container*/

@media screen and (max-width: 1400px){
    .container{
        padding: 30px 20px;
    }
}

/* Header */
@media screen and (max-width: 480px){
    .logoH img{
        max-width: 190px;
    }
}

/* Banner */
@media screen and (max-width: 1080px){
    #banner .flex_r.middle{
        flex-direction: column;
        gap: 60px;
    }

    #banner .e_input,#banner .t_input{
        width: 100%;
    }

    #banner{
        padding: 60px 20px;
    }

    #banner .swiper-pagination{
        bottom: 0px !important;
    }
}

@media screen and (max-width: 900px){
    .fotoDesktop{
        display: none;
    }

    .fotoMobile{
        display: flex;
    }
}

/*Home*/
@media screen and (max-width: 1200px){
    .sobreHome .containerSobreHome{
        flex-direction: column;
    }

    .sobreHome .containerSobreHome div {
        max-width: 100%;
    }
}

@media screen and (max-width: 950px){
    .missaoContainerHome{
        flex-direction: column;
    }

    .missaoContainerHome .e_input{
        width: 96%;
        margin: 0 auto;
    }
}

@media screen and (max-width: 500px){
    .missaoContainerHome .e_input{
        flex-direction: column;
        align-items: start;
        padding: 30px;
    }
}

@media screen and (max-width: 1280px){
    .sectionNegocio .main2{
        flex-direction: column;
        gap: 40px;
    }

    .sectionNegocio .b_input,.sectionNegocio .t_input{
        width: 100%;
    }
}

@media screen and (max-width: 1040px){
    .sectionSuporte .flex_r{
        flex-direction: column;
        gap: 40px;
    }

    .sectionSuporte .e_input{
        width: 100%;
        margin: 0 auto;
    }
}

@media screen and (max-width: 500px){
    .slidesSuporte{
        padding-right: 11px;
    }
    
    .itemSuporte{
        padding: 40px 35px;
    }
}
@media screen and (max-width: 900px){
    .sectionFranquia .main{
        flex-direction: column-reverse;
        gap: 40px;
    }
    
    .sectionFranquia .b_input{
        width: 100%;
        margin-top: 40px;
    }
}

@media screen and (max-width: 767px){
    .blocoRep{
        position: relative;
        width: 100%;
        right: 0;
        bottom: 0;
        margin: 0 auto 30px;
        padding: 60px 30px;
    }

    #map{
        order: 3;
        height: 420px !important;
    }
}

@media screen and (max-width: 1080px){
    .sectionFarmaceutico .main{
        flex-direction: column;
        gap: 40px;
    }

    .sectionFarmaceutico .e_input {
        width: 100%;
        max-width: 600px;
        margin: 0 auto;
    }

    .fotoFarmaceutico {
        margin-bottom: -65px !important;
    }
}

@media screen and (max-width: 500px){
    .sectionFarmaceutico .itemSuporte{
        padding: 55px 30px;
        flex-direction: column;
    }
}

@media screen and (max-width: 890px){
    .sectionPremios .grid2{
        width: 100%;
        grid-template-columns: 1fr;
        row-gap: 60px;
        max-width: 600px;
    }

    .itemPremio{
        padding: 40px 20px;
    }
}

@media screen and (max-width: 500px){
    .itemPremio{
        flex-direction: column;
    }
}

/* Farmaceutico Interna */
@media screen and (max-width: 800px){
    .sectionFarmaceuticoInterna .main{
        flex-direction: column;
        gap: 40px;
    }

    .sectionFarmaceuticoInterna .e_input{
        width: 100%;
        margin: 0 auto;
    }
}

/* section Prazo Retorno  */
@media screen and (max-width: 1220px){
    .sectionPrazoRetorno .main{
        flex-direction: column;
    }

    .sectionPrazoRetorno .resultadosInvestimento  ,.sectionPrazoRetorno .blocoInvestimento  {
        width: 100%;
    }
}

@media screen and (max-width: 600px){
    .itemInvestimentoInterna{
        padding: 35px 25px 55px;
    }

    .itemInvestimentoInterna p{
        font-size: 12px;
        line-height: 16px;
    }

    .blocoInvestimento {        
        padding: 80px 35px;
    }
}

/* Contato */
@media screen and (max-width: 990px){
    .formContato{
        padding: 70px 30px;
    }
}

@media screen and (max-width: 700px){
    .formContato > .e_input{
        width: 100%;
    }
}

@media screen and (max-width: 420px){
    .formContato{
        padding: 45px 20px;
    }
    .formContato .e_input,.formContato .fullW{
        width: 100%;
        font-size: 13px;
        gap: 15px;
    }
}
/* Footer */
@media screen and (max-width: 1220px){
    .containerFooter .main2{
        padding: 80px 20px;
    }
}

@media screen and (max-width: 840px){
    .containerFooter .main2{
        flex-direction: column;
        align-items: center;
        justify-content: center;        
        gap: 50px;
    }

    .containerFooter .main2 .dl-menu{
        text-align: center ;
    }

    #footer::before{
        display: none;
    }
}