@charset "utf-8";
// Copyright 2019, Oath Inc.
// Licensed under the terms of the MIT license. See LICENSE file in project root for terms.

// Columns
.col,
[class^="col-"] {
  display: flex;
  flex-direction: column;
  flex: 1;
  box-sizing: border-box;
}

[class*="-col-"] {
  padding: 0px 10px;
}

// Sizes

.col-1-1,
.col-2-2,
.col-3-3,
.col-4-4,
.col-5-5,
.col-6-6,
.col-7-7,
.col-8-8,
.col-9-9,
.col-10-10,
.col-11-11,
.col-12-12 {
  flex: none;
  flex-basis: 100%;
}

.col-1-2,
.col-2-4,
.col-3-6,
.col-4-8,
.col-5-10,
.col-6-12 {
  flex: none;
  flex-basis: 50%;
}

.col-1-3,
.col-2-6,
.col-3-9,
.col-4-12 {
  flex: none;
  flex-basis: 33.333333%;
}

.col-2-3,
.col-4-6,
.col-6-9,
.col-8-12 {
  flex: none;
  flex-basis: 66.666667%;
}

.col-1-4,
.col-2-8,
.col-3-12 {
  flex: none;
  flex-basis: 25%;
}

.col-3-4,
.col-6-8,
.col-9-12 {
  flex: none;
  flex-basis: 75%;
}

.col-1-5,
.col-2-10 {
  flex: none;
  flex-basis: 20%;
}

.col-2-5,
.col-4-10 {
  flex: none;
  flex-basis: 40%;
}

.col-3-5,
.col-6-10 {
  flex: none;
  flex-basis: 60%;
}

.col-4-5,
.col-8-10 {
  flex: none;
  flex-basis: 80%;
}

.col-1-6,
.col-2-12 {
  flex: none;
  flex-basis: 16.666667%;
}

.col-5-6,
.col-10-12 {
  flex: none;
  flex-basis: 83.333333%;
}

.col-1-7 {
  flex: none;
  flex-basis: 14.285714%;
}

.col-2-7 {
  flex: none;
  flex-basis: 28.571429%;
}

.col-3-7 {
  flex: none;
  flex-basis: 42.857143%;
}

.col-4-7 {
  flex: none;
  flex-basis: 57.142857%;
}

.col-5-7 {
  flex: none;
  flex-basis: 71.428571%;
}

.col-6-7 {
  flex: none;
  flex-basis: 85.714286%;
}

.col-1-8 {
  flex: none;
  flex-basis: 12.5%;
}

.col-3-8 {
  flex: none;
  flex-basis: 37.5%;
}

.col-5-8 {
  flex: none;
  flex-basis: 62.5%;
}

.col-7-8 {
  flex: none;
  flex-basis: 87.5%;
}

.col-1-9 {
  flex: none;
  flex-basis: 11.111111%;
}

.col-2-9 {
  flex: none;
  flex-basis: 22.222222%;
}

.col-4-9 {
  flex: none;
  flex-basis: 44.444444%;
}

.col-5-9 {
  flex: none;
  flex-basis: 55.555556%;
}

.col-7-9 {
  flex: none;
  flex-basis: 77.777778%;
}

.col-8-9 {
  flex: none;
  flex-basis: 88.888889%;
}

.col-1-10 {
  flex: none;
  flex-basis: 10%;
}

.col-3-10 {
  flex: none;
  flex-basis: 30%;
}

.col-7-10 {
  flex: none;
  flex-basis: 70%;
}

.col-9-10 {
  flex: none;
  flex-basis: 90%;
}

.col-1-11 {
  flex: none;
  flex-basis: 9.090909%;
}

.col-2-11 {
  flex: none;
  flex-basis: 18.181818%;
}

.col-3-11 {
  flex: none;
  flex-basis: 27.272727%;
}

.col-4-11 {
  flex: none;
  flex-basis: 36.363636%;
}

.col-5-11 {
  flex: none;
  flex-basis: 45.454545%;
}

.col-6-11 {
  flex: none;
  flex-basis: 54.545455%;
}

.col-7-11 {
  flex: none;
  flex-basis: 63.636364%;
}

.col-8-11 {
  flex: none;
  flex-basis: 72.727273%;
}

.col-9-11 {
  flex: none;
  flex-basis: 81.818182%;
}

.col-10-11 {
  flex: none;
  flex-basis: 90.909091%;
}

.col-1-12 {
  flex: none;
  flex-basis: 8.333333%;
}

.col-5-12 {
  flex: none;
  flex-basis: 41.666667%;
}

.col-7-12 {
  flex: none;
  flex-basis: 58.333333%;
}

.col-11-12 {
  flex: none;
  flex-basis: 91.666667%;
}

// Extra Small

@include media-size-only(mobile) {
  .xs-col-1-1,
  .xs-col-2-2,
  .xs-col-3-3,
  .xs-col-4-4,
  .xs-col-5-5,
  .xs-col-6-6,
  .xs-col-7-7,
  .xs-col-8-8,
  .xs-col-9-9,
  .xs-col-10-10,
  .xs-col-11-11,
  .xs-col-12-12 {
    flex: none;
    flex-basis: 100%;
  }

  .xs-col-1-2,
  .xs-col-2-4,
  .xs-col-3-6,
  .xs-col-4-8,
  .xs-col-5-10,
  .xs-col-6-12 {
    flex: none;
    flex-basis: 50%;
  }

  .xs-col-1-3,
  .xs-col-2-6,
  .xs-col-3-9,
  .xs-col-4-12 {
    flex: none;
    flex-basis: 33.333333%;
  }

  .xs-col-2-3,
  .xs-col-4-6,
  .xs-col-6-9,
  .xs-col-8-12 {
    flex: none;
    flex-basis: 66.666667%;
  }

  .xs-col-1-4,
  .xs-col-2-8,
  .xs-col-3-12 {
    flex: none;
    flex-basis: 25%;
  }

  .xs-col-3-4,
  .xs-col-6-8,
  .xs-col-9-12 {
    flex: none;
    flex-basis: 75%;
  }

  .xs-col-1-5,
  .xs-col-2-10 {
    flex: none;
    flex-basis: 20%;
  }

  .xs-col-2-5,
  .xs-col-4-10 {
    flex: none;
    flex-basis: 40%;
  }

  .xs-col-3-5,
  .xs-col-6-10 {
    flex: none;
    flex-basis: 60%;
  }

  .xs-col-4-5,
  .xs-col-8-10 {
    flex: none;
    flex-basis: 80%;
  }

  .xs-col-1-6,
  .xs-col-2-12 {
    flex: none;
    flex-basis: 16.666667%;
  }

  .xs-col-5-6,
  .xs-col-10-12 {
    flex: none;
    flex-basis: 83.333333%;
  }

  .xs-col-1-7 {
    flex: none;
    flex-basis: 14.285714%;
  }

  .xs-col-2-7 {
    flex: none;
    flex-basis: 28.571429%;
  }

  .xs-col-3-7 {
    flex: none;
    flex-basis: 42.857143%;
  }

  .xs-col-4-7 {
    flex: none;
    flex-basis: 57.142857%;
  }

  .xs-col-5-7 {
    flex: none;
    flex-basis: 71.428571%;
  }

  .xs-col-6-7 {
    flex: none;
    flex-basis: 85.714286%;
  }

  .xs-col-1-8 {
    flex: none;
    flex-basis: 12.5%;
  }

  .xs-col-3-8 {
    flex: none;
    flex-basis: 37.5%;
  }

  .xs-col-5-8 {
    flex: none;
    flex-basis: 62.5%;
  }

  .xs-col-7-8 {
    flex: none;
    flex-basis: 87.5%;
  }

  .xs-col-1-9 {
    flex: none;
    flex-basis: 11.111111%;
  }

  .xs-col-2-9 {
    flex: none;
    flex-basis: 22.222222%;
  }

  .xs-col-4-9 {
    flex: none;
    flex-basis: 44.444444%;
  }

  .xs-col-5-9 {
    flex: none;
    flex-basis: 55.555556%;
  }

  .xs-col-7-9 {
    flex: none;
    flex-basis: 77.777778%;
  }

  .xs-col-8-9 {
    flex: none;
    flex-basis: 88.888889%;
  }

  .xs-col-1-10 {
    flex: none;
    flex-basis: 10%;
  }

  .xs-col-3-10 {
    flex: none;
    flex-basis: 30%;
  }

  .xs-col-7-10 {
    flex: none;
    flex-basis: 70%;
  }

  .xs-col-9-10 {
    flex: none;
    flex-basis: 90%;
  }

  .xs-col-1-11 {
    flex: none;
    flex-basis: 9.090909%;
  }

  .xs-col-2-11 {
    flex: none;
    flex-basis: 18.181818%;
  }

  .xs-col-3-11 {
    flex: none;
    flex-basis: 27.272727%;
  }

  .xs-col-4-11 {
    flex: none;
    flex-basis: 36.363636%;
  }

  .xs-col-5-11 {
    flex: none;
    flex-basis: 45.454545%;
  }

  .xs-col-6-11 {
    flex: none;
    flex-basis: 54.545455%;
  }

  .xs-col-7-11 {
    flex: none;
    flex-basis: 63.636364%;
  }

  .xs-col-8-11 {
    flex: none;
    flex-basis: 72.727273%;
  }

  .xs-col-9-11 {
    flex: none;
    flex-basis: 81.818182%;
  }

  .xs-col-10-11 {
    flex: none;
    flex-basis: 90.909091%;
  }

  .xs-col-1-12 {
    flex: none;
    flex-basis: 8.333333%;
  }

  .xs-col-5-12 {
    flex: none;
    flex-basis: 41.666667%;
  }

  .xs-col-7-12 {
    flex: none;
    flex-basis: 58.333333%;
  }

  .xs-col-11-12 {
    flex: none;
    flex-basis: 91.666667%;
  }
}

// Small

@include media-size-only(tablet) {
  .sm-col-1-1,
  .sm-col-2-2,
  .sm-col-3-3,
  .sm-col-4-4,
  .sm-col-5-5,
  .sm-col-6-6,
  .sm-col-7-7,
  .sm-col-8-8,
  .sm-col-9-9,
  .sm-col-10-10,
  .sm-col-11-11,
  .sm-col-12-12 {
    flex: none;
    flex-basis: 100%;
  }

  .sm-col-1-2,
  .sm-col-2-4,
  .sm-col-3-6,
  .sm-col-4-8,
  .sm-col-5-10,
  .sm-col-6-12 {
    flex: none;
    flex-basis: 50%;
  }

  .sm-col-1-3,
  .sm-col-2-6,
  .sm-col-3-9,
  .sm-col-4-12 {
    flex: none;
    flex-basis: 33.333333%;
  }

  .sm-col-2-3,
  .sm-col-4-6,
  .sm-col-6-9,
  .sm-col-8-12 {
    flex: none;
    flex-basis: 66.666667%;
  }

  .sm-col-1-4,
  .sm-col-2-8,
  .sm-col-3-12 {
    flex: none;
    flex-basis: 25%;
  }

  .sm-col-3-4,
  .sm-col-6-8,
  .sm-col-9-12 {
    flex: none;
    flex-basis: 75%;
  }

  .sm-col-1-5,
  .sm-col-2-10 {
    flex: none;
    flex-basis: 20%;
  }

  .sm-col-2-5,
  .sm-col-4-10 {
    flex: none;
    flex-basis: 40%;
  }

  .sm-col-3-5,
  .sm-col-6-10 {
    flex: none;
    flex-basis: 60%;
  }

  .sm-col-4-5,
  .sm-col-8-10 {
    flex: none;
    flex-basis: 80%;
  }

  .sm-col-1-6,
  .sm-col-2-12 {
    flex: none;
    flex-basis: 16.666667%;
  }

  .sm-col-5-6,
  .sm-col-10-12 {
    flex: none;
    flex-basis: 83.333333%;
  }

  .sm-col-1-7 {
    flex: none;
    flex-basis: 14.285714%;
  }

  .sm-col-2-7 {
    flex: none;
    flex-basis: 28.571429%;
  }

  .sm-col-3-7 {
    flex: none;
    flex-basis: 42.857143%;
  }

  .sm-col-4-7 {
    flex: none;
    flex-basis: 57.142857%;
  }

  .sm-col-5-7 {
    flex: none;
    flex-basis: 71.428571%;
  }

  .sm-col-6-7 {
    flex: none;
    flex-basis: 85.714286%;
  }

  .sm-col-1-8 {
    flex: none;
    flex-basis: 12.5%;
  }

  .sm-col-3-8 {
    flex: none;
    flex-basis: 37.5%;
  }

  .sm-col-5-8 {
    flex: none;
    flex-basis: 62.5%;
  }

  .sm-col-7-8 {
    flex: none;
    flex-basis: 87.5%;
  }

  .sm-col-1-9 {
    flex: none;
    flex-basis: 11.111111%;
  }

  .sm-col-2-9 {
    flex: none;
    flex-basis: 22.222222%;
  }

  .sm-col-4-9 {
    flex: none;
    flex-basis: 44.444444%;
  }

  .sm-col-5-9 {
    flex: none;
    flex-basis: 55.555556%;
  }

  .sm-col-7-9 {
    flex: none;
    flex-basis: 77.777778%;
  }

  .sm-col-8-9 {
    flex: none;
    flex-basis: 88.888889%;
  }

  .sm-col-1-10 {
    flex: none;
    flex-basis: 10%;
  }

  .sm-col-3-10 {
    flex: none;
    flex-basis: 30%;
  }

  .sm-col-7-10 {
    flex: none;
    flex-basis: 70%;
  }

  .sm-col-9-10 {
    flex: none;
    flex-basis: 90%;
  }

  .sm-col-1-11 {
    flex: none;
    flex-basis: 9.090909%;
  }

  .sm-col-2-11 {
    flex: none;
    flex-basis: 18.181818%;
  }

  .sm-col-3-11 {
    flex: none;
    flex-basis: 27.272727%;
  }

  .sm-col-4-11 {
    flex: none;
    flex-basis: 36.363636%;
  }

  .sm-col-5-11 {
    flex: none;
    flex-basis: 45.454545%;
  }

  .sm-col-6-11 {
    flex: none;
    flex-basis: 54.545455%;
  }

  .sm-col-7-11 {
    flex: none;
    flex-basis: 63.636364%;
  }

  .sm-col-8-11 {
    flex: none;
    flex-basis: 72.727273%;
  }

  .sm-col-9-11 {
    flex: none;
    flex-basis: 81.818182%;
  }

  .sm-col-10-11 {
    flex: none;
    flex-basis: 90.909091%;
  }

  .sm-col-1-12 {
    flex: none;
    flex-basis: 8.333333%;
  }

  .sm-col-5-12 {
    flex: none;
    flex-basis: 41.666667%;
  }

  .sm-col-7-12 {
    flex: none;
    flex-basis: 58.333333%;
  }

  .sm-col-11-12 {
    flex: none;
    flex-basis: 91.666667%;
  }
}

// Medium
@include media-size-only(small-desktop) {
  .md-col-1-1,
  .md-col-2-2,
  .md-col-3-3,
  .md-col-4-4,
  .md-col-5-5,
  .md-col-6-6,
  .md-col-7-7,
  .md-col-8-8,
  .md-col-9-9,
  .md-col-10-10,
  .md-col-11-11,
  .md-col-12-12 {
    flex: none;
    flex-basis: 100%;
  }

  .md-col-1-2,
  .md-col-2-4,
  .md-col-3-6,
  .md-col-4-8,
  .md-col-5-10,
  .md-col-6-12 {
    flex: none;
    flex-basis: 50%;
  }

  .md-col-1-3,
  .md-col-2-6,
  .md-col-3-9,
  .md-col-4-12 {
    flex: none;
    flex-basis: 33.333333%;
  }

  .md-col-2-3,
  .md-col-4-6,
  .md-col-6-9,
  .md-col-8-12 {
    flex: none;
    flex-basis: 66.666667%;
  }

  .md-col-1-4,
  .md-col-2-8,
  .md-col-3-12 {
    flex: none;
    flex-basis: 25%;
  }

  .md-col-3-4,
  .md-col-6-8,
  .md-col-9-12 {
    flex: none;
    flex-basis: 75%;
  }

  .md-col-1-5,
  .md-col-2-10 {
    flex: none;
    flex-basis: 20%;
  }

  .md-col-2-5,
  .md-col-4-10 {
    flex: none;
    flex-basis: 40%;
  }

  .md-col-3-5,
  .md-col-6-10 {
    flex: none;
    flex-basis: 60%;
  }

  .md-col-4-5,
  .md-col-8-10 {
    flex: none;
    flex-basis: 80%;
  }

  .md-col-1-6,
  .md-col-2-12 {
    flex: none;
    flex-basis: 16.666667%;
  }

  .md-col-5-6,
  .md-col-10-12 {
    flex: none;
    flex-basis: 83.333333%;
  }

  .md-col-1-7 {
    flex: none;
    flex-basis: 14.285714%;
  }

  .md-col-2-7 {
    flex: none;
    flex-basis: 28.571429%;
  }

  .md-col-3-7 {
    flex: none;
    flex-basis: 42.857143%;
  }

  .md-col-4-7 {
    flex: none;
    flex-basis: 57.142857%;
  }

  .md-col-5-7 {
    flex: none;
    flex-basis: 71.428571%;
  }

  .md-col-6-7 {
    flex: none;
    flex-basis: 85.714286%;
  }

  .md-col-1-8 {
    flex: none;
    flex-basis: 12.5%;
  }

  .md-col-3-8 {
    flex: none;
    flex-basis: 37.5%;
  }

  .md-col-5-8 {
    flex: none;
    flex-basis: 62.5%;
  }

  .md-col-7-8 {
    flex: none;
    flex-basis: 87.5%;
  }

  .md-col-1-9 {
    flex: none;
    flex-basis: 11.111111%;
  }

  .md-col-2-9 {
    flex: none;
    flex-basis: 22.222222%;
  }

  .md-col-4-9 {
    flex: none;
    flex-basis: 44.444444%;
  }

  .md-col-5-9 {
    flex: none;
    flex-basis: 55.555556%;
  }

  .md-col-7-9 {
    flex: none;
    flex-basis: 77.777778%;
  }

  .md-col-8-9 {
    flex: none;
    flex-basis: 88.888889%;
  }

  .md-col-1-10 {
    flex: none;
    flex-basis: 10%;
  }

  .md-col-3-10 {
    flex: none;
    flex-basis: 30%;
  }

  .md-col-7-10 {
    flex: none;
    flex-basis: 70%;
  }

  .md-col-9-10 {
    flex: none;
    flex-basis: 90%;
  }

  .md-col-1-11 {
    flex: none;
    flex-basis: 9.090909%;
  }

  .md-col-2-11 {
    flex: none;
    flex-basis: 18.181818%;
  }

  .md-col-3-11 {
    flex: none;
    flex-basis: 27.272727%;
  }

  .md-col-4-11 {
    flex: none;
    flex-basis: 36.363636%;
  }

  .md-col-5-11 {
    flex: none;
    flex-basis: 45.454545%;
  }

  .md-col-6-11 {
    flex: none;
    flex-basis: 54.545455%;
  }

  .md-col-7-11 {
    flex: none;
    flex-basis: 63.636364%;
  }

  .md-col-8-11 {
    flex: none;
    flex-basis: 72.727273%;
  }

  .md-col-9-11 {
    flex: none;
    flex-basis: 81.818182%;
  }

  .md-col-10-11 {
    flex: none;
    flex-basis: 90.909091%;
  }

  .md-col-1-12 {
    flex: none;
    flex-basis: 8.333333%;
  }

  .md-col-5-12 {
    flex: none;
    flex-basis: 41.666667%;
  }

  .md-col-7-12 {
    flex: none;
    flex-basis: 58.333333%;
  }

  .md-col-11-12 {
    flex: none;
    flex-basis: 91.666667%;
  }
}

// Large
@include media-size-only(desktop) {
  .lg-col-1-1,
  .lg-col-2-2,
  .lg-col-3-3,
  .lg-col-4-4,
  .lg-col-5-5,
  .lg-col-6-6,
  .lg-col-7-7,
  .lg-col-8-8,
  .lg-col-9-9,
  .lg-col-10-10,
  .lg-col-11-11,
  .lg-col-12-12 {
    flex: none;
    flex-basis: 100%;
  }

  .lg-col-1-2,
  .lg-col-2-4,
  .lg-col-3-6,
  .lg-col-4-8,
  .lg-col-5-10,
  .lg-col-6-12 {
    flex: none;
    flex-basis: 50%;
  }

  .lg-col-1-3,
  .lg-col-2-6,
  .lg-col-3-9,
  .lg-col-4-12 {
    flex: none;
    flex-basis: 33.333333%;
  }

  .lg-col-2-3,
  .lg-col-4-6,
  .lg-col-6-9,
  .lg-col-8-12 {
    flex: none;
    flex-basis: 66.666667%;
  }

  .lg-col-1-4,
  .lg-col-2-8,
  .lg-col-3-12 {
    flex: none;
    flex-basis: 25%;
  }

  .lg-col-3-4,
  .lg-col-6-8,
  .lg-col-9-12 {
    flex: none;
    flex-basis: 75%;
  }

  .lg-col-1-5,
  .lg-col-2-10 {
    flex: none;
    flex-basis: 20%;
  }

  .lg-col-2-5,
  .lg-col-4-10 {
    flex: none;
    flex-basis: 40%;
  }

  .lg-col-3-5,
  .lg-col-6-10 {
    flex: none;
    flex-basis: 60%;
  }

  .lg-col-4-5,
  .lg-col-8-10 {
    flex: none;
    flex-basis: 80%;
  }

  .lg-col-1-6,
  .lg-col-2-12 {
    flex: none;
    flex-basis: 16.666667%;
  }

  .lg-col-5-6,
  .lg-col-10-12 {
    flex: none;
    flex-basis: 83.333333%;
  }

  .lg-col-1-7 {
    flex: none;
    flex-basis: 14.285714%;
  }

  .lg-col-2-7 {
    flex: none;
    flex-basis: 28.571429%;
  }

  .lg-col-3-7 {
    flex: none;
    flex-basis: 42.857143%;
  }

  .lg-col-4-7 {
    flex: none;
    flex-basis: 57.142857%;
  }

  .lg-col-5-7 {
    flex: none;
    flex-basis: 71.428571%;
  }

  .lg-col-6-7 {
    flex: none;
    flex-basis: 85.714286%;
  }

  .lg-col-1-8 {
    flex: none;
    flex-basis: 12.5%;
  }

  .lg-col-3-8 {
    flex: none;
    flex-basis: 37.5%;
  }

  .lg-col-5-8 {
    flex: none;
    flex-basis: 62.5%;
  }

  .lg-col-7-8 {
    flex: none;
    flex-basis: 87.5%;
  }

  .lg-col-1-9 {
    flex: none;
    flex-basis: 11.111111%;
  }

  .lg-col-2-9 {
    flex: none;
    flex-basis: 22.222222%;
  }

  .lg-col-4-9 {
    flex: none;
    flex-basis: 44.444444%;
  }

  .lg-col-5-9 {
    flex: none;
    flex-basis: 55.555556%;
  }

  .lg-col-7-9 {
    flex: none;
    flex-basis: 77.777778%;
  }

  .lg-col-8-9 {
    flex: none;
    flex-basis: 88.888889%;
  }

  .lg-col-1-10 {
    flex: none;
    flex-basis: 10%;
  }

  .lg-col-3-10 {
    flex: none;
    flex-basis: 30%;
  }

  .lg-col-7-10 {
    flex: none;
    flex-basis: 70%;
  }

  .lg-col-9-10 {
    flex: none;
    flex-basis: 90%;
  }

  .lg-col-1-11 {
    flex: none;
    flex-basis: 9.090909%;
  }

  .lg-col-2-11 {
    flex: none;
    flex-basis: 18.181818%;
  }

  .lg-col-3-11 {
    flex: none;
    flex-basis: 27.272727%;
  }

  .lg-col-4-11 {
    flex: none;
    flex-basis: 36.363636%;
  }

  .lg-col-5-11 {
    flex: none;
    flex-basis: 45.454545%;
  }

  .lg-col-6-11 {
    flex: none;
    flex-basis: 54.545455%;
  }

  .lg-col-7-11 {
    flex: none;
    flex-basis: 63.636364%;
  }

  .lg-col-8-11 {
    flex: none;
    flex-basis: 72.727273%;
  }

  .lg-col-9-11 {
    flex: none;
    flex-basis: 81.818182%;
  }

  .lg-col-10-11 {
    flex: none;
    flex-basis: 90.909091%;
  }

  .lg-col-1-12 {
    flex: none;
    flex-basis: 8.333333%;
  }

  .lg-col-5-12 {
    flex: none;
    flex-basis: 41.666667%;
  }

  .lg-col-7-12 {
    flex: none;
    flex-basis: 58.333333%;
  }

  .lg-col-11-12 {
    flex: none;
    flex-basis: 91.666667%;
  }
}

// Extra Large

@include media-size-only(hd) {
  .xl-col-1-1,
  .xl-col-2-2,
  .xl-col-3-3,
  .xl-col-4-4,
  .xl-col-5-5,
  .xl-col-6-6,
  .xl-col-7-7,
  .xl-col-8-8,
  .xl-col-9-9,
  .xl-col-10-10,
  .xl-col-11-11,
  .xl-col-12-12 {
    flex: none;
    flex-basis: 100%;
  }

  .xl-col-1-2,
  .xl-col-2-4,
  .xl-col-3-6,
  .xl-col-4-8,
  .xl-col-5-10,
  .xl-col-6-12 {
    flex: none;
    flex-basis: 50%;
  }

  .xl-col-1-3,
  .xl-col-2-6,
  .xl-col-3-9,
  .xl-col-4-12 {
    flex: none;
    flex-basis: 33.333333%;
  }

  .xl-col-2-3,
  .xl-col-4-6,
  .xl-col-6-9,
  .xl-col-8-12 {
    flex: none;
    flex-basis: 66.666667%;
  }

  .xl-col-1-4,
  .xl-col-2-8,
  .xl-col-3-12 {
    flex: none;
    flex-basis: 25%;
  }

  .xl-col-3-4,
  .xl-col-6-8,
  .xl-col-9-12 {
    flex: none;
    flex-basis: 75%;
  }

  .xl-col-1-5,
  .xl-col-2-10 {
    flex: none;
    flex-basis: 20%;
  }

  .xl-col-2-5,
  .xl-col-4-10 {
    flex: none;
    flex-basis: 40%;
  }

  .xl-col-3-5,
  .xl-col-6-10 {
    flex: none;
    flex-basis: 60%;
  }

  .xl-col-4-5,
  .xl-col-8-10 {
    flex: none;
    flex-basis: 80%;
  }

  .xl-col-1-6,
  .xl-col-2-12 {
    flex: none;
    flex-basis: 16.666667%;
  }

  .xl-col-5-6,
  .xl-col-10-12 {
    flex: none;
    flex-basis: 83.333333%;
  }

  .xl-col-1-7 {
    flex: none;
    flex-basis: 14.285714%;
  }

  .xl-col-2-7 {
    flex: none;
    flex-basis: 28.571429%;
  }

  .xl-col-3-7 {
    flex: none;
    flex-basis: 42.857143%;
  }

  .xl-col-4-7 {
    flex: none;
    flex-basis: 57.142857%;
  }

  .xl-col-5-7 {
    flex: none;
    flex-basis: 71.428571%;
  }

  .xl-col-6-7 {
    flex: none;
    flex-basis: 85.714286%;
  }

  .xl-col-1-8 {
    flex: none;
    flex-basis: 12.5%;
  }

  .xl-col-3-8 {
    flex: none;
    flex-basis: 37.5%;
  }

  .xl-col-5-8 {
    flex: none;
    flex-basis: 62.5%;
  }

  .xl-col-7-8 {
    flex: none;
    flex-basis: 87.5%;
  }

  .xl-col-1-9 {
    flex: none;
    flex-basis: 11.111111%;
  }

  .xl-col-2-9 {
    flex: none;
    flex-basis: 22.222222%;
  }

  .xl-col-4-9 {
    flex: none;
    flex-basis: 44.444444%;
  }

  .xl-col-5-9 {
    flex: none;
    flex-basis: 55.555556%;
  }

  .xl-col-7-9 {
    flex: none;
    flex-basis: 77.777778%;
  }

  .xl-col-8-9 {
    flex: none;
    flex-basis: 88.888889%;
  }

  .xl-col-1-10 {
    flex: none;
    flex-basis: 10%;
  }

  .xl-col-3-10 {
    flex: none;
    flex-basis: 30%;
  }

  .xl-col-7-10 {
    flex: none;
    flex-basis: 70%;
  }

  .xl-col-9-10 {
    flex: none;
    flex-basis: 90%;
  }

  .xl-col-1-11 {
    flex: none;
    flex-basis: 9.090909%;
  }

  .xl-col-2-11 {
    flex: none;
    flex-basis: 18.181818%;
  }

  .xl-col-3-11 {
    flex: none;
    flex-basis: 27.272727%;
  }

  .xl-col-4-11 {
    flex: none;
    flex-basis: 36.363636%;
  }

  .xl-col-5-11 {
    flex: none;
    flex-basis: 45.454545%;
  }

  .xl-col-6-11 {
    flex: none;
    flex-basis: 54.545455%;
  }

  .xl-col-7-11 {
    flex: none;
    flex-basis: 63.636364%;
  }

  .xl-col-8-11 {
    flex: none;
    flex-basis: 72.727273%;
  }

  .xl-col-9-11 {
    flex: none;
    flex-basis: 81.818182%;
  }

  .xl-col-10-11 {
    flex: none;
    flex-basis: 90.909091%;
  }

  .xl-col-1-12 {
    flex: none;
    flex-basis: 8.333333%;
  }

  .xl-col-5-12 {
    flex: none;
    flex-basis: 41.666667%;
  }

  .xl-col-7-12 {
    flex: none;
    flex-basis: 58.333333%;
  }

  .xl-col-11-12 {
    flex: none;
    flex-basis: 91.666667%;
  }
}

// Offsets

.col-off-1-1,
.col-off-2-2,
.col-off-3-3,
.col-off-4-4,
.col-off-5-5,
.col-off-6-6,
.col-off-7-7,
.col-off-8-8,
.col-off-9-9,
.col-off-10-10,
.col-off-11-11,
.col-off-12-12 {
  margin-left: 100%;
}

.col-off-1-2,
.col-off-2-4,
.col-off-3-6,
.col-off-4-8,
.col-off-5-10,
.col-off-6-12 {
  margin-left: 50%;
}

.col-off-1-3,
.col-off-2-6,
.col-off-3-9,
.col-off-4-12 {
  margin-left: 33.333333%;
}

.col-off-2-3,
.col-off-4-6,
.col-off-6-9,
.col-off-8-12 {
  margin-left: 66.666667%;
}

.col-off-1-4,
.col-off-2-8,
.col-off-3-12 {
  margin-left: 25%;
}

.col-off-3-4,
.col-off-6-8,
.col-off-9-12 {
  margin-left: 75%;
}

.col-off-1-5,
.col-off-2-10 {
  margin-left: 20%;
}

.col-off-2-5,
.col-off-4-10 {
  margin-left: 40%;
}

.col-off-3-5,
.col-off-6-10 {
  margin-left: 60%;
}

.col-off-4-5,
.col-off-8-10 {
  margin-left: 80%;
}

.col-off-1-6,
.col-off-2-12 {
  margin-left: 16.666667%;
}

.col-off-5-6,
.col-off-10-12 {
  margin-left: 83.333333%;
}

.col-off-1-7 {
  margin-left: 14.285714%;
}

.col-off-2-7 {
  margin-left: 28.571429%;
}

.col-off-3-7 {
  margin-left: 42.857143%;
}

.col-off-4-7 {
  margin-left: 57.142857%;
}

.col-off-5-7 {
  margin-left: 71.428571%;
}

.col-off-6-7 {
  margin-left: 85.714286%;
}

.col-off-1-8 {
  margin-left: 12.5%;
}

.col-off-3-8 {
  margin-left: 37.5%;
}

.col-off-5-8 {
  margin-left: 62.5%;
}

.col-off-7-8 {
  margin-left: 87.5%;
}

.col-off-1-9 {
  margin-left: 11.111111%;
}

.col-off-2-9 {
  margin-left: 22.222222%;
}

.col-off-4-9 {
  margin-left: 44.444444%;
}

.col-off-5-9 {
  margin-left: 55.555556%;
}

.col-off-7-9 {
  margin-left: 77.777778%;
}

.col-off-8-9 {
  margin-left: 88.888889%;
}

.col-off-1-10 {
  margin-left: 10%;
}

.col-off-3-10 {
  margin-left: 30%;
}

.col-off-7-10 {
  margin-left: 70%;
}

.col-off-9-10 {
  margin-left: 90%;
}

.col-off-1-11 {
  margin-left: 9.090909%;
}

.col-off-2-11 {
  margin-left: 18.181818%;
}

.col-off-3-11 {
  margin-left: 27.272727%;
}

.col-off-4-11 {
  margin-left: 36.363636%;
}

.col-off-5-11 {
  margin-left: 45.454545%;
}

.col-off-6-11 {
  margin-left: 54.545455%;
}

.col-off-7-11 {
  margin-left: 63.636364%;
}

.col-off-8-11 {
  margin-left: 72.727273%;
}

.col-off-9-11 {
  margin-left: 81.818182%;
}

.col-off-10-11 {
  margin-left: 90.909091%;
}

.col-off-1-12 {
  margin-left: 8.333333%;
}

.col-off-5-12 {
  margin-left: 41.666667%;
}

.col-off-7-12 {
  margin-left: 58.333333%;
}

.col-off-11-12 {
  margin-left: 91.666667%;
}

// Extra Small

@include media-size-only(mobile) {
  .xs-col-off-1-1,
  .xs-col-off-2-2,
  .xs-col-off-3-3,
  .xs-col-off-4-4,
  .xs-col-off-5-5,
  .xs-col-off-6-6,
  .xs-col-off-7-7,
  .xs-col-off-8-8,
  .xs-col-off-9-9,
  .xs-col-off-10-10,
  .xs-col-off-11-11,
  .xs-col-off-12-12 {
    margin-left: 100%;
  }

  .xs-col-off-1-2,
  .xs-col-off-2-4,
  .xs-col-off-3-6,
  .xs-col-off-4-8,
  .xs-col-off-5-10,
  .xs-col-off-6-12 {
    margin-left: 50%;
  }

  .xs-col-off-1-3,
  .xs-col-off-2-6,
  .xs-col-off-3-9,
  .xs-col-off-4-12 {
    margin-left: 33.333333%;
  }

  .xs-col-off-2-3,
  .xs-col-off-4-6,
  .xs-col-off-6-9,
  .xs-col-off-8-12 {
    margin-left: 66.666667%;
  }

  .xs-col-off-1-4,
  .xs-col-off-2-8,
  .xs-col-off-3-12 {
    margin-left: 25%;
  }

  .xs-col-off-3-4,
  .xs-col-off-6-8,
  .xs-col-off-9-12 {
    margin-left: 75%;
  }

  .xs-col-off-1-5,
  .xs-col-off-2-10 {
    margin-left: 20%;
  }

  .xs-col-off-2-5,
  .xs-col-off-4-10 {
    margin-left: 40%;
  }

  .xs-col-off-3-5,
  .xs-col-off-6-10 {
    margin-left: 60%;
  }

  .xs-col-off-4-5,
  .xs-col-off-8-10 {
    margin-left: 80%;
  }

  .xs-col-off-1-6,
  .xs-col-off-2-12 {
    margin-left: 16.666667%;
  }

  .xs-col-off-5-6,
  .xs-col-off-10-12 {
    margin-left: 83.333333%;
  }

  .xs-col-off-1-7 {
    margin-left: 14.285714%;
  }

  .xs-col-off-2-7 {
    margin-left: 28.571429%;
  }

  .xs-col-off-3-7 {
    margin-left: 42.857143%;
  }

  .xs-col-off-4-7 {
    margin-left: 57.142857%;
  }

  .xs-col-off-5-7 {
    margin-left: 71.428571%;
  }

  .xs-col-off-6-7 {
    margin-left: 85.714286%;
  }

  .xs-col-off-1-8 {
    margin-left: 12.5%;
  }

  .xs-col-off-3-8 {
    margin-left: 37.5%;
  }

  .xs-col-off-5-8 {
    margin-left: 62.5%;
  }

  .xs-col-off-7-8 {
    margin-left: 87.5%;
  }

  .xs-col-off-1-9 {
    margin-left: 11.111111%;
  }

  .xs-col-off-2-9 {
    margin-left: 22.222222%;
  }

  .xs-col-off-4-9 {
    margin-left: 44.444444%;
  }

  .xs-col-off-5-9 {
    margin-left: 55.555556%;
  }

  .xs-col-off-7-9 {
    margin-left: 77.777778%;
  }

  .xs-col-off-8-9 {
    margin-left: 88.888889%;
  }

  .xs-col-off-1-10 {
    margin-left: 10%;
  }

  .xs-col-off-3-10 {
    margin-left: 30%;
  }

  .xs-col-off-7-10 {
    margin-left: 70%;
  }

  .xs-col-off-9-10 {
    margin-left: 90%;
  }

  .xs-col-off-1-11 {
    margin-left: 9.090909%;
  }

  .xs-col-off-2-11 {
    margin-left: 18.181818%;
  }

  .xs-col-off-3-11 {
    margin-left: 27.272727%;
  }

  .xs-col-off-4-11 {
    margin-left: 36.363636%;
  }

  .xs-col-off-5-11 {
    margin-left: 45.454545%;
  }

  .xs-col-off-6-11 {
    margin-left: 54.545455%;
  }

  .xs-col-off-7-11 {
    margin-left: 63.636364%;
  }

  .xs-col-off-8-11 {
    margin-left: 72.727273%;
  }

  .xs-col-off-9-11 {
    margin-left: 81.818182%;
  }

  .xs-col-off-10-11 {
    margin-left: 90.909091%;
  }

  .xs-col-off-1-12 {
    margin-left: 8.333333%;
  }

  .xs-col-off-5-12 {
    margin-left: 41.666667%;
  }

  .xs-col-off-7-12 {
    margin-left: 58.333333%;
  }

  .xs-col-off-11-12 {
    margin-left: 91.666667%;
  }
}

// Small

@include media-size-only(tablet) {
  .sm-col-off-1-1,
  .sm-col-off-2-2,
  .sm-col-off-3-3,
  .sm-col-off-4-4,
  .sm-col-off-5-5,
  .sm-col-off-6-6,
  .sm-col-off-7-7,
  .sm-col-off-8-8,
  .sm-col-off-9-9,
  .sm-col-off-10-10,
  .sm-col-off-11-11,
  .sm-col-off-12-12 {
    margin-left: 100%;
  }

  .sm-col-off-1-2,
  .sm-col-off-2-4,
  .sm-col-off-3-6,
  .sm-col-off-4-8,
  .sm-col-off-5-10,
  .sm-col-off-6-12 {
    margin-left: 50%;
  }

  .sm-col-off-1-3,
  .sm-col-off-2-6,
  .sm-col-off-3-9,
  .sm-col-off-4-12 {
    margin-left: 33.333333%;
  }

  .sm-col-off-2-3,
  .sm-col-off-4-6,
  .sm-col-off-6-9,
  .sm-col-off-8-12 {
    margin-left: 66.666667%;
  }

  .sm-col-off-1-4,
  .sm-col-off-2-8,
  .sm-col-off-3-12 {
    margin-left: 25%;
  }

  .sm-col-off-3-4,
  .sm-col-off-6-8,
  .sm-col-off-9-12 {
    margin-left: 75%;
  }

  .sm-col-off-1-5,
  .sm-col-off-2-10 {
    margin-left: 20%;
  }

  .sm-col-off-2-5,
  .sm-col-off-4-10 {
    margin-left: 40%;
  }

  .sm-col-off-3-5,
  .sm-col-off-6-10 {
    margin-left: 60%;
  }

  .sm-col-off-4-5,
  .sm-col-off-8-10 {
    margin-left: 80%;
  }

  .sm-col-off-1-6,
  .sm-col-off-2-12 {
    margin-left: 16.666667%;
  }

  .sm-col-off-5-6,
  .sm-col-off-10-12 {
    margin-left: 83.333333%;
  }

  .sm-col-off-1-7 {
    margin-left: 14.285714%;
  }

  .sm-col-off-2-7 {
    margin-left: 28.571429%;
  }

  .sm-col-off-3-7 {
    margin-left: 42.857143%;
  }

  .sm-col-off-4-7 {
    margin-left: 57.142857%;
  }

  .sm-col-off-5-7 {
    margin-left: 71.428571%;
  }

  .sm-col-off-6-7 {
    margin-left: 85.714286%;
  }

  .sm-col-off-1-8 {
    margin-left: 12.5%;
  }

  .sm-col-off-3-8 {
    margin-left: 37.5%;
  }

  .sm-col-off-5-8 {
    margin-left: 62.5%;
  }

  .sm-col-off-7-8 {
    margin-left: 87.5%;
  }

  .sm-col-off-1-9 {
    margin-left: 11.111111%;
  }

  .sm-col-off-2-9 {
    margin-left: 22.222222%;
  }

  .sm-col-off-4-9 {
    margin-left: 44.444444%;
  }

  .sm-col-off-5-9 {
    margin-left: 55.555556%;
  }

  .sm-col-off-7-9 {
    margin-left: 77.777778%;
  }

  .sm-col-off-8-9 {
    margin-left: 88.888889%;
  }

  .sm-col-off-1-10 {
    margin-left: 10%;
  }

  .sm-col-off-3-10 {
    margin-left: 30%;
  }

  .sm-col-off-7-10 {
    margin-left: 70%;
  }

  .sm-col-off-9-10 {
    margin-left: 90%;
  }

  .sm-col-off-1-11 {
    margin-left: 9.090909%;
  }

  .sm-col-off-2-11 {
    margin-left: 18.181818%;
  }

  .sm-col-off-3-11 {
    margin-left: 27.272727%;
  }

  .sm-col-off-4-11 {
    margin-left: 36.363636%;
  }

  .sm-col-off-5-11 {
    margin-left: 45.454545%;
  }

  .sm-col-off-6-11 {
    margin-left: 54.545455%;
  }

  .sm-col-off-7-11 {
    margin-left: 63.636364%;
  }

  .sm-col-off-8-11 {
    margin-left: 72.727273%;
  }

  .sm-col-off-9-11 {
    margin-left: 81.818182%;
  }

  .sm-col-off-10-11 {
    margin-left: 90.909091%;
  }

  .sm-col-off-1-12 {
    margin-left: 8.333333%;
  }

  .sm-col-off-5-12 {
    margin-left: 41.666667%;
  }

  .sm-col-off-7-12 {
    margin-left: 58.333333%;
  }

  .sm-col-off-11-12 {
    margin-left: 91.666667%;
  }
}

// Medium
@include media-size-only(small-desktop) {
  .md-col-off-1-1,
  .md-col-off-2-2,
  .md-col-off-3-3,
  .md-col-off-4-4,
  .md-col-off-5-5,
  .md-col-off-6-6,
  .md-col-off-7-7,
  .md-col-off-8-8,
  .md-col-off-9-9,
  .md-col-off-10-10,
  .md-col-off-11-11,
  .md-col-off-12-12 {
    margin-left: 100%;
  }

  .md-col-off-1-2,
  .md-col-off-2-4,
  .md-col-off-3-6,
  .md-col-off-4-8,
  .md-col-off-5-10,
  .md-col-off-6-12 {
    margin-left: 50%;
  }

  .md-col-off-1-3,
  .md-col-off-2-6,
  .md-col-off-3-9,
  .md-col-off-4-12 {
    margin-left: 33.333333%;
  }

  .md-col-off-2-3,
  .md-col-off-4-6,
  .md-col-off-6-9,
  .md-col-off-8-12 {
    margin-left: 66.666667%;
  }

  .md-col-off-1-4,
  .md-col-off-2-8,
  .md-col-off-3-12 {
    margin-left: 25%;
  }

  .md-col-off-3-4,
  .md-col-off-6-8,
  .md-col-off-9-12 {
    margin-left: 75%;
  }

  .md-col-off-1-5,
  .md-col-off-2-10 {
    margin-left: 20%;
  }

  .md-col-off-2-5,
  .md-col-off-4-10 {
    margin-left: 40%;
  }

  .md-col-off-3-5,
  .md-col-off-6-10 {
    margin-left: 60%;
  }

  .md-col-off-4-5,
  .md-col-off-8-10 {
    margin-left: 80%;
  }

  .md-col-off-1-6,
  .md-col-off-2-12 {
    margin-left: 16.666667%;
  }

  .md-col-off-5-6,
  .md-col-off-10-12 {
    margin-left: 83.333333%;
  }

  .md-col-off-1-7 {
    margin-left: 14.285714%;
  }

  .md-col-off-2-7 {
    margin-left: 28.571429%;
  }

  .md-col-off-3-7 {
    margin-left: 42.857143%;
  }

  .md-col-off-4-7 {
    margin-left: 57.142857%;
  }

  .md-col-off-5-7 {
    margin-left: 71.428571%;
  }

  .md-col-off-6-7 {
    margin-left: 85.714286%;
  }

  .md-col-off-1-8 {
    margin-left: 12.5%;
  }

  .md-col-off-3-8 {
    margin-left: 37.5%;
  }

  .md-col-off-5-8 {
    margin-left: 62.5%;
  }

  .md-col-off-7-8 {
    margin-left: 87.5%;
  }

  .md-col-off-1-9 {
    margin-left: 11.111111%;
  }

  .md-col-off-2-9 {
    margin-left: 22.222222%;
  }

  .md-col-off-4-9 {
    margin-left: 44.444444%;
  }

  .md-col-off-5-9 {
    margin-left: 55.555556%;
  }

  .md-col-off-7-9 {
    margin-left: 77.777778%;
  }

  .md-col-off-8-9 {
    margin-left: 88.888889%;
  }

  .md-col-off-1-10 {
    margin-left: 10%;
  }

  .md-col-off-3-10 {
    margin-left: 30%;
  }

  .md-col-off-7-10 {
    margin-left: 70%;
  }

  .md-col-off-9-10 {
    margin-left: 90%;
  }

  .md-col-off-1-11 {
    margin-left: 9.090909%;
  }

  .md-col-off-2-11 {
    margin-left: 18.181818%;
  }

  .md-col-off-3-11 {
    margin-left: 27.272727%;
  }

  .md-col-off-4-11 {
    margin-left: 36.363636%;
  }

  .md-col-off-5-11 {
    margin-left: 45.454545%;
  }

  .md-col-off-6-11 {
    margin-left: 54.545455%;
  }

  .md-col-off-7-11 {
    margin-left: 63.636364%;
  }

  .md-col-off-8-11 {
    margin-left: 72.727273%;
  }

  .md-col-off-9-11 {
    margin-left: 81.818182%;
  }

  .md-col-off-10-11 {
    margin-left: 90.909091%;
  }

  .md-col-off-1-12 {
    margin-left: 8.333333%;
  }

  .md-col-off-5-12 {
    margin-left: 41.666667%;
  }

  .md-col-off-7-12 {
    margin-left: 58.333333%;
  }

  .md-col-off-11-12 {
    margin-left: 91.666667%;
  }
}

// Large
@include media-size-only(desktop) {
  .lg-col-off-1-1,
  .lg-col-off-2-2,
  .lg-col-off-3-3,
  .lg-col-off-4-4,
  .lg-col-off-5-5,
  .lg-col-off-6-6,
  .lg-col-off-7-7,
  .lg-col-off-8-8,
  .lg-col-off-9-9,
  .lg-col-off-10-10,
  .lg-col-off-11-11,
  .lg-col-off-12-12 {
    margin-left: 100%;
  }

  .lg-col-off-1-2,
  .lg-col-off-2-4,
  .lg-col-off-3-6,
  .lg-col-off-4-8,
  .lg-col-off-5-10,
  .lg-col-off-6-12 {
    margin-left: 50%;
  }

  .lg-col-off-1-3,
  .lg-col-off-2-6,
  .lg-col-off-3-9,
  .lg-col-off-4-12 {
    margin-left: 33.333333%;
  }

  .lg-col-off-2-3,
  .lg-col-off-4-6,
  .lg-col-off-6-9,
  .lg-col-off-8-12 {
    margin-left: 66.666667%;
  }

  .lg-col-off-1-4,
  .lg-col-off-2-8,
  .lg-col-off-3-12 {
    margin-left: 25%;
  }

  .lg-col-off-3-4,
  .lg-col-off-6-8,
  .lg-col-off-9-12 {
    margin-left: 75%;
  }

  .lg-col-off-1-5,
  .lg-col-off-2-10 {
    margin-left: 20%;
  }

  .lg-col-off-2-5,
  .lg-col-off-4-10 {
    margin-left: 40%;
  }

  .lg-col-off-3-5,
  .lg-col-off-6-10 {
    margin-left: 60%;
  }

  .lg-col-off-4-5,
  .lg-col-off-8-10 {
    margin-left: 80%;
  }

  .lg-col-off-1-6,
  .lg-col-off-2-12 {
    margin-left: 16.666667%;
  }

  .lg-col-off-5-6,
  .lg-col-off-10-12 {
    margin-left: 83.333333%;
  }

  .lg-col-off-1-7 {
    margin-left: 14.285714%;
  }

  .lg-col-off-2-7 {
    margin-left: 28.571429%;
  }

  .lg-col-off-3-7 {
    margin-left: 42.857143%;
  }

  .lg-col-off-4-7 {
    margin-left: 57.142857%;
  }

  .lg-col-off-5-7 {
    margin-left: 71.428571%;
  }

  .lg-col-off-6-7 {
    margin-left: 85.714286%;
  }

  .lg-col-off-1-8 {
    margin-left: 12.5%;
  }

  .lg-col-off-3-8 {
    margin-left: 37.5%;
  }

  .lg-col-off-5-8 {
    margin-left: 62.5%;
  }

  .lg-col-off-7-8 {
    margin-left: 87.5%;
  }

  .lg-col-off-1-9 {
    margin-left: 11.111111%;
  }

  .lg-col-off-2-9 {
    margin-left: 22.222222%;
  }

  .lg-col-off-4-9 {
    margin-left: 44.444444%;
  }

  .lg-col-off-5-9 {
    margin-left: 55.555556%;
  }

  .lg-col-off-7-9 {
    margin-left: 77.777778%;
  }

  .lg-col-off-8-9 {
    margin-left: 88.888889%;
  }

  .lg-col-off-1-10 {
    margin-left: 10%;
  }

  .lg-col-off-3-10 {
    margin-left: 30%;
  }

  .lg-col-off-7-10 {
    margin-left: 70%;
  }

  .lg-col-off-9-10 {
    margin-left: 90%;
  }

  .lg-col-off-1-11 {
    margin-left: 9.090909%;
  }

  .lg-col-off-2-11 {
    margin-left: 18.181818%;
  }

  .lg-col-off-3-11 {
    margin-left: 27.272727%;
  }

  .lg-col-off-4-11 {
    margin-left: 36.363636%;
  }

  .lg-col-off-5-11 {
    margin-left: 45.454545%;
  }

  .lg-col-off-6-11 {
    margin-left: 54.545455%;
  }

  .lg-col-off-7-11 {
    margin-left: 63.636364%;
  }

  .lg-col-off-8-11 {
    margin-left: 72.727273%;
  }

  .lg-col-off-9-11 {
    margin-left: 81.818182%;
  }

  .lg-col-off-10-11 {
    margin-left: 90.909091%;
  }

  .lg-col-off-1-12 {
    margin-left: 8.333333%;
  }

  .lg-col-off-5-12 {
    margin-left: 41.666667%;
  }

  .lg-col-off-7-12 {
    margin-left: 58.333333%;
  }

  .lg-col-off-11-12 {
    margin-left: 91.666667%;
  }
}

// Extra Large

@include media-size-only(hd) {
  .xl-col-off-1-1,
  .xl-col-off-2-2,
  .xl-col-off-3-3,
  .xl-col-off-4-4,
  .xl-col-off-5-5,
  .xl-col-off-6-6,
  .xl-col-off-7-7,
  .xl-col-off-8-8,
  .xl-col-off-9-9,
  .xl-col-off-10-10,
  .xl-col-off-11-11,
  .xl-col-off-12-12 {
    margin-left: 100%;
  }

  .xl-col-off-1-2,
  .xl-col-off-2-4,
  .xl-col-off-3-6,
  .xl-col-off-4-8,
  .xl-col-off-5-10,
  .xl-col-off-6-12 {
    margin-left: 50%;
  }

  .xl-col-off-1-3,
  .xl-col-off-2-6,
  .xl-col-off-3-9,
  .xl-col-off-4-12 {
    margin-left: 33.333333%;
  }

  .xl-col-off-2-3,
  .xl-col-off-4-6,
  .xl-col-off-6-9,
  .xl-col-off-8-12 {
    margin-left: 66.666667%;
  }

  .xl-col-off-1-4,
  .xl-col-off-2-8,
  .xl-col-off-3-12 {
    margin-left: 25%;
  }

  .xl-col-off-3-4,
  .xl-col-off-6-8,
  .xl-col-off-9-12 {
    margin-left: 75%;
  }

  .xl-col-off-1-5,
  .xl-col-off-2-10 {
    margin-left: 20%;
  }

  .xl-col-off-2-5,
  .xl-col-off-4-10 {
    margin-left: 40%;
  }

  .xl-col-off-3-5,
  .xl-col-off-6-10 {
    margin-left: 60%;
  }

  .xl-col-off-4-5,
  .xl-col-off-8-10 {
    margin-left: 80%;
  }

  .xl-col-off-1-6,
  .xl-col-off-2-12 {
    margin-left: 16.666667%;
  }

  .xl-col-off-5-6,
  .xl-col-off-10-12 {
    margin-left: 83.333333%;
  }

  .xl-col-off-1-7 {
    margin-left: 14.285714%;
  }

  .xl-col-off-2-7 {
    margin-left: 28.571429%;
  }

  .xl-col-off-3-7 {
    margin-left: 42.857143%;
  }

  .xl-col-off-4-7 {
    margin-left: 57.142857%;
  }

  .xl-col-off-5-7 {
    margin-left: 71.428571%;
  }

  .xl-col-off-6-7 {
    margin-left: 85.714286%;
  }

  .xl-col-off-1-8 {
    margin-left: 12.5%;
  }

  .xl-col-off-3-8 {
    margin-left: 37.5%;
  }

  .xl-col-off-5-8 {
    margin-left: 62.5%;
  }

  .xl-col-off-7-8 {
    margin-left: 87.5%;
  }

  .xl-col-off-1-9 {
    margin-left: 11.111111%;
  }

  .xl-col-off-2-9 {
    margin-left: 22.222222%;
  }

  .xl-col-off-4-9 {
    margin-left: 44.444444%;
  }

  .xl-col-off-5-9 {
    margin-left: 55.555556%;
  }

  .xl-col-off-7-9 {
    margin-left: 77.777778%;
  }

  .xl-col-off-8-9 {
    margin-left: 88.888889%;
  }

  .xl-col-off-1-10 {
    margin-left: 10%;
  }

  .xl-col-off-3-10 {
    margin-left: 30%;
  }

  .xl-col-off-7-10 {
    margin-left: 70%;
  }

  .xl-col-off-9-10 {
    margin-left: 90%;
  }

  .xl-col-off-1-11 {
    margin-left: 9.090909%;
  }

  .xl-col-off-2-11 {
    margin-left: 18.181818%;
  }

  .xl-col-off-3-11 {
    margin-left: 27.272727%;
  }

  .xl-col-off-4-11 {
    margin-left: 36.363636%;
  }

  .xl-col-off-5-11 {
    margin-left: 45.454545%;
  }

  .xl-col-off-6-11 {
    margin-left: 54.545455%;
  }

  .xl-col-off-7-11 {
    margin-left: 63.636364%;
  }

  .xl-col-off-8-11 {
    margin-left: 72.727273%;
  }

  .xl-col-off-9-11 {
    margin-left: 81.818182%;
  }

  .xl-col-off-10-11 {
    margin-left: 90.909091%;
  }

  .xl-col-off-1-12 {
    margin-left: 8.333333%;
  }

  .xl-col-off-5-12 {
    margin-left: 41.666667%;
  }

  .xl-col-off-7-12 {
    margin-left: 58.333333%;
  }

  .xl-col-off-11-12 {
    margin-left: 91.666667%;
  }
}