src/components/ProfileCalendar/ProfileCalendarComponent.jsx

@@ -286,15 +286,15 @@ export const ProfileCalendarComponent = React.memo(
                 ? `${getCorrectDate(startDate)} - ${getCorrectDate(endDate)}`
                 : `${getCorrectDate(endDate)} - ${getCorrectDate(startDate)}`
               : activePeriod
-              ? "Выберите диапазон на календаре"
-              : "Выбрать диапазон"}
+                ? "Выберите диапазон на календаре"
+                : "Выбрать диапазон"}
           </span>
           <span>
             {totalRangeHours
               ? `${totalRangeHours} ${hourOfNum(totalRangeHours)}`
               : endDate
-              ? "0 часов"
-              : ""}
+                ? "0 часов"
+                : ""}
           </span>
           {endDate && (
             <BaseButton

src/pages/RegistrationSetting/registrationSetting.scss

@@ -40,7 +40,8 @@
         }
 
         @media (max-width: 483px) {
-          display: none;
+          max-width: 160px;
+          left: -175px;
         }
       }
     }
@@ -61,20 +62,6 @@
       position: absolute;
       top: -100px;
       right: 58px;
-
-      @media (max-width: 1100px) {
-        max-width: 100px;
-        top: -50px;
-        right: 25px;
-      }
-
-      @media (max-width: 800px) {
-        display: none;
-      }
-    }
-
-    @media (max-width: 1100px) {
-      padding: 20px 25px;
     }
   }
 
@@ -86,23 +73,12 @@
     &__head {
       display: flex;
       margin-bottom: 33px;
-
-      @media (max-width: 650px) {
-        flex-direction: column;
-        row-gap: 10px;
-        align-items: center;
-        margin-bottom: 10px;
-      }
     }
 
     &__suptitle {
       color: #6f6f6f;
       font-size: 14px;
       margin-right: 70px;
-
-      @media (max-width: 650px) {
-        margin-right: 0;
-      }
     }
 
     &__steps {
@@ -126,17 +102,12 @@
       font-size: 20px;
       font-weight: 500;
       color: #000000;
-
-      @media (max-width: 650px) {
-        text-align: center;
-      }
     }
 
     &__answers {
       margin-top: 45px;
       display: flex;
-      flex-wrap: wrap;
-      gap: 20px;
+      column-gap: 20px;
 
       button {
         border-radius: 12px;
@@ -149,16 +120,8 @@
       .active {
         background: #1458dd;
         color: whitesmoke;
-        border: 1px solid #1458dd;
-      }
-
-      @media (max-width: 1100px) {
-        gap: 10px;
-        margin-top: 20px;
-      }
-
-      @media (max-width: 450px) {
-        justify-content: center;
+        font-weight: 500;
+        border: none;
       }
     }
   }
@@ -189,7 +152,6 @@
         row-gap: 19px;
         column-gap: 21px;
         margin-bottom: 30px;
-        justify-content: center;
       }
 
       &__item {