@media only screen and (max-width:480px) {
	td { 
		padding-left:0; 
	}
	td:first-child {
		padding-left:0;
	}
	td:before { 
		top:0;
		width:0; 
		padding-right:0;
	}
	td:nth-of-type(1):before { content:""; }
	td:nth-of-type(2):before { content:""; }
	td:nth-of-type(3):before { content:""; }
	td:nth-of-type(4):before { content:""; }
}






.table-wrapper {
    overflow: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}





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

	#rotator table {
	    background: #efefef; 
	    border:.12em solid gray;
		display: block;
		position: relative;
		width: 100%;
		border-collapse: collapse;
		border-spacing: 0;
	}
	#rotator thead {
	    margin-right:.4em;
		display: block;
		float: left;
	}
	#rotator tbody {
		display: block;
		width: auto;
		position: relative;
		overflow-x: auto;
		white-space: nowrap;
	}
	#rotator th,
	#rotator td {
		margin: 0;
		vertical-align: top;
	}
	#rotator th {
		text-align: left;
		min-height: 1.25em;
		display: block;
		text-align: right;
		border-bottom: 0;
		border-left: 0;
	}
	#rotator th:first-child {
		border-top: 0 none;
	}
	#rotator td {
		display: block;
		min-height: 1.25em;
		text-align: left;
		border-left: 0;
		border-right: 0;
		border-bottom: 0;
	}
	#rotator thead tr {
		display: block;
	}

	#rotator tbody tr {
		display: inline-block;
		vertical-align: top;
		
	}
	#rotator tbody tr:first-child {
		border-left: 0 none;
	}
	#rotator tbody td:first-child {
		border-top: 0 none;
	}

}



@media only screen and (min-width: 481px) {

	#rotator table {
	    background : #efefef;
	    border:.12em solid gray;
		display: block;
		position: relative;
		width: 100%;
		border-collapse: collapse;
		border-spacing: 0;
	}
	#rotator thead { 
	    margin-right :.4em;
	    display: block;
		float: left;
	}
	#rotator tbody {
		display: block;
		width: auto;
		position: relative;
		overflow-x: auto;
		white-space: nowrap;
	}
	#rotator th,
	#rotator td {
		margin: 0;
		vertical-align: top;
	}
	#rotator th {
		text-align: left;
		min-height: 1.25em;
		display: block;
		text-align: right;
		border-bottom: 0;
		border-left: 0;
	}
	#rotator th:first-child {
		border-top: 0 none;
	}
	#rotator td {
	    display: block;
		min-height: 1.25em;
		text-align: left;
		border-left: 0;
		border-right: 0;
		border-bottom: 0;
	}
	#rotator thead tr {
		display: block;
	}

	#rotator tbody tr {
		display: inline-block;
		vertical-align: top;
		padding-right: .5em;
	}
	#rotator tbody tr:first-child {
		border-left: 0 none;
	}
	#rotator tbody td:first-child {
		border-top: 0 none;
	}

}