diff --git a/assets/styles.css/main.css b/assets/styles.css/main.css
index d5d6055..67dad33 100644
--- a/assets/styles.css/main.css
+++ b/assets/styles.css/main.css
@@ -123,14 +123,26 @@ body {
         max-width: 239px;
         padding: 64px 0 90px 0;
     }
+
+    .top-cards {
+        grid-template-columns: 1fr;
+        padding: 36px 26px;
+    }
 }
 
-@media screen and (min-width: 768px) {
+@media screen and (min-width: 415px) {
     .main-banner-mobile {
         display: none;
     }
 }
 
+@media screen and (min-width: 768px) and (max-width: 1023px) {
+    .top-cards {
+        grid-template-columns: 1fr;
+        padding: 36px 26px;
+    }
+}
+
 @media screen and (min-width: 415px) and (max-width: 767px) {
     .main-banner-desktop {
         display: none;