@media screen and (max-width: 319px) {
    .layout-router-view {
        padding:0px 3px 0px 3px;
    }
    .layout-card { 
        margin-top:4px;
    }
    .layout-witness {
        background-color: yellow;
    }   
    /* 
    #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:none;
    }
    .table-data-container--mobile {
        display:block;
    }
}