[FEATURE] Add mobile support

css/custom.css

@@ -38,3 +38,60 @@ body .content-root {
 	}
 }
 
+@media (max-width: 480px) {
+	body {
+		overflow-x: hidden;
+	}
+	
+	.header-subnav ul {
+		margin: auto;
+		max-width: 480px;
+	}
+	
+	.header-subnav li {
+		width: 350px;
+	}
+	
+	.header-subnav li a {
+		padding: 10px 5px !important;
+		font-size: .8em;
+	}
+	
+	/* Force table to not be like tables anymore */
+	table, thead, tbody, th, td, tr { 
+		display: block; 
+		max-width: 300px;
+	}
+	
+	thead tr { 
+		position: absolute;
+		top: -9999px;
+		left: -9999px;
+	}
+	
+	tr { border: 1px solid #ccc; }
+	
+	td { 
+		/* Behave  like a "row" */
+		border: none;
+		border-bottom: 1px solid #eee; 
+		position: relative;
+		padding-left: 50%; 
+	}
+	
+	td:before { 
+		/* Now like a table header */
+		position: absolute;
+		/* Top/left values mimic padding */
+		top: 6px;
+		left: 6px;
+		width: 45%; 
+		padding-right: 10px; 
+		white-space: nowrap;
+	}
+	
+	
+	
+	
+}
+