@media screen and (min-width: 0px)and (max-width: 440px){

    .about_foto{
        width: 100%;
        height: auto;
    }
    .menu_container {
        width: calc(100% - 8rem);
        padding: 10px 4rem;
    }
    .menu_logo{
        width: 140px;
    }

    .help_button{
        font-size: 13px;
        margin: 0px;
        width: auto !important;
    }

}

@media screen and (min-width: 0px)and (max-width: 723px){

    .button_dark{
        margin: 0px;
    }
    .title, .cover_title{
        font-size: 32px;
        margin-bottom: 0.5rem;
    }
    .text{
        font-size: 14px;
        line-height: 24px;
    }
    .button{
        width: auto;
    }
    .button_dark{
        width: 100%;
    }
    .about, .treatments, .tarifas, .reviews, .contact_data_container{
        padding: 2rem 1rem;
    }
    .tarifas_elemento{
        font-size: 15px;
    }
    .review_text{
        font-size: 14px;
        line-height: 22px;
    }

    .help_button_container{
        margin-top: 10px;
    }
    .help_link {
        margin: 5px;
    }
    .footer_terms{
        flex-direction: column;
    }
    .footer_term{
        margin: auto;
    }
    .footer_bar{
        display: none;
    }
    .contact_bar_vacaciones{
        display: none;
    }
    .contact_bar_vacaciones_responsive{
        display: block;
    }


}

/* TABLETA */
@media screen and (min-width: 0px)and (max-width: 1023px){

    .contact_bar, .menu_categories{
        display: none;
    }
    .menu_icon_bar{
        display: block;
        width: 30px;
        height: 30px;
    }
    .menu_container {
        margin-top: 0px;
    }
    .empty{
        height: 40.5px
    }
    /* PORTADA */
    .cover_real{
        flex-direction: column;
    }
    .cover_background{
        height: 330px;
        width: 100%;
    }
    .cover_content{
        width: 80%;
        padding: 2rem;
    }
    .cover_button{
        /* display: block;
        margin: auto; */
        margin-top: 2rem;
    }

    /* SOBRE NOSOTROS */
    .about{
        flex-direction: column;
    }
    .about_container{
        width: 100%;
        padding: 0rem;
    }
    .about_foto{
        margin: auto;
        margin-top: 1rem;
        padding: 0rem;
    }
    /* TRATAMIENTOS */
    .treatments{
        flex-direction: column-reverse;
    }
    .tratments_description_container{
        width: 100%;
    }
    .treatments_title_container{
        max-width: none;
    }
    .treatments_type_container{
        width:100%; 
        padding: 0rem;
        margin-top: 2rem;
    }
    /* TARIFAS */
    .tarifas_container{
        flex-direction: column;
    }
    .tarifas_content{
        width: 100%;
        margin: 0rem;
        max-width: none;
    }
    .tarifas_table{
        width: 100%;
        margin: 0px;
        margin-top: 2rem;
    }
    .tarifas_table{
        margin-bottom: 1rem;
    }
    /* RESEÑAS */
    .review_content{
        flex-direction: column;
    }
    .review_card{
        margin: auto;
        margin-bottom: 1rem;
        width: 80%;
    }
    /* HELP */
    .help_container {
        width: 84%;
        padding: 1rem;

      }
    /* CONTANCO */
    .contact{
        flex-direction: column;
    }

    .map{
        width: 100%;
        height: 300px;
    }

    /* FOOTER */
    .footer_categories{
        display: none;
    }
    .footer_terms{
        margin-top: 0px;
    }
    .text_center {
        width: 90%;
        margin: auto;
    }

    .enlace_app{
        display: block;
    }
    .enlace_web{
        display: none;
    }
    .enlace_app_flex{
        display: flex;
    }
    .enlace_web_flex{
        display: none;
    }
    .lenguage_container{
        display: none;
    }
    
}

@media screen and (min-width: 1024px){
    .menu_icon_bar{
        display: none;
    }
    .menu_categories {
        display: flex;
    }
    .menu_responsive{
        display: none;
    }
    .contact_bar_vacaciones{
        display: block;
    }
    .contact_bar_vacaciones_responsive{
        display: none;
    }

}