.mainNavigation {
      margin-top: 10px;
      margin-left: 100px;
      text-align: right;
      font-size: 16px;
      font-family: 'product_sansregular', "Trebuchet MS", Helvetica, sans-serif;
   }
   .navItemParent {
      position: relative;
      display: inline-block;
      z-index: 3;
   }
   .navItem {
      color: #5f6368;
      margin-right: 30px;
      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 {
      content: url(../imgs/icons/chevron-down-solid.svg);
      margin-left: 8px;
      width: 10px;
      height: 15px;
      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;line-height: 30px;}
.actionLinks .button{margin-bottom: 5px;}

a.pointsMoneyDropLink {
   padding: 0;
}
a.pointsMoneyDropLink:hover {
   opacity: 0.9;
}
.pointsMoneyDrop {
   display: grid;
   grid-template-columns: 1fr 1fr;
   color: #fff;
   cursor: pointer;
}
.pointsMoneyDrop h5 {
   margin: 0 0 0 0;
   font-size: 11px;
   font-weight: normal;
}
.pointsMoneyDrop span {
   font-size: 14px;
   font-weight: bold;
}
.pointsBlockDrop {
   background-color: #3c82b5;
   padding: 5px;
}
.moneyBlockDrop {
   background-color: #7f7f7f;
   padding: 5px;
} 

@media only screen and (max-width: 1200px) {
    .actionLinks .button{max-width: 300px;}
}

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

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

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

@media only screen and (max-width: 1200px) {
   .navItemParent:hover .navItem {
      border-bottom: none;
   }
   .subMenu {
      position: relative;
      top: auto;
      left: auto;
      right: auto;
      width: 100%;
      text-align: left;
      border-bottom: none;
      border-radius: 0;
      padding: 0;
      background-color: #fff;
      box-shadow: none;
      display: none;
   }
   .submenuCol {
      float: none;
      width: 100%;
   }
   .navItemParent {
      display: block;
   }
   .navItem {
      margin-right: 18px;
      font-size: 14px;
      text-align: left;
   }

    .sticky .navItem {
      font-size: 17px;
   }
   .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;
   }
   .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: 100%;
      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 {
      content: " ";
      margin-left: 8px;
      background-image: url(../imgs/icons/chevron-right-solid.svg);
      background-repeat: no-repeat;
      width: 20px;
      height: 15px;
      background-size: contain;
   }
   .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;
   }

}