.

static/css/style.css

@@ -115,6 +115,60 @@ footer {
   color: white;
 }
 
+@media (min-width: 1024px) {
+  .side-menu {
+      display: none;
+  }
+  .saburly-footer,
+  .content {
+    margin-left: 10%;
+    margin-right: 10%;
+  }
+  .empty-menu{
+    display: block;
+  }
+  .empty-menu-small{
+    display: none;
+  }
+}
+
+@media (max-width: 1023px) {
+  .side-menu {
+      display: block;
+  }
+  .saburly-footer{
+    margin-left: 10%;
+    margin-right: 10%;
+  }
+  .empty-menu{
+    display: none;
+  }
+  .empty-menu-small{
+    display: block;
+  }
+  .side-panel {
+    width: 100%;
+  }
+  .content {
+    width: 95%;
+    margin-left: 2.5%;
+    margin-right: 2.5%;
+    padding-left: 0;
+    padding-right: 0;
+  }
+  .saburly-menu {
+    z-index: 9999;
+    margin-left: 5%;
+    margin-right: 5%;
+  }
+  .saburly-logo{
+    margin-right: 112px;
+    padding-top: 5px;
+    padding-bottom: 5px;
+  }
+}
+
+
 .header-hidden { 
   transform: translateY(-100%); 
   transition: transform 0.3s ease; 
@@ -169,8 +223,6 @@ body.side-menu.active {
   overflow: hidden;
 }
 
-/* Carousel */
-
 .carousel-slider {
   width: 100%;
   overflow: hidden;
@@ -189,64 +241,9 @@ body.side-menu.active {
   text-align: center;
 }
 
-/* Devices size */
-
 @media only screen and (max-width: 768px) {
   .carousel-item {
     width: calc(100% / 3); 
     flex: 0 0 calc(100% / 3);
   }
-}
-
-@media (min-width: 1024px) {
-  .side-menu {
-      display: none;
-  }
-  .saburly-footer,
-  .content {
-    margin-left: 10%;
-    margin-right: 10%;
-  }
-  .empty-menu{
-    display: block;
-  }
-  .empty-menu-small{
-    display: none;
-  }
-}
-
-@media (max-width: 1023px) {
-  .side-menu {
-      display: block;
-  }
-  .saburly-footer{
-    margin-left: 10%;
-    margin-right: 10%;
-  }
-  .empty-menu{
-    display: none;
-  }
-  .empty-menu-small{
-    display: block;
-  }
-  .side-panel {
-    width: 100%;
-  }
-  .content {
-    width: 95%;
-    margin-left: 2.5%;
-    margin-right: 2.5%;
-    padding-left: 0;
-    padding-right: 0;
-  }
-  .saburly-menu {
-    z-index: 9999;
-    margin-left: 5%;
-    margin-right: 5%;
-  }
-  .saburly-logo{
-    margin-right: 112px;
-    padding-top: 5px;
-    padding-bottom: 5px;
-  }
-}
+}