.category-list {
  @include column(12);
  padding: 0 $baseline-unit*4 0 0;

  @include respond-to($mq-m) {
    @include column(6);
  }

  @include respond-to($mq-l) {
    @include column(4);
  }

  h2 {
    @extend %heading-link;
    a {
      color: $color-heading;
    }
  }

  ul {
    @extend .list--unstyled;
    li {
      margin-bottom: $baseline-unit*2.5;
    }
  }

}

// cannot use nth-of-type in IE8 so appending an nth-of-type class to stack the sections
.nth-of-type-3,
.nth-of-type-5 {
  @include respond-to($mq-m) {
    clear: both;
  }
  @include respond-to($mq-l) {
    clear: none;

  }
}

.nth-of-type-4 {
  @include respond-to($mq-l) {
    clear: both;

  }
}

.category-list {
  @include column(12);
  padding: 0 $baseline-unit*4 0 0;

  @include respond-to($mq-m) {
    @include column(6);
  }

  @include respond-to($mq-l) {
    @include column(4);
  }

  h2 {
    @extend %heading-link;
    a {
      color: $color-heading;
    }
  }

  ul {
    @extend .list--unstyled;
    li {
      margin-bottom: $baseline-unit*2.5;
    }
  }

}

// cannot use nth-of-type in IE8 so appending an nth-of-type class to stack the sections
.nth-of-type-3,
.nth-of-type-5,
.nth-of-type-7,
.nth-of-type-9,
.nth-of-type-11 {
  @include respond-to($mq-m) {
    clear: both;
  }
  @include respond-to($mq-l) {
    clear: none;
  }
}

.nth-of-type-4,
.nth-of-type-7,
.nth-of-type-10 {
  @include respond-to($mq-l) {
    clear: both;
  }
}

Add nth-of-type class up to 11 items
Add nth-of-type class up to 11 items
