diff --git a/css/base.css b/css/base.css
index 516e6c7..282aa6c 100644
--- a/css/base.css
+++ b/css/base.css
@@ -25,7 +25,7 @@
     }
 }
 
-@media (max-width: 768px) {
+@media (max-width: 640px) {
     :root {
         --grid-cols: 1;
     }
diff --git a/css/wyroby_slodkie_stoly.css b/css/wyroby_slodkie_stoly.css
index 72afe7c..fea43b1 100644
--- a/css/wyroby_slodkie_stoly.css
+++ b/css/wyroby_slodkie_stoly.css
@@ -41,7 +41,7 @@
 
                 gap: 1rem;
 
-                @media (max-width: 768px) {
+                @media (max-width: 640px) {
                     grid-template-columns: 1fr;
                 }
 
diff --git a/css/wyroby_torty.css b/css/wyroby_torty.css
index 1952e6d..7589a1c 100644
--- a/css/wyroby_torty.css
+++ b/css/wyroby_torty.css
@@ -5,7 +5,7 @@
 #rodzaje-tortow {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
-    @media (max-width: 768px) {
+    @media (max-width: 640px) {
         grid-template-columns: 1fr;
     }
     gap: 2rem;
@@ -14,7 +14,7 @@
 #cennik-tortow {
     display: grid;
     grid-template-columns: 2fr 1fr;
-    @media (max-width: 768px) {
+    @media (max-width: 640px) {
         grid-template-columns: 1fr;
     }
     gap: 2rem;
@@ -156,7 +156,7 @@
             gap: 2rem;
         }
 
-        @media (max-width: 768px) {
+        @media (max-width: 640px) {
             grid-template-columns: 1fr;
             & > div {
                 grid-template-columns: 1fr;