@media screen and (max-width: 320px) {
	table#table1 {
		width: 100%!important;
		position: relative;
		top: 20px;
		left: 0px;
		border: 1px solid lightgray;
	}
	#table1 .table td {
		padding: 0.3rem;
		vertical-align: top;
		border-top: 1px solid #eceeef;
	}
	#table1 thead {
		display: none;
	}
	#table1 tr:nth-of-type(2n) {
		background-color: rgba(238, 238, 238, 0.48)!important;
	}
	#table1 tr td:first-child {
		background: #f0f0f0; 
		font-weight:bold;
		font-size:1.3em;
	}
	#table1 tbody td {display: block;
		text-align:center;
	}
	#table1 tbody td:before {
		content: attr(data-th);
		display: block;
		text-align:center;
		float: left;
		font-weight: bold;
	}
	.text-right {
		text-align: center !important;
		position: relative;
		right: 0px;
	}

}
@media  (min-width: 320px) and (max-width: 480px) {
	#table1_wrapper .row:nth-child(2) .col-xs-12{
		margin-bottom:40px;
	}
	table#table1{
		width: 100%!important;
		position: relative;
		top: 20px;
		left: 0px;
		border: 1px solid lightgray;
	}
	#table1    .table td {
		padding: 0.3rem;
		vertical-align: top;
		border-top: 1px solid #eceeef;
	}
	#table1 thead {
		display: none;
	}
	#table1 tr:nth-of-type(2n) {
		background-color: rgba(238, 238, 238, 0.48)!important;
	}
	#table1 tr td:first-child {
		background: #f0f0f0;
		font-weight:bold;
		font-size:1.3em;
	}
	#table1 tbody td {
		display: block;
		text-align:center;
	}
	#table1 tbody td:before {
		content: attr(data-th);
		display: block;
		text-align:center;
		float: left;
		font-weight: bold;
	}
}