@media only screen and (max-width: 991px) {
	
	.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%; max-width: 100% !important; overflow: auto; 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; }
	.flip-scroll th { display: block; }
	.flip-scroll tbody tr { display: inline-block; vertical-align: top; }
	.flip-scroll td { display: block; min-height: 1.25em; text-align: left; }
 
 
	/* sort out borders */
 
	.flip-scroll th { border-bottom: 1px solid white; border-left: 0; }
    .flip-scroll th:last-child, .flip-scroll th.last-child { border-bottom: 0px; }
	.flip-scroll td { border-left: 0; border-right: 0; border-bottom: 1px solid white;  white-space: normal; }
    .flip-scroll td:last-child, .flip-scroll td.last-child { border-bottom: 0px; }
    .flip-scroll tr { border-bottom: 0 !important; width: 100%; }
}

@media (min-width: 992px) {
    .flip-scroll td, .flip-scroll th {
        padding-right: 30px;
        width: initial;
    }
}