lists-broken.scss

$tablet: new-breakpoint(max-width 768px 8);
$mobile: new-breakpoint(max-width 480px 8);

li.location {
  @include span-columns(4);
  @include omega(3n);

  @include media($tablet) {
    @include span-columns(4);
    @include omega(2n);
  }

  @include media($mobile) {
    @include span-columns(8);
  }
}

lists-fixed.scss

$tablet-width: 768px;
$mobile-width: 480px;

$default: new-breakpoint(max-width 3000px min-width $tablet-width+1 12);
$tablet: new-breakpoint(max-width $tablet-width min-width $mobile-width+1 8);
$mobile: new-breakpoint(max-width $mobile-width 8);

li.location {
  @include media($default) {
    @include span-columns(4);
    @include omega(3n);
  }

  @include media($tablet) {
    @include span-columns(4);
    @include omega(2n);
  }

  @include media($mobile) {
    @include span-columns(8);
  }
}