th,td {padding:5px}@media only screen and (max-width: 800px) {    .responsive-table .cf:after {        visibility: hidden;        display: block;        font-size: 0;        content: " ";        clear: both;        height: 0;    }    .responsive-table * html .cf {        zoom: 1;    }    .responsive-table *:first-child + html .cf {        zoom: 1;    }    .responsive-table table {        width: 100%;        border-collapse: collapse;        border-spacing: 0;    }    .responsive-table th,    .responsive-table td {        margin: 0;        vertical-align: top;        padding: 5px;    }    .responsive-table th {        text-align: left;    }    .responsive-table table {        display: block;        position: relative;        width: 100%;    }    .responsive-table thead {        display: block;        float: left;    }    .responsive-table tbody {        display: block;        width: auto;        position: relative;        overflow-x: auto;        white-space: nowrap;    }    .responsive-table thead tr {        display: block;    }    .responsive-table th {        display: block;        text-align: right;    }    .responsive-table tbody tr {        display: inline-block;        vertical-align: top;    }    .responsive-table td {        display: block;        min-height: 1.25em;        text-align: left;    }    /* sort out borders */    .responsive-table th {        border-bottom: 0;        border-left: 0;    }    .responsive-table td {        border-left: 0;        border-right: 0;        border-bottom: 0;    }    .responsive-table tbody tr {        border-left: 1px solid #babcbf;    }    .responsive-table th:last-child,    .responsive-table td:last-child {        border-bottom: 1px solid #babcbf;    }}