@media only screen and (min-width: 768px) and (max-width: 959px) {
    .hidden-sm,
    td.hidden-sm,
    th.hidden-sm {
        display: none;
    }

    .visible-sm {
        display: block;
    }

    td.visible-sm, th.visible-sm {
        display: table-cell;
    }

    tr.visible-sm {
        display: table-row;
    }

    .clear-sm {
        clear: both;
        display: block;
        height: 0;
        overflow: hidden;
        visibility: hidden;
        width: 0;
    }

    .unclear-sm {
        clear: none;
        display: none;
    }
}