@media only screen and (max-width: 47.5em), (min-device-width: 48em) and (max-device-width: 64em) {

    .page-wrap table,
    .page-wrap thead,
    .page-wrap tbody,
    .page-wrap th,
    .page-wrap td,
    .page-wrap tr {
        display: block;
    }

        .page-wrap thead tr {
            position: absolute;
            top: -9999em;
            left: -9999em;
        }

    .page-wrap tr {
        border: 0.0625em solid #ccc;
    }

    .page-wrap td {
        border: none;
        border-bottom: 0.0625em solid #eee;
        position: relative;
        padding-left: 50%;
    }

        .page-wrap td:before {
            position: absolute;
            top: 0.375em;
            left: 0.375em;
            width: 45%;
            padding-right: 0.625em;
            white-space: nowrap;
        }
}