Refactor sidebar logic + fix responsiveness

static/assets/css/404.css

@@ -25,9 +25,9 @@
 
 /* ============= Device specific fixes ======= */
 
-/* Extra small devices (portrait phones, less than 576px) */
-
-/* No media query for `xs` since this is the default in Bootstrap */
+/* Large screens such as TV */
+@media only screen and (min-width: 1824px) {
+}
 
 /* Extra large devices (large desktops, 1200px and up) */
 
@@ -41,6 +41,10 @@
   }
 }
 
+/* IPad Pro */
+@media (max-width: 1024px) {
+}
+
 /*  Large devices (desktops, 992px and up) */
 
 @media (max-width: 992px) {
@@ -75,3 +79,15 @@
     left: 2rem;
   }
 }
+
+/* iPhoneX, iPhone 6,7,8 */
+@media only screen and (max-width: 375px) {
+}
+
+/* Galaxy S5, Moto G4 */
+@media only screen and (max-width: 360px) {
+}
+
+/* iPhone 5 or before */
+@media only screen and (max-width: 320px) {
+}