.nav {
  &--list {
    line-height: 1.56;
    text-align: left;
    margin-top: 0;

    @include rem(font-size, 16px);

    &:before,
    &:after {
      display: none;
    }

    > li {
      @include rem(margin-bottom, 10px);

      > a {
        display: inline;
        padding: 0;
        color: #657180;
        background: transparent !important;

        &:hover {
          color: $secondary;
        }
      }
    }

    .nav__title {
      color: $text;
      font-weight: $fw-semi;
    }
  }

  @media all and (max-width: $screen-landscape) {
    &--list {
      font-size: 14px;
      line-height: 1.43;

      .nav__title {
        font-size: 14px;
      }

      > li {}
    }
  }
}