clear root grid css

projects/app-a/src/assets/css/main-menu.scss

@@ -1,16 +1,27 @@
 header{
+  width: 100%;
 
   .header{
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+
     height: 149px;
     background-color: white;
     padding: 0 var(--xxl);
     border-bottom:1px solid var(--second);
 
-
+    .main-menu-hamburger, .main-menu-close{
+      display: none;
+    }
 
     .main-menu{
 
-
+      flex-grow: 1;
+      display: flex;
+      flex-direction: row;
+      justify-content: space-between;
+      align-items: center;
 
       .main-menu-logo{
         display: block;
@@ -83,7 +94,7 @@ div.left-content>pages-menu{
 }
 
 
-
+//footer
 
 @media screen and (max-width: 1048px){
 
@@ -97,6 +108,20 @@ header{
           width: 118px;
           height: 40px;
         }
+
+        .main-menu-hamburger{
+          display: block;
+        }
+
+        .main-menu-btns{
+          >:not(:nth-child(3)){
+            display: none;
+          }
+        }
+        
+      }
+      .grid-menu{
+        display: none;
       }
     }
   }    
@@ -113,4 +138,31 @@ header{
       }
     }
   }
+}
+
+
+
+//left-content
+
+ 
+.show-menu{
+  display: none;
+}
+
+left-content{
+  margin: var(--xxl) 0 0 -24px;
+  pointer-events: all;
+}
+
+left-content .level-0>pages-menu-item{        
+      
+      &>.item{
+          display: none;
+      }
+}
+
+@media screen and (max-width: 1048px){
+  left-content{
+    display: none
+  };
 }

projects/app/_modules/layout/header/header.component.scss

@@ -1,57 +1,3 @@
-:host{  
-  width: 100%;
-
-  .header{
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
-
-    .main-menu-hamburger, .main-menu-close{
-      display: none;
-    }
-
-    .grid-menu{
-
-    }
-
-    .main-menu{
-
-      flex-grow: 1;
-      display: flex;
-      flex-direction: row;
-      justify-content: space-between;
-      align-items: center;
-
-    }
-  }
-}
 
 
 
-@media screen and (max-width: 1048px){
-  :host{ 
-
-    .header{
-
-      .main-menu{
-
-        .main-menu-hamburger{
-          display: block;
-        }
-
-
-        
-        .main-menu-btns{
-          >:not(:nth-child(3)){
-            display: none;
-          }
-        }
-      }
-
-      .grid-menu{
-        display: none;
-      }
-    }
-  }
-
-}

projects/app/_modules/layout/left-content/left-content.component.scss

@@ -1,22 +0,0 @@
- 
- .show-menu{
-    display: none;
- }
- 
- :host{
-    margin: var(--xxl) 0 0 -24px;
-    pointer-events: all;
- }
- 
- :host ::ng-deep .level-0>pages-menu-item{        
-        
-        &>.item{
-            display: none;
-        }
- }
- 
- @media screen and (max-width: 1048px){
-  :host{
-    display: none
-  };
- }