diff --git a/style.css b/style.css
index 2eedbb7..9c5d98b 100644
--- a/style.css
+++ b/style.css
@@ -590,6 +590,35 @@ header i:hover,header #cart:hover{
 }
 
 /* Media Queries */
+@media (max-width: 1024px) and (min-width: 600px) {
+    .container {
+        flex-direction: row;
+        justify-content: center;
+        gap: 20px;
+        transform: translateX(125px);
+    }
+    
+    .footer-section {
+        flex: 1 1 45%; /* Takes almost half of the container width */
+        margin: 10px 0;
+    }
+
+    .footer-section p {
+        font-size: 14px;
+    }
+
+    .footer-section h3 {
+        font-size: 18px;
+    }
+
+    .footer-bottom {
+        font-size: 13px;
+    }
+    section.sec {
+        height: 200rem;
+    }
+}
+
 @media (max-width: 768px) {
     *{
         font-size: small;
@@ -605,7 +634,7 @@ img {
     width: 59%;
 }
 ul {
-    transform: translate(-95px, 0px);
+    /* transform: translate(-95px, 0px); */
 }
 header #cart {
     transform: translate(-90px, 0);
@@ -704,8 +733,9 @@ i.ri-menu-3-fill {
 
 @media (max-width: 768px) {
     section.sec {
-            height: 492rem;
+            height: 200rem;
     }
+   
     .cards {
         transform: translate(-27px, 65px);
 }
@@ -713,4 +743,5 @@ h2 {
     transform: translate(81px, 53px);
     font-size: medium;
 }
-    }
\ No newline at end of file
+    }
+    
\ No newline at end of file