@media all and (max-device-width: 768px) {
    #cssmenu {
        z-index: 10;
        margin-left: -185px;
    }
    #cssmenu ul {
        display: none;
    }
    #next-ten, #pdf, #prev-ten, #view-week, #xls {
        display: none;
    }
    #website-reolin {
        position: absolute !important;
        bottom: 5px !important;
        right: 10px !important;
        width: 6em !important;
    }
    div.main {
        left: 0px;
        margin-top: 30px;
    }
    #calendar-buttons {
        margin-right: 3px;
    }
    #hide_menu {
        display: none;
    }
    #messages-box, div.main form #messages-box #truc {
        margin-left: 10px !important;
        margin-right: 10px !important;
    }
    #new-password {
        margin-top: 10px;
        margin-left: -45px;
        margin-bottom: 1px;
    }
    #profil-detail, #profil-picture {
        float: none !important;
        margin: 0 auto;
        margin-bottom: 25px;
    }
    #person-my-detail-button div {
        display: inline-block;
    }
    #profil-detail table.detail tr td:nth-child(2n-1) {
        display: block;
    }
    #profil-detail table.detail tr td:nth-child(2n) {
        margin-bottom: 10px;
    }
    #profil-detail table.detail tr td:nth-child(2n) input {
        max-width: 150px !important;
    }
    #save-cancel {
        float: none !important;
        margin-bottom: 1px;
        margin-left: 50px;
    }
    #show_menu {
        display: block;
        border-bottom: 1px solid #d9d9d9;
    }
    #reolin-logo {
        width: 40px;
    }
    #webcambtn {
        display: none;
    }
    div.loginlogo {
/*        width: 300px; */
    }
    div.loginlogo div.login {
        width: 300px;
        margin-top: 60px;
    }
    div.assist {
        width: 150px;
    }
    div.assists {
        flex-wrap: wrap;
    }
    div.workers {
        width: 315px;
    }
    @media (max-device-width: 400px) {
        .ui-dialog {
            width: 300px !important;
        }
        #fileToUpload, #filecomment {
            width: 250px !important;
        }
    }
    @media (max-device-width: 599px) {
        #user-name {
            display: none;
        }
    }
    /* IPHONE 4, 5 */
    @media (max-device-width: 320px) {
        #calendar-buttons {
            margin-right: 4px;
        }
        #div2 div.listHeader div a:nth-child(2n-1) {
            width: 20px !important;
        }
        #new-password {
            margin-left: -60px;
        }
        #save-cancel {
            margin-left: 35px;
        }
    }
    /* LG */
    @media (max-device-width: 384px) and (min-device-width: 375px) {
        #calendar-buttons {
            margin-right: 12px;
        }
        #new-password {
            margin-left: -30px;
        }
        #save-cancel {
            margin-left: 65px;
        }
    }
    /* IPHONE 6+ & NEXUS */
    @media (max-device-width: 414px) and (min-device-width: 412px) {
        #calendar-buttons {
            margin-right: 30px;
        }
        #new-password {
            margin-left: -15px;
        }
        #save-cancel {
            float: right !important;
            -ms-transform: translateX(-36%);
            -webkit-transform: translateX(-36%);
            transform: translateX(-36%);
        }
    }
    /* IPAD */
    @media (max-device-width: 768px) and (min-device-width: 600px) {
        #save-cancel {
            margin-top: 10px;
        }
    }
}