new fixes

src/components/Calendar/calendarComponent.scss

@@ -13,18 +13,46 @@
     display: flex;
     justify-content: space-between;
 
+    @media (max-width: 560px) {
+      flex-direction: column;
+      row-gap: 15px;
+    }
+
     &-info {
       display: flex;
 
+      @media (max-width: 685px) {
+        font-size: 7px;
+      }
+
+      @media (max-width: 560px) {
+        font-size: 10px;
+      }
+
+      @media (max-width: 560px) {
+        justify-content: center;
+      }
+
       .calendar__hours {
         margin: 0 10px;
         line-height: 0;
         font-weight: 500;
+        display: flex;
+        align-items: center;
       }
     }
 
     &-switcher {
       display: flex;
+
+      @media (max-width: 590px) {
+        font-size: 8px;
+      }
+
+      @media (max-width: 560px) {
+        justify-content: center;
+        font-size: 12px;
+      }
     }
 
     h3 {
@@ -74,6 +102,10 @@
           font-size: 1.2em;
         }
       }
+
+      @media (max-width: 560px) {
+        margin-left: 0 !important;
+      }
     }
   }
 
@@ -199,6 +231,12 @@
   }
 }
 
+@media (max-width: 560px) {
+  .calendar-component {
+    padding-top: 10px;
+  }
+}
+
 //@media (max-width: 768px) {
 //  .calendar-component__form > button {
 //    width: 70px;