@media screen and (min-width: 0px) and (max-width: 425px) {
    .elenco_corsi > .col-4{
        overflow-y: auto !important;
        
    }
  
}
@media screen and (min-width: 0px) and (max-width: 424px) {
       /* blocco per i site */
        #siti{
            width: 98% !important ;
        }
        #siti > .table-wrapper{
        overflow-y: auto;
    }
    /* fine blocco site*/
    


    /* blocchi info su studenti */
        #info_studenti ,#info_candidati{
            width: 100% !important;   
        }
        .sonata-ba-content .row .col-md-6 div.kpi-block {
        width: 100% !important;
        float: none !important;
        margin-left: 0 !important;
        }


        #info_studenti > h3{
            font-size: 28px !important;
        }
        .età_media > h3,#info_candidati > h3{
            font-size: 28px !important;
        }
        #info_studenti > .box-body > * ,#info_candidati > .box-body > *{
            font-size: 25px !important;
        }
        .età_media > span{
            font-size:25px;
            text-align:center;
            font-weight:bold;
            margin:10px 0;
        }
    /* fine blocco */


    /* sezione 1 info generali studenti  */
        #Corsi{
            width: 98% !important;
        }
        
    /* fine */
    
    /* stile separetor */
        hr.col-sm-12.my-4:nth-of-type(3) {
        display: none;
        }
        hr.col-sm-12.my-4:nth-of-type(2) {
        display: none;
        }
        hr.col-sm-12.my-4:nth-of-type(4) {
        display: none;
        }
    /* stile separetor */
  
}
@media screen and (min-width: 767px) and (max-width: 768px){
    body.fixed .content-wrapper, body.fixed .right-side{
        padding-top: 1px;
    }
}
@media screen and (min-width: 425px) and (max-width: 767px){
    header  span#Nome_applicazione{
        color: whitesmoke !important;
    }

}
@media screen and (min-width: 425px) and (max-width: 768px) {
       /* blocco per i site */
        #siti{
            width: 98% !important ;
        }
        #siti > .table-wrapper{
            overflow-y: auto;
        }
    /* fine blocco site*/
    


    /* blocchi info su studenti */
        #info_studenti ,#info_candidati ,#info_età{
            width: 31% !important;
        }
        #info_studenti > .fa ,#info_candidati >i{
            font-size: 20px !important;
        }
        #info_studenti > h3 ,#info_candidati > h3{
            font-size: 26px !important;
        }
        .età_media > h3{
            font-size: 22px !important;
        }
        .età_media > span{
            font-size: 26px;
            text-align:center;
            font-weight:bold;
            margin:20px 0 0 0;
        }
    /* fine blocco */


    /* sezione 1 info generali studenti  */
        #Corsi{
            width: 98% !important;
        }
        
        
    /* fine */
    
    /* stile separetor */
        hr.col-sm-12.my-4:nth-of-type(3) {
        display: none;
        }
        hr.col-sm-12.my-4:nth-of-type(2) {
        display: none;
        }
        hr.col-sm-12.my-4:nth-of-type(4) {
        display: none;
        }
    /* stile separetor */
  
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
     /* blocco per i site */
    #siti{
        width: 48.6% !important ;
    }
    #siti > .table-wrapper{
        overflow-y: auto;
    }
    /* fine blocco */
    
    /* blocchi info su studenti */
    #info_studenti,#info_candidati{
        width: 32% !important;
    }
    .età_media > span{
        gap: 15px;
        font-size: 36px;
        font-weight: bold;
        margin-top: 16px;
    }
    /* fine blocco */
    /* sezione 1 info generali studenti  */
    #Corsi{
        width: 47.6% !important;
    }
    .Tipologia_istituto > div.Container_titolo_Bottone > h3.h3-kpi {
    font-size: 22px !important;
    text-align:left;
    }
    .età_media>h3{
        font-size: 22px;
    }
    .elenco_corsi > .col-4{
        overflow-y: auto !important;
    
    }
    hr.col-sm-12.my-4:nth-of-type(3) {
        display: none;
    }

    /* fine */
  
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
    /* media queery schermi l */

    /* blocco per i site */
    #siti{
        width: 48.6% !important ;

    }
    /* fine blocco */
    
    /* blocchi info su studenti */
    #info_studenti, #info_candidati{
        width: 32% !important;
    }
    .età_media > span{
        gap: 15px;
        font-size: 36px;
        font-weight: bold;
        margin-top: 16px;
    }
    /* fine blocco */
    /* sezione 1 info generali studenti  */
    #Corsi{
        width: 48% !important;
    }
    

    hr.col-sm-12.my-4:nth-of-type(3) {
        display: none;
    }

    /* fine */
  
}
@media screen and (min-width: 1441px) and (max-width: 2560px) {
    /* media queery schermi l */
    /* blocco per i site */
    #siti{
        width: 48.6% !important ;

    }
    /* fine blocco */

    /* blocchi info su studenti */
    #info_studenti,#info_candidati{
        width: 32% !important;
    }
    .età_media > span{
        gap: 15px;
        font-size: 36px;
        font-weight: bold;
        margin-top: 16px;
    }
    /* fine blocco */
    /* sezione 1 info generali studenti  */
    #Corsi{
        width: 32.4% !important;
    }
    /* fine */
  
}