/*----------- Table ----------*/
table {border:1px solid #e4e4e4; width:100%;}
	table .column-1{color:#4b8cb9; text-align:left; padding-left:15px !important; width:111px;}
	table .column-2{width:138px;}
	table .column-3{width:142px;}
	table .column-4{width:115px;}
	table th{
		font-weight:normal;
		color:#4b8cb9;
		text-align:left;
		border:1px solid #e4e4e4;
		padding:15px 5px;
	}
	table td{
		border:1px solid #e4e4e4;
		text-align:left;
		padding:6px 5px;
	}
	
@media only screen and (max-width: 995px){
	table, thead, tbody, th, td, tr {display: block;}
	table .column-1, table .column-2, table .column-3, table .column-4{width:auto;}
	table .column-1{padding-left:50% !important;}
	thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	tr:nth-of-type(2n+1){background: #f7f7f7;}
	table td {
		position:relative;
		border: none;
		border-bottom: 1px solid #e4e4e4;
		/*padding-left: 50% !important;*/
		text-align:left;
	}
	td:before {
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45% !important;
		color:#4b8cb9;
		text-align:left;
		padding-left:15px;
		width:111px;
		padding-right: 10px; 
		white-space: nowrap;
	}
	td:nth-of-type(1):before {content: "";}
	td:nth-of-type(2):before {content: "Voluptate velit ess";}
	td:nth-of-type(3):before {content: "Congue fermentum";}
	td:nth-of-type(4):before {content: "Beatae vitae dicta ";}
}

@media only screen and (max-width: 479px){
	table {font-size:11px; line-height:14px;}
	table .column-1{padding-left:55% !important;}
	/*table td {padding-left: 55% !important;}*/
	td:before {padding-left:3px;}
}