
table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 60px;
}

table th {
	background: #00a651;
	color: #fff;
	font: 600 15px/1em 'Open Sans', Arial, sans-serif;
	text-align: center;
	height: 60px;
}

table td {
	text-align: center;
	width: 25%;
	padding: 6px;
}

.table2 td {
	text-align: left;
	border: none;
	width: auto;
}

.table-border td{
	border: 1px solid #eee;
}

@media screen and (max-width: 747px) {
	table.responsive thead{
		display: none;
	}
	table.responsive,
	table.responsive tbody,
	table.responsive tr,
	table.responsive td{
		display: block;
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	table.responsive td{
		padding: 0;
	}
	table.responsive td:before{
		content: attr(data-name);
		background: #00a651;
		color: #fff;
		font: 600 15px/1em 'Open Sans', Arial, sans-serif;
		text-align: center;
		padding: 10px;
		display: block;
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	table.responsive .content-holder{
		padding: 6px;
	}
	table.responsive.table-border .content-holder{
		border-right: 1px solid #eee;
		border-left: 1px solid #eee;
	}
	table.responsive.table-border td{
		border: none;
	}
	table.responsive.table-border tr:last-child td:last-child{
		border-bottom: 1px solid #eee;
	}
}
