@media all and (max-width: 860px) {
    #area-one-full{
        display: block;
    }

    #area-one ,#area-two ,#area-three{
        width: 100%;
         max-width: 800px;
         /*margin: auto;*/
         margin-bottom: 0;
    }

    #area-info {
        width: -webkit-fill-available;
    }
    #top-menu{
        display: contents;
    }
    #selector{
        display: none;
    }
    .menu-but {
        width: 100%;
        float: none;
        text-align: center;
        padding: 15px 0;
        background-color: #1d2d81cf;
        border-left: none;
        border-right: none;
    }
    #menu-but-logout {
        float: none;
    }
    #main-menu{
        position: relative;
        margin-top: auto;
        padding-left: 0;
        margin: 0;
        display: none;
    }
    #main-area{
        min-width: unset !important;
        padding: 0 10px;
    }
    #dash-but{
        margin: 15px 1.5%;
        width: 45%;
    }
    #logo{
        zoom: 60%;
    }
    #menu-but-cascade{
        display: block;
        width: 50px;
        height: 50px;
        cursor: pointer;
    }
    #topmenu-but-cascade{
        float: left;
        width: fit-content;
        display: none;
    }
    #menu-user{
        display: none;
    }
    #menu-user-mobile{
        display: block;
        float: right;
        margin-top: 10px;
        margin-right: 10px;
        color: lightgrey;
    }
    .topMenu-but{
        display:none;
    }
    #top-menu{
        min-width: unset;
        display: block;
    }
    #butManualLoad,#butCameraLoad,#butFileLoad{
        font-size: 18px;
        width: 28%;
    }

}


@media all and (max-width: 560px) {
    #area-one-full{
        display: block;
    }
    #dash-but {
        margin: 15px 5%;
        width: -webkit-fill-available;
    }
    #topmenu-but-cascade{
        float: left;
        width: fit-content;
        display: block;
    }
    #top-menu{
        display: none;
        position: relative;
        top: -40;
        left: 60;
        background: #5c5c5c;
        min-width: -webkit-fill-available;
    }
    #butManualLoad, #butCameraLoad, #butFileLoad {
        width: -webkit-fill-available;
        margin: 1.6% 3%;
        font-size: 18px;
    }
    #butManualLoad img, #butCameraLoad img, #butFileLoad img{
        width: 40%;
    }

    #filters-list{
        max-width: fit-content;
    }

    #config-UserInfo label{
        width: fit-content;
        float: unset;
        margin: auto;
    }

    #area-info,
    #monitorAssistenzaArea,
    #EnableMailNotificheArea,
    #alertTrasmissioniArea,
    #customizeMailArea,
    #scadVerificheArea{
        margin: 0;
    }

    #Filters-BUT,
    #XLS-File,
    #PDF-File{
        padding: 8px 12px;
    }

    #PageButton_System #resultLabel{
        display: block;
        padding: 15px;
        font-size: 12px;
        margin: 2px;
        margin-left: 10px;
    }
    #data-back,#data-save{
        float: right;
        font-size: 12px;
        padding: 15px;
    }
    

}