/** Developed by Dimitrios Mourloukos (http://www.tabulizer.com) based on an idea presented by David Bushell at http://dbushell.com/ */ @media only screen and (max-width: 40em) { .responsive_flip { display: block; position: relative; width: 100%; } .responsive_flip thead { display: block; float: left; } .responsive_flip tbody { display: block; width: auto; position: relative; overflow-x: scroll; -webkit-overflow-scrolling: touch; z-index: 1; white-space: nowrap; } .responsive_flip thead tr { display: block; } .responsive_flip th { display: block; } .responsive_flip tbody tr { display: inline-block; vertical-align: top; } .responsive_flip td { display: block; } .rt th { border-bottom: 0; } .responsive_flip td { border-left: 0; border-right: 0; border-bottom: 0; } .responsive_flip tbody tr { border-right: 1px solid #babcbf; } .responsive_flip th:last-child, .responsive_flip td:last-child { border-bottom: 1px solid #babcbf; } .responsive_flip tfoot { display: block; float: left; position: relative; width: auto; } .responsive_flip tfoot tr { display: inline-block; vertical-align: top; } .responsive_flip tfoot tr { border-right: 1px solid #babcbf; } }