table.responsive-table { width: 100%; table-layout: fixed; }
	table.responsive-table td { vertical-align: top; text-align: center; padding: 0 0 20px 0; }
		table.responsive-table td p { text-align: center; }
.retailers td { padding: 5px !important; }
.retailers p { text-align: center; }
	.retailers p img { max-width: 95%; height: auto !important; }

@media screen and (max-width: 1000px) {
	table.responsive-table,
	table.responsive-table thead,
	table.responsive-table tbody,
	table.responsive-table th,
	table.responsive-table td,
	table.responsive-table tr { display: block; border: 0; }
		table.responsive-table thead tr { position: absolute; top: -9999px; left: -9999px; }
		table.responsive-table tr { }
		table.responsive-table td { padding: 4px 6px; }
		table.responsive-table td { border: none; position: relative; width: 48%; float: left; white-space: normal; text-align: left !important; }
			table.responsive-table td img { display: block; box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari */ }
			table.responsive-table td:before { position: absolute; top: 6px; left: 6px; white-space: nowrap; text-align: left; font-weight: bold; }
			table.responsive-table td:before { content: attr(data-title); }
}

@media screen and (max-width: 600px) {
	table.responsive-table td { width: 100%; float: none; }
}