From 13a0341ae5901527bf69eae04675ad4aa83b2235 Mon Sep 17 00:00:00 2001
From: VividTruthKeeper <mr.aydogdy02@gmail.com>
Date: Mon, 15 Aug 2022 13:27:23 +0500
Subject: [PATCH] styling issues solved

---
 src/styles/_burger.scss |  4 ----
 src/styles/_main.scss   | 21 ++++++++++++++++++++-
 2 files changed, 20 insertions(+), 5 deletions(-)

diff --git a/src/styles/_burger.scss b/src/styles/_burger.scss
index ad9b7c2..4a60dec 100644
--- a/src/styles/_burger.scss
+++ b/src/styles/_burger.scss
@@ -118,10 +118,6 @@
   }
 }
 
-.calendars {
-  display: none !important;
-}
-
 .burger-inner-dropdown {
   li {
     a {
diff --git a/src/styles/_main.scss b/src/styles/_main.scss
index 6ebf624..54fec0d 100644
--- a/src/styles/_main.scss
+++ b/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%;