.xs-grid-1-up > *,
.xs-grid-2-up > *,
.xs-grid-3-up > *,
.xs-grid-4-up > *,
.xs-grid-5-up > *,
.xs-grid-6-up > *,
.sm-grid-1-up > *,
.sm-grid-2-up > *,
.sm-grid-3-up > *,
.sm-grid-4-up > *,
.sm-grid-5-up > *,
.sm-grid-6-up > *,
.md-grid-1-up > *,
.md-grid-2-up > *,
.md-grid-3-up > *,
.md-grid-4-up > *,
.md-grid-5-up > *,
.md-grid-6-up > *,
.lg-grid-1-up > *,
.lg-grid-2-up > *,
.lg-grid-3-up > *,
.lg-grid-4-up > *,
.lg-grid-5-up > *,
.lg-grid-6-up > *,
.xl-grid-1-up > *,
.xl-grid-2-up > *,
.xl-grid-3-up > *,
.xl-grid-4-up > *,
.xl-grid-5-up > *,
.xl-grid-6-up > * {
  margin: 0;
  padding: 7.5px;
  box-sizing: border-box;
}

.xs-grid-1-up:before, .xs-grid-1-up:after,
.xs-grid-2-up:before,
.xs-grid-2-up:after,
.xs-grid-3-up:before,
.xs-grid-3-up:after,
.xs-grid-4-up:before,
.xs-grid-4-up:after,
.xs-grid-5-up:before,
.xs-grid-5-up:after,
.xs-grid-6-up:before,
.xs-grid-6-up:after,
.sm-grid-1-up:before,
.sm-grid-1-up:after,
.sm-grid-2-up:before,
.sm-grid-2-up:after,
.sm-grid-3-up:before,
.sm-grid-3-up:after,
.sm-grid-4-up:before,
.sm-grid-4-up:after,
.sm-grid-5-up:before,
.sm-grid-5-up:after,
.sm-grid-6-up:before,
.sm-grid-6-up:after,
.md-grid-1-up:before,
.md-grid-1-up:after,
.md-grid-2-up:before,
.md-grid-2-up:after,
.md-grid-3-up:before,
.md-grid-3-up:after,
.md-grid-4-up:before,
.md-grid-4-up:after,
.md-grid-5-up:before,
.md-grid-5-up:after,
.md-grid-6-up:before,
.md-grid-6-up:after,
.lg-grid-1-up:before,
.lg-grid-1-up:after,
.lg-grid-2-up:before,
.lg-grid-2-up:after,
.lg-grid-3-up:before,
.lg-grid-3-up:after,
.lg-grid-4-up:before,
.lg-grid-4-up:after,
.lg-grid-5-up:before,
.lg-grid-5-up:after,
.lg-grid-6-up:before,
.lg-grid-6-up:after,
.xl-grid-1-up:before,
.xl-grid-1-up:after,
.xl-grid-2-up:before,
.xl-grid-2-up:after,
.xl-grid-3-up:before,
.xl-grid-3-up:after,
.xl-grid-4-up:before,
.xl-grid-4-up:after,
.xl-grid-5-up:before,
.xl-grid-5-up:after,
.xl-grid-6-up:before,
.xl-grid-6-up:after {
  display: table;
  content: "";
}
.xs-grid-1-up:after,
.xs-grid-2-up:after,
.xs-grid-3-up:after,
.xs-grid-4-up:after,
.xs-grid-5-up:after,
.xs-grid-6-up:after,
.sm-grid-1-up:after,
.sm-grid-2-up:after,
.sm-grid-3-up:after,
.sm-grid-4-up:after,
.sm-grid-5-up:after,
.sm-grid-6-up:after,
.md-grid-1-up:after,
.md-grid-2-up:after,
.md-grid-3-up:after,
.md-grid-4-up:after,
.md-grid-5-up:after,
.md-grid-6-up:after,
.lg-grid-1-up:after,
.lg-grid-2-up:after,
.lg-grid-3-up:after,
.lg-grid-4-up:after,
.lg-grid-5-up:after,
.lg-grid-6-up:after,
.xl-grid-1-up:after,
.xl-grid-2-up:after,
.xl-grid-3-up:after,
.xl-grid-4-up:after,
.xl-grid-5-up:after,
.xl-grid-6-up:after {
  clear: both;
}

.xs-grid-1-up > *,
.xs-grid-2-up > *,
.xs-grid-3-up > *,
.xs-grid-4-up > *,
.xs-grid-5-up > *,
.xs-grid-6-up > *,
.sm-grid-1-up > *,
.sm-grid-2-up > *,
.sm-grid-3-up > *,
.sm-grid-4-up > *,
.sm-grid-5-up > *,
.sm-grid-6-up > *,
.md-grid-1-up > *,
.md-grid-2-up > *,
.md-grid-3-up > *,
.md-grid-4-up > *,
.md-grid-5-up > *,
.md-grid-6-up > *,
.lg-grid-1-up > *,
.lg-grid-2-up > *,
.lg-grid-3-up > *,
.lg-grid-4-up > *,
.lg-grid-5-up > *,
.lg-grid-6-up > *,
.xl-grid-1-up > *,
.xl-grid-2-up > *,
.xl-grid-3-up > *,
.xl-grid-4-up > *,
.xl-grid-5-up > *,
.xl-grid-6-up > * {
  float: left;
}

.xs-grid-1-up > * {
  width: 100%;
}

.xs-grid-2-up > * {
  width: 50%;
}

.xs-grid-3-up > * {
  width: 33.333%;
}

.xs-grid-4-up > * {
  width: 25%;
}

.xs-grid-5-up > * {
  width: 20%;
}

.xs-grid-6-up > * {
  width: 16.6666666%;
}

@media (min-width: 576px) {
  .sm-grid-1-up > * {
    width: 100%;
  }

  .sm-grid-2-up > * {
    width: 50%;
  }

  .sm-grid-3-up > * {
    width: 33.333%;
  }

  .sm-grid-4-up > * {
    width: 25%;
  }

  .sm-grid-5-up > * {
    width: 20%;
  }

  .sm-grid-6-up > * {
    width: 16.6666666%;
  }
}
@media (min-width: 768px) {
  .md-grid-1-up > * {
    width: 100%;
  }

  .md-grid-2-up > * {
    width: 50%;
  }

  .md-grid-3-up > * {
    width: 33.333%;
  }

  .md-grid-4-up > * {
    width: 25%;
  }

  .md-grid-5-up > * {
    width: 20%;
  }

  .md-grid-6-up > * {
    width: 16.6666666%;
  }
}
@media (min-width: 992px) {
  .lg-grid-1-up > * {
    width: 100%;
  }

  .lg-grid-2-up > * {
    width: 50%;
  }

  .lg-grid-3-up > * {
    width: 33.333%;
  }

  .lg-grid-4-up > * {
    width: 25%;
  }

  .lg-grid-5-up > * {
    width: 20%;
  }

  .lg-grid-6-up > * {
    width: 16.6666666%;
  }
}
@media (min-width: 1200px) {
  .xl-grid-1-up > * {
    width: 100%;
  }

  .xl-grid-2-up > * {
    width: 50%;
  }

  .xl-grid-3-up > * {
    width: 33.333%;
  }

  .xl-grid-4-up > * {
    width: 25%;
  }

  .xl-grid-5-up > * {
    width: 20%;
  }

  .xl-grid-6-up > * {
    width: 16.6666666%;
  }
}
/*if browser supports flexbox*/
.xs-grid-1-up,
.xs-grid-2-up,
.xs-grid-3-up,
.xs-grid-4-up,
.xs-grid-5-up,
.xs-grid-6-up,
.sm-grid-1-up,
.sm-grid-2-up,
.sm-grid-3-up,
.sm-grid-4-up,
.sm-grid-5-up,
.sm-grid-6-up,
.md-grid-1-up,
.md-grid-2-up,
.md-grid-3-up,
.md-grid-4-up,
.md-grid-5-up,
.md-grid-6-up,
.lg-grid-1-up,
.lg-grid-2-up,
.lg-grid-3-up,
.lg-grid-4-up,
.lg-grid-5-up,
.lg-grid-6-up,
.xl-grid-1-up,
.xl-grid-2-up,
.xl-grid-3-up,
.xl-grid-4-up,
.xl-grid-5-up,
.xl-grid-6-up {
  display: flex;
  flex-flow: row wrap;
}
.xs-grid-1-up:before, .xs-grid-1-up:after,
.xs-grid-2-up:before,
.xs-grid-2-up:after,
.xs-grid-3-up:before,
.xs-grid-3-up:after,
.xs-grid-4-up:before,
.xs-grid-4-up:after,
.xs-grid-5-up:before,
.xs-grid-5-up:after,
.xs-grid-6-up:before,
.xs-grid-6-up:after,
.sm-grid-1-up:before,
.sm-grid-1-up:after,
.sm-grid-2-up:before,
.sm-grid-2-up:after,
.sm-grid-3-up:before,
.sm-grid-3-up:after,
.sm-grid-4-up:before,
.sm-grid-4-up:after,
.sm-grid-5-up:before,
.sm-grid-5-up:after,
.sm-grid-6-up:before,
.sm-grid-6-up:after,
.md-grid-1-up:before,
.md-grid-1-up:after,
.md-grid-2-up:before,
.md-grid-2-up:after,
.md-grid-3-up:before,
.md-grid-3-up:after,
.md-grid-4-up:before,
.md-grid-4-up:after,
.md-grid-5-up:before,
.md-grid-5-up:after,
.md-grid-6-up:before,
.md-grid-6-up:after,
.lg-grid-1-up:before,
.lg-grid-1-up:after,
.lg-grid-2-up:before,
.lg-grid-2-up:after,
.lg-grid-3-up:before,
.lg-grid-3-up:after,
.lg-grid-4-up:before,
.lg-grid-4-up:after,
.lg-grid-5-up:before,
.lg-grid-5-up:after,
.lg-grid-6-up:before,
.lg-grid-6-up:after,
.xl-grid-1-up:before,
.xl-grid-1-up:after,
.xl-grid-2-up:before,
.xl-grid-2-up:after,
.xl-grid-3-up:before,
.xl-grid-3-up:after,
.xl-grid-4-up:before,
.xl-grid-4-up:after,
.xl-grid-5-up:before,
.xl-grid-5-up:after,
.xl-grid-6-up:before,
.xl-grid-6-up:after {
  display: none;
}

.xs-grid-1-up > * {
  flex: 0 0 100%;
}

.xs-grid-2-up > * {
  flex: 0 0 50%;
}

.xs-grid-3-up > * {
  flex: 0 0 33.333%;
}

.xs-grid-4-up > * {
  flex: 0 0 25%;
}

.xs-grid-5-up > * {
  flex: 0 0 20%;
}

.xs-grid-6-up > * {
  flex: 0 0 16.6666666%;
}

@media (min-width: 576px) {
  .sm-grid-1-up > * {
    flex: 0 0 100%;
  }

  .sm-grid-2-up > * {
    flex: 0 0 50%;
  }

  .sm-grid-3-up > * {
    flex: 0 0 33.333%;
  }

  .sm-grid-4-up > * {
    flex: 0 0 25%;
  }

  .sm-grid-5-up > * {
    flex: 0 0 20%;
  }

  .sm-grid-6-up > * {
    flex: 0 0 16.6666666%;
  }
}
@media (min-width: 768px) {
  .md-grid-1-up > * {
    flex: 0 0 100%;
  }

  .md-grid-2-up > * {
    flex: 0 0 50%;
  }

  .md-grid-3-up > * {
    flex: 0 0 33.333%;
  }

  .md-grid-4-up > * {
    flex: 0 0 25%;
  }

  .md-grid-5-up > * {
    flex: 0 0 20%;
  }

  .md-grid-6-up > * {
    flex: 0 0 16.6666666%;
  }
}
@media (min-width: 992px) {
  .lg-grid-1-up > * {
    flex: 0 0 100%;
  }

  .lg-grid-2-up > * {
    flex: 0 0 50%;
  }

  .lg-grid-3-up > * {
    flex: 0 0 33.333%;
  }

  .lg-grid-4-up > * {
    flex: 0 0 25%;
  }

  .lg-grid-5-up > * {
    flex: 0 0 20%;
  }

  .lg-grid-6-up > * {
    flex: 0 0 16.6666666%;
  }
}
@media (min-width: 1200px) {
  .xl-grid-1-up > * {
    flex: 0 0 100%;
  }

  .xl-grid-2-up > * {
    flex: 0 0 50%;
  }

  .xl-grid-3-up > * {
    flex: 0 0 33.333%;
  }

  .xl-grid-4-up > * {
    flex: 0 0 25%;
  }

  .xl-grid-5-up > * {
    flex: 0 0 20%;
  }

  .xl-grid-6-up > * {
    flex: 0 0 16.6666666%;
  }
}
@supports (display: grid) {
  .xs-grid-1-up > *,
  .xs-grid-2-up > *,
  .xs-grid-3-up > *,
  .xs-grid-4-up > *,
  .xs-grid-5-up > *,
  .xs-grid-6-up > *,
  .sm-grid-1-up > *,
  .sm-grid-2-up > *,
  .sm-grid-3-up > *,
  .sm-grid-4-up > *,
  .sm-grid-5-up > *,
  .sm-grid-6-up > *,
  .md-grid-1-up > *,
  .md-grid-2-up > *,
  .md-grid-3-up > *,
  .md-grid-4-up > *,
  .md-grid-5-up > *,
  .md-grid-6-up > *,
  .lg-grid-1-up > *,
  .lg-grid-2-up > *,
  .lg-grid-3-up > *,
  .lg-grid-4-up > *,
  .lg-grid-5-up > *,
  .lg-grid-6-up > *,
  .xl-grid-1-up > *,
  .xl-grid-2-up > *,
  .xl-grid-3-up > *,
  .xl-grid-4-up > *,
  .xl-grid-5-up > *,
  .xl-grid-6-up > * {
    margin: 0;
    width: auto;
    padding: 0;
  }

  .xs-grid-1-up,
  .xs-grid-2-up,
  .xs-grid-3-up,
  .xs-grid-4-up,
  .xs-grid-5-up,
  .xs-grid-6-up,
  .sm-grid-1-up,
  .sm-grid-2-up,
  .sm-grid-3-up,
  .sm-grid-4-up,
  .sm-grid-5-up,
  .sm-grid-6-up,
  .md-grid-1-up,
  .md-grid-2-up,
  .md-grid-3-up,
  .md-grid-4-up,
  .md-grid-5-up,
  .md-grid-6-up,
  .lg-grid-1-up,
  .lg-grid-2-up,
  .lg-grid-3-up,
  .lg-grid-4-up,
  .lg-grid-5-up,
  .lg-grid-6-up,
  .xl-grid-1-up,
  .xl-grid-2-up,
  .xl-grid-3-up,
  .xl-grid-4-up,
  .xl-grid-5-up,
  .xl-grid-6-up {
    display: grid;
    grid-gap: 15px;
  }

  .xs-grid-1-up {
    grid-template-columns: 1fr;
  }

  .xs-grid-2-up {
    grid-template-columns: 1fr 1fr;
  }

  .xs-grid-3-up {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .xs-grid-4-up {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .xs-grid-5-up {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }

  .xs-grid-6-up {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  @media (min-width: 576px) {
    .sm-grid-1-up {
      grid-template-columns: 1fr;
    }

    .sm-grid-2-up {
      grid-template-columns: 1fr 1fr;
    }

    .sm-grid-3-up {
      grid-template-columns: 1fr 1fr 1fr;
    }

    .sm-grid-4-up {
      grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    .sm-grid-5-up {
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    }

    .sm-grid-6-up {
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    }
  }
  @media (min-width: 768px) {
    .md-grid-1-up {
      grid-template-columns: 1fr;
    }

    .md-grid-2-up {
      grid-template-columns: 1fr 1fr;
    }

    .md-grid-3-up {
      grid-template-columns: 1fr 1fr 1fr;
    }

    .md-grid-4-up {
      grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    .md-grid-5-up {
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    }

    .md-grid-6-up {
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    }
  }
  @media (min-width: 992px) {
    .lg-grid-1-up {
      grid-template-columns: 1fr;
    }

    .lg-grid-2-up {
      grid-template-columns: 1fr 1fr;
    }

    .lg-grid-3-up {
      grid-template-columns: 1fr 1fr 1fr;
    }

    .lg-grid-4-up {
      grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    .lg-grid-5-up {
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    }

    .lg-grid-6-up {
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    }
  }
  @media (min-width: 1200px) {
    .xl-grid-1-up {
      grid-template-columns: 1fr;
    }

    .xl-grid-2-up {
      grid-template-columns: 1fr 1fr;
    }

    .xl-grid-3-up {
      grid-template-columns: 1fr 1fr 1fr;
    }

    .xl-grid-4-up {
      grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    .xl-grid-5-up {
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    }

    .xl-grid-6-up {
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    }
  }
}