/* Makes imported HTML-email markup (often built on fixed-width tables)
   behave inside a normal responsive WordPress theme. */

.epi-email-content {
	max-width: 100%;
	overflow-x: auto;
}

.epi-email-content table {
	max-width: 100% !important;
	width: auto;
	border-collapse: collapse;
}

.epi-email-content img {
	max-width: 100%;
	height: auto;
}

.epi-email-content td,
.epi-email-content th {
	word-break: break-word;
}

@media ( max-width: 600px ) {
	.epi-email-content table,
	.epi-email-content tbody,
	.epi-email-content tr,
	.epi-email-content td {
		display: block;
		width: 100% !important;
	}
}