.rwd-table {
	margin: 0;
	min-width: 300px;
	width: 100% !important;
	border-collapse: collapse;
	font-size: 16px;
}

.rwd-table tr {
	border-top: 1px solid var(--rwd-table-border-color);
	border-bottom: 1px solid var(--rwd-table-border-color);
}

.rwd-table th {
	display: none;
}

.rwd-table td {
	display: block;
}

.rwd-table td:first-child {
	padding-top: .5em;
}

.rwd-table td:last-child {
	padding-bottom: .5em;
}

.rwd-table td:before {
	content: attr(data-th) " ";
	font-weight: bold;
	width: 120px;
	display: inline-block;
}

.rwd-table th {
	background: var(--rwd-table-th-bg-color);
}

@media (min-width: 480px) {
	.rwd-table td:before {
		display: none;
	}
}

@media (min-width: 480px) {
	.rwd-table th, .rwd-table td {
		text-align: left;
		border: 1px solid var(--rwd-table-border-color);
	}
}

@media (max-width: 479px) {
	.rwd-table th, .rwd-table td {
		text-align: left;
	}
}

@media (min-width: 480px) {
	.rwd-table th, .rwd-table td {
		display: table-cell;
		padding: .25em .5em;
	}

	.rwd-table th:first-child, .rwd-table td:first-child {
		padding-left: 0;
	}

	.rwd-table th:last-child, .rwd-table td:last-child {
		padding-right: 0;
	}
}

.rwd-table {
	background: var(--rwd-table-bg-color);
	color: var(--rwd-table-font-color);
	overflow: hidden;
}

.rwd-table th, .rwd-table td {
	margin: .5em 1em;
}

@media (min-width: 480px) {
	.rwd-table th, .rwd-table td {
		padding: 5px !important;
	}
}

.rwd-table th, .rwd-table td:before {
	color: var(--rwd-table-font-color);
}