.legacy-style table.responsive {
	border-collapse: collapse
}

@media only screen and (max-width:760px),
(min-device-width:768px) and (max-device-width:1024px) {
	.legacy-style table.responsive {
		width: 100%;
		min-width: 320px
	}

	.legacy-style table.responsive,
	.legacy-style table.responsive tbody,
	.legacy-style table.responsive td,
	.legacy-style table.responsive th,
	.legacy-style table.responsive thead,
	.legacy-style table.responsive tr {
		display: block
	}

	.legacy-style table.responsive th {
		position: absolute;
		top: -9999px;
		left: -9999px
	}

	.legacy-style table.responsive tr {
		border: 1px solid #ccc
	}

	.legacy-style table.responsive tr:nth-of-type(even) {
		background-color: #eee
	}

	.legacy-style table.responsive td {
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50% !important
	}

	.legacy-style table.responsive td:before {
		position: absolute;
		top: 6px;
		left: 6px;
		width: 55%;
		padding-right: 10px;
		white-space: normal
	}
}