.responsiveTable {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0.25rem 0 0.5rem 0; 
	
}

.responsiveTable th *:first-child,
.responsiveTable td *:first-child {
	margin-top: 0;
}
.responsiveTable thead th {
	text-align: left;
	border-bottom: 1px solid #CCC;
}

.responsiveTable tbody th, td {
	text-align: left;
	border-bottom: 1px solid #CCC;
}

.responsiveTable tbody tr:hover th,
.responsiveTable tbody tr:hover td {
	background: #f8f8f8;
}

.responsiveTable th,
.responsiveTable td {
	vertical-align: top;
}

.responsiveTable tfoot {
	border-top: 4px solid #ccc;
}

@media	only screen and (max-width: 760px),
	(min-device-width: 768px) and (max-device-width: 1024px)  {
	
.responsiveTable table, 
.responsiveTable thead, 
.responsiveTable tbody, 
.responsiveTable th, 
.responsiveTable td, 
.responsiveTable tr { 
	display: block; 
}

.responsiveTable tr.theader, 
.responsiveTable th { 
	position: absolute;
	top: -9999px;
	left: -9999px;
}

.responsiveTable tr { 
	border: 1px solid #ccc; 
	margin-bottom: 10px;
}

.responsiveTable td { 
	border: none;
	position: relative;
}
		
.responsiveTable td:before { 
	content: attr(data-label);
	display: inline-block;
	width: 35%; 
	padding-right: 5px; 
	padding-left: 5px;
	white-space: nowrap;
}

}