@media only screen and (max-width: 640px) {
.pinned { position: absolute; left: 0; top: -1px; background: #fff; width: 36%; overflow: hidden; overflow-x: none; border-right: 2px solid #000; }
.pinned table { border-right: none; border-left: none; width: 100%; }
.pinned table th, .pinned table td { white-space: nowrap; }
.pinned td:last-child { border-bottom: 0; }
.pinned table thead th:first-child { border-bottom: solid 1px#000000; }
.pinned table thead th:nth-child(2) { border-bottom: solid 1px#929496;}
.pinned table thead th:nth-child(3) { border-bottom: solid 1px#000000;}
div.table-wrapper { position: relative; overflow: hidden; }
div.table-wrapper div.scrollable { margin-left: 36%; }
div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }	
table.responsive td, table.responsive th { position: relative; white-space: nowrap; overflow: hidden; }
table.responsive th:nth-child(-n+3), table.responsive td:nth-child(-n+3), table.responsive.pinned td { display: none; }
}