MWPW-161025: Gnav is not loading in mobile for cc/all-apps AEM page (#…

…3133)

* MWPW-161025: use gnav instead of not global-navigation selector

* update locales.js

* remove changes on locales.js

libs/styles/styles.css

@@ -680,7 +680,7 @@ body {
   opacity: 1 !important; /* Fix Target hiding */
 }
 
-header:not(.global-navigation) {
+header.gnav {
   height: 57px;
   position: fixed;
   top: 0;
@@ -692,19 +692,19 @@ header:not(.global-navigation) {
   box-sizing: border-box;
 }
 
-header:not(.global-navigation) nav {
+header.gnav nav {
   display: none;
 }
 
-header:not(.global-navigation) ~ main {
+header.gnav ~ main {
   margin-top: 57px;
 }
 
 /*
   After switching from the Milo nav to the FEDS one,
   only the styles with 'header.global-navigation' need to be kept;
   the 'global-navigation' class should also be removed from the 'header' selector
-  all of the ':not(.global-navigation)' rules can be entirely removed.
+  all of the 'header.gnav' rules can be entirely removed.
  */
 header.global-navigation, header.global-navigation.feds--dark {
   height: var(--global-height-nav);
@@ -893,25 +893,25 @@ a.static:hover {
 
 /* tablet large up */
 @media (min-width: 900px) {
-  header:not(.global-navigation) {
+  header.gnav {
     min-height: var(--global-height-nav);
     border-bottom: 1px solid #EAEAEA;
     overflow: unset;
   }
 
-  header:not(.global-navigation) ~ main {
+  header.gnav ~ main {
     margin-top: 64px;
   }
 
-  header:not(.global-navigation).has-breadcrumbs {
+  header.gnav.has-breadcrumbs {
     min-height: 97px;
   }
 
-  header:not(.global-navigation) nav {
+  header.gnav nav {
     display: unset;
   }
 
-  header:not(.global-navigation).has-breadcrumbs + main {
+  header.gnav.has-breadcrumbs + main {
     margin-top: 97px;
   }
 }