table.responsive_table {
	width: 100%;
	margin: 10px auto 15px auto;
	padding:0;
	background: transparent;
	border-left: 0px solid #ddd;
	border-right: 0px solid #ddd;
	border-top: 3px solid #2c87a4;
	border-collapse: separate;
	border-spacing: 0}

table.responsive_table.table_red  {
	border-top: 3px solid #9e3528;}

table.responsive_table tr {
	padding: 5px;} 

table.responsive_table th, 
table.responsive_table td {
	padding: 10px;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background: #fff;
	font-weight:300;
	text-align:left}

table.responsive_table th:first-child, 
table.responsive_table td:first-child {
	border-left: 0px solid #ddd}

table.responsive_table th {
	color: #aaa}

@media screen and (max-width: 620px) {

	table.responsive_table {
		background:transparent;
		border: 0}

	table.responsive_table thead {
		display: none}

	table.responsive_table tr {
		margin-bottom: 10px;
		display: block}

	table.responsive_table td {
		display: block;
		text-align: right;
		background: #fff;
		border-left: 1px solid #ddd;
		border-right: 1px solid #ddd;
		border-bottom: 1px solid #ddd}

	table.responsive_table td:first-child  {
		font-weight: 300;
		border-top: 3px solid #2c87a4;
		border-left: 1px solid #ddd;
		color: #fff}
		

	table.responsive_table.table_red td:first-child  {
		border-top: 3px solid #9e3528;}

	table.responsive_table td:last-child {
		border-bottom: 0;
		border-bottom: 1px solid #ddd}

	table.responsive_table td:before {
		content: attr(data-label);
		color:#363636;
		float: left}

	table.responsive_table td:first-child:before {
		color: #aaa}


}