🎨 styles: responsive header screen md

:%s

src/components/common/Header/components/HeaderMenu/HeaderMenu.module.scss

@@ -8,7 +8,9 @@
         @apply flex items-center;
         .inputSearch {
             margin-left: 4.8rem;
-            @screen md {
+            //todo: remove
+            border: 1px solid red;
+            @screen lg {
                 min-width: 51.2rem;
                 max-width: 50%;
             }
@@ -19,7 +21,10 @@
         li {
             @apply flex justify-center items-center w-full;
             &:not(:last-child) {
-                margin-right: 6.4rem;
+                margin-right: 4.8rem;
+                @screen lg {
+                    margin-right: 6.4rem;
+                }
             }
             a {
                 @appy no-underline;

src/components/common/Header/components/HeaderSubMenu/HeaderSubMenu.module.scss

@@ -1,13 +1,22 @@
 @import "../../../../../styles/utilities";
 
 .headerSubMenu {
-    @apply flex justify-between items-center;
     padding-bottom: 0.8rem;
+    @screen lg {
+        @apply flex justify-between items-center;
+    }
     .menu {
         @apply flex items-center list-none;
+        margin-bottom: 2.4rem;
+        @screen lg {
+            margin-bottom: 0;
+        }
         li {
             &:not(:last-child) {
-                margin-right: 4rem;
+                margin-right: 2.4rem;
+                @screen lg {
+                    margin-right: 4rem;
+                }
             }
             a {
                 @appy no-underline;

src/components/common/NotiMessage/NotiMessage.module.scss

@@ -2,6 +2,7 @@
 
 .notiMessage {
     @apply caption bg-info-light;
+    width: fit-content;
     color: var(--info-dark);
     padding: 0.4rem 1.6rem;
     border-radius: 3rem;