table.list-records thead tr th:last-child{
    padding-right: 0px;
}

.ShortenX {
    display: inline-block;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    max-width: 200px;
    text-overflow: ellipsis;
}

.ShortenL {
    display: inline-block;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    max-width: 100px;
    text-overflow: ellipsis;
}

@media (max-width: 1200px)
{
    .Hidden{
        display: none;
    }
}

@media (max-width: 800px) {
    .ShortenX {
        display: inline-block;
        position: relative;
        overflow: hidden;
        white-space: nowrap;
        max-width: 150px;
        text-overflow: ellipsis;
    }

    .ShortenL {
        display: inline-block;
        position: relative;
        overflow: hidden;
        white-space: nowrap;
        max-width: 80px;
        text-overflow: ellipsis;
    }
}