worked on media queries

Author: Elijahscriptdev

assets/layout.css

@@ -434,129 +434,125 @@ hr {
   width: 8.33333%;
 }
 
-@media (max-width: 1024px) {
-  .ml-aa {
-    margin-left: 5%;
-  }
-
-  .display-lg-none {
+@media all and (max-width: 1400px) {
+  .display-xlg-none {
     display: none;
   }
 
-  .grid.col-lg-1 > div {
+  .grid.col-xlg-1 > div {
     width: 100%;
   }
 
-  .grid.col-lg-2 > div {
+  .grid.col-xlg-2 > div {
     width: 50%;
   }
 
-  .grid.col-lg-3 > div {
+  .grid.col-xlg-3 > div {
     width: 33.33333%;
   }
 
-  .grid.col-lg-4 > div {
+  .grid.col-xlg-4 > div {
     width: 25%;
   }
 
-  .grid.col-lg-5 > div {
+  .grid.col-xlg-5 > div {
     width: 20%;
   }
 
-  .grid.col-lg-6 > div {
+  .grid.col-xlg-6 > div {
     width: 16.66667%;
   }
 
-  .grid.col-lg-7 > div {
+  .grid.col-xlg-7 > div {
     width: 14.28571%;
   }
 
-  .grid.col-lg-8 > div {
+  .grid.col-xlg-8 > div {
     width: 12.5%;
   }
 
-  .grid.col-lg-9 > div {
+  .grid.col-xlg-9 > div {
     width: 11.11111%;
   }
 
-  .grid.col-lg-10 > div {
+  .grid.col-xlg-10 > div {
     width: 10%;
   }
 
-  .grid.col-lg-11 > div {
+  .grid.col-xlg-11 > div {
     width: 9.09091%;
   }
 
-  .grid.col-lg-12 > div {
+  .grid.col-xlg-12 > div {
     width: 8.33333%;
   }
-
-  .clearfix {
-    grid-template-columns: 1fr !important;
-  }
-
-  img {
-    width: 100%;
-    margin: 0 auto;
-  }
 }
 
-@media (min-width: 720px) and (max-width: 1024px) {
-  .display-md-none {
-    display: none;
+@media (max-width: 1024px) {
+  .ml-aa {
+    margin-left: 5%;
   }
 
-  .ml-aa {
-    margin-left: 2%;
+  .display-lg-none {
+    display: none;
   }
 
-  .grid.col-md-1 > div {
+  .grid.col-lg-1 > div {
     width: 100%;
   }
 
-  .grid.col-md-2 > div {
+  .grid.col-lg-2 > div {
     width: 50%;
   }
 
-  .grid.col-md-3 > div {
+  .grid.col-lg-3 > div {
     width: 33.33333%;
   }
 
-  .grid.col-md-4 > div {
+  .grid.col-lg-4 > div {
     width: 25%;
   }
 
-  .grid.col-md-5 > div {
+  .grid.col-lg-5 > div {
     width: 20%;
   }
 
-  .grid.col-md-6 > div {
+  .grid.col-lg-6 > div {
     width: 16.66667%;
   }
 
-  .grid.col-md-7 > div {
+  .grid.col-lg-7 > div {
     width: 14.28571%;
   }
 
-  .grid.col-md-8 > div {
+  .grid.col-lg-8 > div {
     width: 12.5%;
   }
 
-  .grid.col-md-9 > div {
+  .grid.col-lg-9 > div {
     width: 11.11111%;
   }
 
-  .grid.col-md-10 > div {
+  .grid.col-lg-10 > div {
     width: 10%;
   }
 
-  .grid.col-md-11 > div {
+  .grid.col-lg-11 > div {
     width: 9.09091%;
   }
 
-  .grid.col-md-12 > div {
+  .grid.col-lg-12 > div {
     width: 8.33333%;
   }
+
+  .clearfix {
+    grid-template-columns: 1fr !important;
+  }
+
+  img {
+    width: 100%;
+    margin: 0 auto;
+  }
 }
 
 @media (max-width: 720px) {