Update

Co-Authored-By: JehanKandy  <[email protected]>
Co-Authored-By: Vinura Pathirana <[email protected]>

Author: 3 people

jkcss/jkcss.css

@@ -296,6 +296,18 @@ mark {
   width: 100%;
 }
 
+@media (min-width: 100px) and (max-width: 991px) {
+  .site-container {
+    padding: 0 5%;
+    width: auto;
+  }
+  .line {
+    flex-direction: column;
+  }
+  .rec-1 {
+    width: 100%;
+  }
+}
 .site-container {
   padding: 0 10%;
 }

jkcss/jkcss.min.css

@@ -69,4 +69,17 @@
 .rec-12 {
   flex: 0 0 auto;
   width: 100%;
+}
+
+@media (min-width: 100px) and (max-width: 991px) {
+  .site-container {
+    padding: 0 5%;
+    width: auto;
+  }
+  .line {
+    flex-direction: column;
+  }
+  .rec-1 {
+    width: 100%;
+  }
 }

jkcss/layout/columns/columns.css

@@ -57,4 +57,17 @@
     flex: 0 0 auto;
     width: 100%;
 }
+@media (min-width: 100px) and (max-width: 991px) {
+    .site-container{
+        padding: 0 5%;
+        width: auto;        
+    }
+    .line{
+        flex-direction: column;
+    }
+    .rec-1{
+        width: 100%;
+    }
+}
+
 

jkcss/layout/columns/columns.min.css

@@ -58,7 +58,7 @@
     width: 100%;
 }
 
-@media (min-width: 100px) and (max-width: 600px) {
+@media (min-width: 100px) and (max-width: 991px) {
     .site-container{
         padding: 0 5%;
         width: auto;        
@@ -69,46 +69,4 @@
     .rec-1{
         width: 100%;
     }
-
-}
-
-@media (min-width: 601px) and (max-width: 768px) {
-    .site-container{
-        padding: 0 5%;
-        width: auto;        
-    }
-    .line{
-        flex-direction: column;
-    }
-    .rec-1{
-        width: 100%;
-    }
-
-}
-
-@media (min-width: 769px) and (max-width: 992px){
-    .site-container{
-        padding: 0 5%;
-        width: auto;        
-    }
-    .line{
-        flex-direction: column;
-    }
-    .rec-1{
-        width: 100%;
-    }
-
 }
-
-@media (min-width: 993px) and (max-width: 1200px){
-    .site-container{
-        padding: 0 5%;
-        width: auto;        
-    }
-    .line{
-        flex-direction: column;
-    }
-    .rec-1{
-        width: 100%;
-    }
-}