.class2 table.responsive { margin-bottom:20px;  }
@media only screen and (max-width:820px) {
	.class2{ width:100%;  clear:both;}
	.class2 table{margin-top:10px;}
.class2 table.responsive { margin-bottom:20px;  }
	
.class2	.pinned { position: absolute; left: 0; top: 0; width:33%; overflow: hidden; overflow-x: scroll;  }
.class2	.pinned table {/* border-right: none; border-left: none;*/  width: 100%; }
.class2	.pinned table th, .pinned table td { white-space: nowrap;   }
.class2	.pinned td:last-child { border-bottom: 0; }
	
.class2	div.table-wrapper { position: relative; margin-bottom: 0px; overflow: hidden; /*border-right: 1px solid #ccc;*/ }
.class2	div.table-wrapper div.scrollable { margin-left:33%; }
.class2	div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }	
	
	.class2 table.responsive td, table.responsive th { /*position: relative;*/ white-space: nowrap; overflow: hidden; }
	.class2 table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td { display: none; }
	
		
	
}
/* Mobile */
@media only screen and (max-width:810px) {
	.class2{width:100%;}
.class2 table.responsive { margin-bottom:20px; }
	
.class2	.pinned { position: absolute; left: 0; top: 0; width:30%; overflow: hidden; overflow-x: scroll;  }
.class2	.pinned table {/* border-right: none; border-left: none;*/  width: 100%; }
.class2	.pinned table th, .pinned table td { white-space: nowrap;padding-top:9px; padding-bottom:10px;}
.class2	.pinned td:last-child { border-bottom: 0; }
	
.class2	div.table-wrapper { position: relative; margin-bottom: 0px; overflow: hidden; /*border-right: 1px solid #ccc;*/ }
.class2	div.table-wrapper div.scrollable { margin-left:30%; }
.class2	div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }	
	
	.class2 table.responsive td, table.responsive th { /*position: relative;*/ white-space: nowrap; overflow: hidden; }
	.class2 table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td { display: none; }
	
	
	
}
@media only screen and (max-width:640px) {
	.class2{ width:100%;}
.class2 table.responsive { margin-bottom:20px; }
	
.class2	.pinned { position: absolute; left: 0; top: 0; width:33%; overflow: hidden; overflow-x: scroll;  }
.class2	.pinned table {/* border-right: none; border-left: none;*/  width: 100%; }
.class2	.pinned table th, .pinned table td { white-space: nowrap; padding-top:9px; padding-bottom:10px; }
.class2	.pinned td:last-child { border-bottom: 0; }
	
.class2	div.table-wrapper { position: relative; margin-bottom: 0px; overflow: hidden; /*border-right: 1px solid #ccc;*/ }
.class2	div.table-wrapper div.scrollable { margin-left:33%; }
.class2	div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }	
	.class2 table{margin-top:10x;}
	.class2 table.responsive td, table.responsive th { /*position: relative;*/ white-space: nowrap; overflow: hidden; }
	.class2 table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td { display: none; }
	
	
	
}
@media only screen and (max-width:440px) {
	.class2{ width:100%;}
.class2 table.responsive { margin-bottom:20px; }
	
.class2	.pinned { position: absolute; left: 0; top: 0; width:36%; overflow: hidden; overflow-x: scroll;}
.class2	.pinned table {/* border-right: none; border-left: none;*/  width: 100%; }
.class2	.pinned table th, .pinned table td { white-space: nowrap; padding-top:9px; padding-bottom:10px; }
.class2	.pinned td:last-child { border-bottom: 0; }
	
.class2	div.table-wrapper { position: relative; margin-bottom: 0px; overflow: hidden; /*border-right: 1px solid #ccc;*/ }
.class2	div.table-wrapper div.scrollable { margin-left:36%;  }
.class2	div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }	
	.class2 table{margin-top:10x;}
	.class2 table.responsive td, table.responsive th { /*position: relative;*/ white-space: nowrap; overflow: hidden; }
	.class2 table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td { display: none; }
	
	
	
}