@media screen and (min-width: 320px) and (max-width: 767px) {
 
    .layout-witness {
        background-color: green;
    }

    /* #layout-drawer {
        left:-180px;
    }
    #layout-content { 
        left:0px;
    } */
    .layout-user-fullname { 
        display:none;
    }
    .layout-drawer--open {
        left:0px;
    }
    .layout-content--reduce { 
        left:180px;
    }

    .layout-drawer--closed {
        left:-180px;
    }
    .layout-content--enlarge { 
        left:0px;
    }
    .table-data-container {
        display:block;
    }
    .table-data-container--mobile {
        display:none;
    }
}