@media only screen and (min-width: 1000px) {
   .mainNavigation {
      margin-left: 100px;
      display: block;
      text-align: right;
      font-size: 16px;
      font-family: 'product_sansregular', "Trebuchet MS", Helvetica, sans-serif;
   }
   .navItemParent {
      display:  inline-block;
      position: relative;
   }
   .navItem {
      color: #5f6368;
      margin-right: 46px;
      min-height: 37px;
      display:  inline-block;
      position: relative;
      z-index: 2;
   }
   .navItem:hover {
      color: #1a1a1a;
      text-decoration: none;
   }
   .navItemParent:hover .navItem {
      border-bottom: 2px solid #3c82b5;
   }
   .navItemParent .navItem:after {
      font-family: 'Font Awesome 5 Free';
      font-weight: 900;
      content: "\f078";
      margin-left: 8px;
      font-size: 10px;
      width: 10px;
      display: inline-block;
   }
   .subMenu {
      position: absolute;
      z-index: 1;
      top: 36px;
      left: -30px;
      width: 585px;
      text-align: left;
      border-bottom: 7px solid #f4b705;
      border-radius: 5px;
      padding: 15px;
      background-color: #fff;
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
      display: none;
   }
   .subMenuRight {
      left: auto;
      right: 18px;
   }
   .navItemParent:hover .subMenu {
      display: block;
   }
   .submenuCol {
      float: left;
      width: 40%;
   }
   .subMenu a {
      color: #414141;
      font-size: 14px;
      font-family: Roboto;
      display: block;
      padding: 9px 15px;
   }
   .subMenu a:hover {
      color: #2e6fa5;
      text-decoration: none;
      background-color: #edf3f8;
   }
   .accountDropdownLink{position:relative;z-index:1000;padding-right:15px!important;background:url(../imgs/2015/bg-images-right.png) 100% -238px no-repeat!important;cursor:pointer;}
   .accountDropdown{position:absolute;left:auto;right:18px;color:#444;width:250px;box-shadow:0px 2px 10px rgba(0, 0, 0, 0.2);border:1px solid rgba(0, 0, 0, 0.2);}
   .accountDropdownOpen{display:block;}
   .actionArrow{height:7px;line-height:6px;overflow:hidden;background:url(../imgs/2015/bg-images-left.png) 220px -543px no-repeat;position:absolute;top:-7px;left:0;z-index:1000;width:100%;}
   .actionInfo{padding:15px;border-bottom:1px solid #ccc;font-weight:normal;background:#fff;}
   .actionInfo h4{font-size:14px;font-weight:bold;color:#000;}
   .actionInfo p{margin: 0;word-break:break-all;}
   .actionInfo h5{font-size:12px;font-weight:normal;margin: 0;}
   .actionLinks{background:#f0f0f0;padding:15px;}
   .actionLinks .button{margin-bottom: 5px;}
}

.menuHamburger, .closeButtonHolder, .darkOverlay {
   display: none;
}

@media only screen and (max-width: 1350px) {
   .navItem {
      margin-right: 30px;
   }
}

@media only screen and (max-width: 1200px) {
   .navItem {
      margin-right: 18px;
      font-size: 14px;
   }
}

@media only screen and (max-width: 1000px) {
   .mainNavigation {
      display: none;
   }
   .mainNavigationVisible {
      display: block;
   }
   .closeButton {
      border: none;
      background: none;
      font-size: 25px;
      color: #444;
      cursor: pointer;
   }
   .closeButton:hover {
      color: #666;
   }
   .closeButtonHolder {
      text-align: right;
      display: block;
      margin-bottom: 20px;
   }
   .darkOverlay {
      display: none;
      background-color: rgba(0, 0, 0, .7);
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 5;
   }
   .darkOverlayActive {
      display: block;
   }
   .menuHamburger {
      float: right;
      display: block;
   }
   .menuHamburger span {
      width: 22px;
      height: 2px;
      background-color: #666666;
      margin: 6px 0;
      display: block;
   }
   #mainNavigation {
      position: absolute;
      top: 0;
      right: 0;
      width: 292px;
      background-color: #fff;
      padding: 28px;
      z-index:1001;
   }
   .navItem {
      color: #5f6368;
      font-size: 17px;
      display: block;
      margin-bottom: 5px;
   }
   .navItem:hover, .navItemActive .navItem {
      color: #000;
      text-decoration: none;
   }
   .navItemParent .navItem:after {
      font-family: 'Font Awesome 5 Free';
      font-weight: 900;
      content: "\f078";
      margin-left: 8px;
      font-size: 10px;
   }
   .subMenu {
      margin: 10px 0 10px 20px;
      display: none;
   }
   .navItemActive .subMenu {
      display: block;
   }
   .subMenu a {
      color: #5f6368;
      font-size: 14px;
      display: block;
      padding: 2px 0;
   }
   .subMenu a:hover {
      color: #2e6fa5;
      text-decoration: none;
   }

}