@media screen and (max-width: 601px) {
    .table-striped {
        word-wrap: break-word;
    }

        .table-striped thead {
            display: none;
        }

        .table-striped td {
            display: block;
            float: left; /* ie9 and under hack */
            width: 100%;
            clear: both;
            background: white;
            padding: 10px 5px;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%);
            box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%);
        }

        .table-striped tbody,
        .table-striped tr {
            display: block;
        }

    .table-striped td:before {
        content: attr(data-th);
        display: block;
        font-weight: bold;
        margin: 0 0 2px;
        color: #000;
    }

    .table-striped tbody tr {
        float: left;
        width: 100%;
        margin-bottom: 10px;
    }

    .modal-custom {
        overflow-y: scroll !important;
        overflow-x: hidden !important;
    }
    .modal-custom-900x550, .modal-custom-900x450{
        width: 100% !important;
        height: 100% !important;
        min-height: 100% !important;
        max-height: 100% !important;
        top: 0px !important;
        margin-top: 0 !important;
        padding: 20px !important;
    }
}

@media screen and (max-width: 601px) {
    .table-striped td {
        max-width: 100%;
    }
    td {
        max-width: 100%;
    }
}
        @media only screen and (max-width: 992px) {
            .sidenav.sidenav-fixed {
                transform: translateX(0px);
            }

            .user-name {
                display: none;
            }

           
        }