/* ----------------------
   CSS smaller than 800px, all devices
---------------------- */
@media handheld and (max-width: 800px), screen and (max-width: 800px) {

    .data_narrow table {
        display: table;
    }
    .data_narrow thead {
        display: table-header-group;
    }
    .data_narrow tbody {
        display: table-row-group;
    }
    .data_narrow th,
    .data_narrow td {
        display: table-cell;
    }
    .data_narrow tr {
        display: table-row;
    }

    table.data_narrow {
        width: auto;
    }

    .data_narrow thead tr {
        position: initial;
    }

    .data_narrow tr {
        border-top: 0;
        border-left: 0;
        border-right: 0;
    }

    .data_narrow td {
        position: inherit;
        padding-left: 0;
        border: none;
        border-bottom: none;
        white-space: nowrap;
        text-align: left;
    }

    .data_narrow td:before {
        display: none;
    }

}