@media only screen and (min-width : 481px) and (max-width : 768px),  only screen and (min-width : 320px) and (max-width : 480px), only screen and (max-width : 320px) {
	*{ -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; }
	table {
	width: 100% !important;
	table-layout: fixed; border-collapse: collapse; border-spacing: 0;
	}
	td {
	float: left !important;
	width: 100% !important;
	}

	*{ max-width: 100% !important; }

	table[class="magic"],
	table[class="magic"] table,
	table[class="magic"] table table,
	table[class="magic"] tbody,
	table[class="magic"] tr,
	table[class="magic"] td {
	    display: block !important;
	    width: 100% !important;
	    float: left !important;
	}

	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block !important; 
	}
	td { 
		/* Behave  like a "row" */
		border: none;
		position: relative;
	}
	table[class="magic"]{ display: none !important; }
	body{ margin: 5px 0 10px 0 !important; }
	#mobile-header{ text-align: center; }
	#mobile-content,
	#mobile-sidebar,
	#mobile-footer{ background: #fff; }
	#mobile-content{ padding: 0 3%; }

	#mobile-sidebar-con{ max-width: 480px !important; margin: 0 auto; }

	.page{ background: transparent !important; }
}