@media only screen and (min-width: 601px) and (max-width: 1080px) {

    .col-sm-3.menu_orizzontale{
        padding: 0px;
    }
    
    .max-width-75{
        max-width: 75%;
    }
}
/* Responsive per mobile*/
@media only screen and (max-width: 600px) {
    
    
    .hidden_desktop{
        display: block;
    }
    
    .opaque_background{
        background-color: white;
        opacity: 1;
    }
    
    
    .header_desktop{
        margin-bottom: 0px;
    }
    
    .hidden_telefono{
        display: none;
    }
    
    .custom_progress_underline{
        display: none;
    }
    
    .align_telefono>*{
        width: inherit;
    }
    
    .riquadro_domande{
        margin: 0px;
        border: 0px;
        padding: 25px 0px;
    }
    
    .domande_titolo{
        font-size: 22px;
        letter-spacing: -0.15px;
        margin-bottom: 0px;
        
    }
    
    .domande_sottotitolo{
        font-weight: 500;
        font-size: 17px;
    }
    
    #form_step_1{
        margin: 20px 0px;
    }
    
    .domande_domanda{
        text-align: center;
        margin: 5px;
        font-weight: 700;
    }
    
    .domande_risposta_icona{
        background-color: #0a355e;
        border: 1px solid #0a355e;
        border-bottom-right-radius: 10px;
        border-top-right-radius: 10px;
    }
    #input_domanda_prestazione{
        border: 1px solid #0a355e;
        border-bottom-right-radius: 10px;
        border-top-right-radius: 10px;
    }
    
    #input_domanda_prestazione::placeholder { 
        font-size: 12px;
        font-weight: bolder;
    }
    
    
    .scelta_orario{
        padding-top: 20px;
    }
    
    .column-center-mobile{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .step_data_dottore{
        font-size: 28px;
    }
    
    .mt-2-mobile{
        margin-top: 20px;
    }
    
    .domande_checkbox_outer {
        min-width: 260px;
    }
    
    .domande_bottone{
        min-width: 175px;
    }
    
    .checkbox_container{
        padding-left: 40px;
    }
    
    .riquadro_domande_arancione{
        border: 0px;
        margin: 0px;
        margin-top: 20px;
        padding: 0px;
    }
    
    .text-align-center-mobile{
        text-align: center;
        float: none;
    }
    
    .step_data_titolo{
        font-weight: 500;
        
    }
    
    .step_data_sottotitolo{
        font-weight: 500;
        font-size: 15px;
    }
    
    .custom_progress_underline_blu{
        display: none;
    }
    
    .step_data_data{
        font-size: 32px;
    }
    
    .conferma_prenotazione_right{
        margin: 0px;
    }
    
    /* Side bar*/
    .sidebar_popup{
        width: 100%;
        position: absolute;
        left: 0;
    }
    
    .sidebar_popup_title{
        /*
        min-height: 120px;
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        font-size: 26px;*/
        min-height: 120px;
        display: flex;
        align-items: center;
        font-size: 26px;
        justify-content: flex-start;
        flex-wrap: nowrap;
        flex-direction: column-reverse;
    }
    
    
    
    #campo_ricerca_prestazione::placeholder { 
        font-size: 12px;
        font-weight: bolder;
    }
    
    .accordion{
        padding-top: 25px;
    }
    
    .accordion-body {
        padding: 1rem 0rem;
    }
    
    .accordion-button{
        text-transform: uppercase;
        font-weight: bold;
        text-align: center;
    }
    
    .bottone_scelta_prestazione{
        padding: 2px 5px;
    }
    
    .bottone_scelta_prestazione span{
        text-transform: uppercase;
        font-weight: bold;
        text-align: center;
    }
    
    span.chiudi_sidebar_popup {
        /* position: absolute; */
        /* position: absolute; */
        position: absolute;
        /* top: 0px; */
        float: right;
        right: 20px;
        top: 20px;
        font-size: 24px;
    }
    
    .mobile_row{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: nowrap;
    }
    
    .freccia{
        font-size: 25px;
    }
    
    .mobile_row .col-lg-10{
        max-width: 83.33%;
        
    }
    .mobile_row .col-lg-1{
        max-width: 8.33%;
        padding: 0px;
        
    }
    .opaque_background{
        width: 100%;
    }
    
    .no_gutter{
        --bs-gutter-x: 0rem;
        --bs-gutter-y: 0rem;
    }
    
    .conferma_prenotazione {
        margin-top: 0px;
    }
    
    .prenota_bottone{
        margin-top: 20px;
    }
    
    /*
    .bottom_form_mobile{
        position: relative;
        bottom: 40px;
        max-width: 100%;
        left: 0;
        padding: 0px 20px;
    }*/
    
    .row_prenotazione{
        margin: 0px;
        padding: 10px 20px;
    }
    
    
    
    /*BLOCCO POSIZIONE*/
    #div_scelta_orario{
        position: fixed;
        overflow: hidden;
        overflow-y: hidden;
    }
    
    .bloccato_accordion{
        height: 200px;
    }
    
    .overflow-set{
        height: calc(100vh - 350px);
    }
    /*
    .col-calendario p{
        color: #ff9c1b !important;
    }*/
    
    /**/
    
    .separatore_verticale_b{
        border: 0px !important;
    }
    
    .separatore_verticale{
        background-color: #0a355e;
        width: 100%;
        height: 5px;
        
        margin-top: 50%px;
        padding-top: 0px;
        padding-bottom: 0px;
        position: absolute;
        left: 50%;
        border-left: 6px solid #0a355e;
    }
    
    .super_iper_mega_nav {
        display: flex;
        justify-content: space-around;
        flex-direction: column;
    }
    
    .lh-mobile-10
    {
        line-height: 10px;
    }
    
    .lh-mobile-15
    {
        line-height: 15px;
    }
    .lh-mobile-20
    {
        line-height: 20px;
    }
    
    
    .mb-mobile-0 {
    margin-bottom: 0!important
    }

    .mb-mobile-1 {
        margin-bottom: .25rem!important
    }

    .mb-mobile-2 {
        margin-bottom: .5rem!important
    }

    .mb-mobile-3 {
        margin-bottom: 1rem!important
    }

    .mb-mobile-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-mobile-5 {
        margin-bottom: 3rem!important
    }
    
    .mt-mobile-0 {
        margin-top: 0!important
    }

    .mt-mobile-1 {
        margin-top: .25rem!important
    }

    .mt-mobile-2 {
        margin-top: .5rem!important
    }

    .mt-mobile-3 {
        margin-top: 1rem!important
    }

    .mt-mobile-4 {
        margin-top: 1.5rem!important
    }

    .mt-mobile-5 {
        margin-top: 3rem!important
    }
    
    .hint_form{
        font-weight: 600;
        font-size: 16px;
    }
    
    .fr-mobile{
        float: right;
    }
    
    .domande_sottotitolo.login{
        font-size: 22px;
        font-weight: 800;
    }
    
    .conferma_prenotazione_right .prestazioni_prezzo {
        font-size: 32px;
    }
    
    .p-right{
        padding: 0px; 
    }
    
    .p-left{
        padding: 0px; 
    }
    
    
    .custom_nav_link.active{
        background-color: white;

    }
    .custom_nav_link.active .custom_nav_link_inner{
        color: black;
    }
    
    /*
    .menu_orizzontale {
        justify-content: center;
    }
    
    .menu_orizzontale .custom_progress_text{
        margin-left: 5px;
    }*/
    
    #div_login .label-login{
        display: none;
    }
    
    #div_login [class*="px"] {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #div_login [class*="py"] {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
    #div_login [class*="pb"] {
        padding-bottom: 0px !important;
    }
    #div_login input{
        margin-bottom: 10px;
    }
    
    .new-user{
        line-height: 15px;
        font-size: 14px;
        font-weight: 500;
        font-style: inherit;
        margin: 40px 0px 50px 0px;
    }
    
    .suggerimento-mobile{
        display: block;
        font-size: 12px;
        font-weight: 400;
        color: #ff9c1b;
    }
    
    .btn-login{
        border-color: #0a355e;
        color: white;
        background-color: #0a355e;
    }
    
    .border-registrazione{
        border-bottom: 1px solid #ff9c1b;
        margin-bottom: 10px;
    }
    
    .label-border{
        text-align: center;
        margin: 0px;
        font-size: 20px;
    }
    
    .label-registrazione{
        text-align: center;
    }

    .domande_checkbox_outer{
        padding: 7.5px !important;
    }
    
    .suggerimenti-registrazione{
        font-size: 10px;
        position: relative;
        top: -5px;
    }
    
    p .suggerimenti-registrazione{
        margin-bottom: 10px;
    }
    
    .mt-mobile-2{
        padding-top: 1rem!important;
    }
    
}
@media only screen and (max-width: 490px) {
    .col-calendario {
        flex: 0 0 auto;
        width: 33%;
    }
}
