@media only screen and (max-width:640px) {
	.class2{ width:430px;}
.class2 table.responsive { margin-bottom:10px; }
	
.class2	.pinned { position: absolute; left: 0; top: 0; width:43%; overflow: hidden; overflow-x: scroll;  }
.class2	.pinned th{border-right:solid 1px #ff7200 !important;}
.class2	.pinned td{border-right:none  !important;}
.class2	.pinned table {/* border-right: none; border-left: none;*/  width: 100%; }
.class2	.pinned table th, .pinned table td {  padding-top:10px; padding-bottom:10px; border-right:none; }
.class2	.pinned td:last-child { border-bottom: 0; }
	
.class2	div.table-wrapper { position: relative; margin-bottom: 0px; overflow: hidden; /*border-right: 1px solid #ccc;*/  border-right:none;}
.class2	div.table-wrapper div.scrollable { margin-left:42%; border-right:none;}
.class2	div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; border-right:none;  }	
	.class2 table{margin-top:10x;}
	.class2 table.responsive td, table.responsive th { /*position: relative;*/ white-space: nowrap; overflow: hidden; border-right:none; }
	.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:330px;}
.class2 table.responsive { margin-bottom:10px; }
	
.class2	.pinned { position: absolute; left: 0; top: 0; width:43%; overflow: hidden; overflow-x: scroll;  }
.class2	.pinned table {/* border-right: none; border-left: none;*/  width: 100%; }
.class2	.pinned table th, .pinned table td {  padding-top:10px; padding-bottom:10px; border-right:none; }
.class2	.pinned td:last-child { border-bottom: 0; }
	
.class2	div.table-wrapper { position: relative; margin-bottom: 0px; overflow: hidden; /*border-right: 1px solid #ccc;*/  border-right:none;}
.class2	div.table-wrapper div.scrollable { margin-left:42%; border-right:none;}
.class2	div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; border-right:none;  }	
	.class2 table{margin-top:10x;}
	.class2 table.responsive td, table.responsive th { /*position: relative;*/ white-space: nowrap; overflow: hidden; border-right:none; }
	.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:340px) {
	.class2{ width:280px;}
.class2 table.responsive { margin-bottom:10px; }
.class2	.pinned { position: absolute; left: 0; top: 0; width:43%; overflow: hidden; overflow-x: scroll;  }
.class2	.pinned th{border-right:none !important;}
.class2	.pinned table {/* border-right: none; border-left: none;*/  width: 100%; }
.class2	.pinned table th, .pinned table td {  padding-top:10px; padding-bottom:10px; border-right:none; }
.class2	.pinned td:last-child { border-bottom: 0; }
	
.class2	div.table-wrapper { position: relative; margin-bottom: 0px; overflow: hidden; /*border-right: 1px solid #ccc;*/  border-right:none;}
.class2	div.table-wrapper div.scrollable { margin-left:42%; border-right:none;}
.class2	div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; border-right:none;  }	
	.class2 table{margin-top:10x;}
	.class2 table.responsive td, table.responsive th { /*position: relative;*/ white-space: nowrap; overflow: hidden; border-right:none; }
	.class2 table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td { display: none; }
	
	
	
}