@media only screen and (max-width: 800px) {
    #flip-scroll .cf:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }
    #flip-scroll * html .cf {
        zoom: 1;
    }
    #flip-scroll *:first-child+html .cf {
        zoom: 1;
    }
    #flip-scroll table {
        width: 100%;
        border-collapse: collapse;
        border-spacing: 0;
    }
    #flip-scroll th, #flip-scroll td {
        margin: 0;
        vertical-align: top;
    }
    #flip-scroll th {
        text-align: left;
    }
    #flip-scroll table {
        display: block;
        position: relative;
        width: 100%;
    }
    #flip-scroll thead {
        display: block;
        float: left;

    }
    #flip-scroll tbody {
        display: block;
        width: auto;
        position: relative;
        overflow-x: auto;
        white-space: nowrap;
    }
    #flip-scroll thead tr {
        display: block;
		/*border-top: 1px solid #ddd;*/
    }
    #flip-scroll thead td {
        display: block;
		/*border-top: 1px solid #ddd;*/
    }
    #flip-scroll th {
        display: block;
        text-align: right;
    }
    #flip-scroll tbody tr {
        display: inline-block;
        vertical-align: top;
    }
    #flip-scroll td {
        display: block;
        min-height: 1.25em;
        text-align: left;
        /*border: 1px solid #ddd;*/
    }
    /* sort out borders */
    #flip-scroll th {
        border-bottom: 0;
        border-left: 0;
    }
    #flip-scroll td {
        /*border-left: 0;
        border-right: 0;
        border-bottom: 0;*/
    }
    #flip-scroll tbody tr {
        /*border-left: 1px solid #babcbf;*/
    }
    #flip-scroll th:last-child, #flip-scroll td:last-child {
        /*border-bottom: 1px solid #babcbf;*/
    }
    #flip-scroll td th{
        border: 1px solid #ddd;
    }
    #flip-scroll thead th td{
        border: 1px solid grey;
    }
}