styling issues solved

src/styles/_burger.scss

@@ -118,10 +118,6 @@
   }
 }
 
-.calendars {
-  display: none !important;
-}
-
 .burger-inner-dropdown {
   li {
     a {

src/styles/_main.scss

@@ -163,6 +163,7 @@
 }
 
 .calendars-left {
+  max-width: 91.1rem;
   display: flex;
   flex-direction: column;
   gap: 2rem;
@@ -210,8 +211,17 @@
 }
 
 @media screen and (max-width: 1500px) {
+  .calendars-left {
+    max-width: 80rem;
+  }
   .calendars {
-    grid-template-columns: 2.4fr 1fr;
+    display: flex;
+  }
+}
+
+@media screen and (max-width: 1360px) {
+  .calendars-left {
+    max-width: 70rem;
   }
 }
 
@@ -231,7 +241,16 @@
   }
 }
 
+@media screen and (max-width: 1260px) {
+  .calendars-left {
+    max-width: 64rem;
+  }
+}
+
 @media screen and (max-width: 1200px) {
+  .calendars-left {
+    max-width: unset;
+  }
   .swiper-bg {
     min-height: unset;
     height: 100%;