Finished adaptation for mobile

src/components/AuthHeader/authHeader.scss

@@ -52,7 +52,13 @@
   }
 }
 
-@media (max-width: 575.98px) {
+@media (max-width: 768px) {
+  .auth-header {
+    display: none;
+  }
+}
+
+@media (max-width: 1024px) {
   .auth-header {
     display: none;
   }

src/components/SideBar/sidebar.scss

@@ -7,12 +7,16 @@
   height: 100%;
   background: #e1fccf;
 
-  @media (max-width: 575.98px) {
+  @media (max-width: 1024px) {
     position: fixed;
-    width: 100%;
+    width: 100% !important;
     height: 80px;
     margin-bottom: 50px;
   }
+
+  @media (max-width: 1440px) {
+    width: 80px;
+  }
 }
 
 .auth-title {
@@ -71,7 +75,7 @@
     }
   }
 
-  @media (max-width: 575.98px) {
+  @media (max-width: 1024px) {
     flex-direction: row;
     height: 100%;
 
@@ -170,7 +174,7 @@
     }
   }
 
-  @media (max-width: 575.98px) {
+  @media (max-width: 1024px) {
     &__title {
       margin-top: 35px;
     }
@@ -190,7 +194,7 @@
   width: 424px;
   left: 140px;
 
-  @media (max-width: 575.98px) {
+  @media (max-width: 1024px) {
     left: 0;
     width: 100%;
     height: 535px;

src/components/SliderWorkers/SliderWorkers.js

@@ -39,6 +39,8 @@ export const SliderWorkers = ({}) => {
 
   if (window.innerWidth < 575) {
     settings.slidesToShow = 1;
+  } else if (window.innerWidth < 1440) {
+    settings.slidesToShow = 2;
   }
 
   return (

src/components/SliderWorkers/sliderWorkers.scss

@@ -105,7 +105,7 @@
     }
   }
 
-  @media (max-width: 575.98px) {
+  @media (max-width: 1024px) {
     &__title {
       flex-direction: column;
       padding: 120px 0 56px 0;