.nw-navlist-ul {
  padding: 0;
  list-style: none;

  &.nw-nnnow-header {
    background: $header-mobile-navtree-background;
    color: $white;
  }

  &.nw-brand-header {
    background: $white;
    color: $default-color;
  }
}

.nw-navlist-li {
  &.nw-navlist-buttonwithborder {
    display: block;
    padding: 20px 0;
  }
}

.nw-navlist-links {
  position: relative;
  justify-content: space-between;
  display: flex;
  padding: 15px 28px;
  text-decoration: none;

  &.nw-nnnow-header {
    color: $header-mobile-navtree-link;
  }

  &.nw-brand-header {
    color: $default-color;
  }

}

.nw-navlist-buttonwithborder .nw-navlist-links {
  display: block;
  margin: auto;
  width: 55%;
  padding: 14px 28px 12px;
  font-size: $font-size-xs;
  font-family: $secondary-font-family;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1.8px;
}

.nw-navlist-buttonwithborder .nw-nnnow-header {
  border: 2px solid $header-mobile-navtree-buttonborder;
}

.nw-navlist-buttonwithborder .nw-brand-header {
  border: 2px solid $default-color;
}

.nw-navlist-links1 {
  &::after {
    content: " ";
    position: absolute;
    bottom: 0;
    left: 25px;
    right: 25px;
    border-bottom: 1px solid $header-mobile-navtree-border;
  }
}

.nw-navlist-links2 {
  padding-left: 37px;
}

.nw-navlist-links3 {
  padding-left: 50px;
}

.nw-navlist-links4 {
  padding-left: 75px;
}