more improvments to mobile

src/styles/components/_Header.scss

@@ -163,11 +163,11 @@
     flex-direction: row;
     justify-content: space-between;
     align-items: center;  
-    height: 50px;
+    
 
-    // @media (max-width: $desktop-breakpoint) {
-    //     height: 60px;
-    // }
+    @media (max-width: $desktop-breakpoint) {
+        height: 55px;
+    }
 }
 
 .header__input__suggested__item:hover {

src/styles/components/_HomePage.scss

@@ -12,6 +12,10 @@
         width: 0px;
         height: unset;
         background: transparent; /* Chrome/Safari/Webkit */
+    }
+
+    @media (max-width: $desktop-breakpoint) {
+     
         overflow-y: unset;
     }
 
@@ -47,6 +51,20 @@
     }
 }
 
+.outter-wrapper {
+
+    @media (max-width: $desktop-breakpoint) {
+     
+        scrollbar-width: none; /* Firefox */
+        -ms-overflow-style: none;  /* IE 10+ */
+        &::-webkit-scrollbar {
+            width: 0px;
+            height: unset;
+            background: transparent; /* Chrome/Safari/Webkit */
+        }
+    }
+}
+
 // .outter-wrapper {
 //     height: 100%;
 //     width: 100%;

src/styles/components/_Subbar.scss

@@ -66,6 +66,12 @@
     flex-direction: row;
     align-items: center;
     cursor: pointer;
+
+    @media (max-width: $desktop-breakpoint) {
+        height: 52px;
+        max-height: 52px;
+     }
+    
 }
 
 .path__wrapper {
@@ -104,10 +110,20 @@
     /* height: fit-content; */
     padding: 0px 0 2px 0;
     margin-top: 19px;
+
+    @media (max-width: $desktop-breakpoint) {
+        line-height: normal;
+        padding: unset;
+        margin: unset;
+        text-align: center;
+     }
 }
 
 .path__image {
     height: fit-content;
     /* width: 30px; */
     // margin-top: 7px;
+    @media (max-width: $desktop-breakpoint) {
+        //margin-top: 3px;
+     }
 }