.nw-header {
  position: relative;
  z-index: 99;
  width: 100%;
  background: $header-desktop-background;
  will-change: transform;

  &.is-fixed {
    position: fixed;
    top: 0;
    left: 0;
    animation: headerAnimation 0.4s ease;
  }
}

.nw-mybag-checkout {
  min-height: 56px;

  .nw-header {  
    @media screen and (max-width: $screen-max-xs) {
      position: relative;
    }
  }
}

.nw-header-stickyfilter {
  transform: translateY(0);
  will-change: transform;

  &.is-active {
    transform: translateY(60px);
    transition: transform 0.4s ease;
  }
}

.nw-topbar-login {
  float: left;
  margin: 0 10px 0 5px;
  text-transform: uppercase;
}

.nw-login-hover-dropdown {
  padding-top: 52px !important;
}

@keyframes headerAnimation {
  0% {
    transform: translateY(-130px);
  }

  100% {
    transform: translateY(0);
  }
}