@media (max-width: 640px) {
	/* CSS table-fullwidth table */
	.table-wrapper {
		    overflow-x: inherit;
	}
	table.table-fullwidth,
	table.table-fullwidth thead,
	table.table-fullwidth tbody,
	table.table-fullwidth th,
	table.table-fullwidth td,
	table.table-fullwidth tr { display: block; }
	table.table-fullwidth tr { border: 1px solid #ccc; margin-bottom: 10px; }
	table.table-fullwidth td.points {text-align: left;}
	table.table-fullwidth td { border: none; box-shadow: none; border-bottom: 1px solid #eee; position: relative; padding-left: 30%; }
	table.table-fullwidth td:before {	position: absolute;	top: 6px; left: 6px; width: 28%; padding-right: 10px; text-align: left; word-wrap: break-word; }
	/* table.table-fullwidth tr:first-child { position: absolute; top: -9999px; left: -9999px; }  WHY?? */
	table.table-fullwidth td:before { content: attr(data-content); height: 18px; font-size: 13px; color:#aaa; }
	table.table-fullwidth td.small-padding { padding-top: 5px; padding-bottom: 5px; }
	table.table-fullwidth td.medium-padding { padding-top: 15px; padding-bottom: 15px; }
	table.table-fullwidth td.large-padding { padding-top: 25px; padding-bottom: 25px; }

	table.table-fullwidth tbody td:last-child { padding-left: 2%; text-align: left;}
	table.table-fullwidth tbody td:last-child:before { content: ""; height: 0px; font-size: 13px; color:#aaa; }

	table.table-fullwidth thead td:last-child { display: none}

	/* table.table-fullwidth thead tr { position: absolute; top: -9999px; left: -9999px; } */
	table.table-fullwidth thead td:before,
	table.table-fullwidth tfoot td:before 
	{ content: ""; height:0; }

	table.table-fullwidth tfoot {width: 100%;}

	table.table-fullwidth thead td,
	table.table-fullwidth tfoot td
	 { padding-left: 2%; border:none; }
	

}