.pair {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.pair-block {
  padding-top: 1.5rem;
}
.pair-block .d-flex {
  margin-left: -6px;
  margin-right: -6px;
  row-gap: 0.75rem;
}
.pair-block .bx {
  padding-left: 6px;
  padding-right: 6px;
  flex: 0 0 100%;
  max-width: 100%;
}

@media (min-width: 360px) {
  .pair-block .bx {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (min-width: 576px) {
  .pair-block .bx {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
}
@media (min-width: 768px) {
  .pair {
    padding-top: 1.875rem;
    padding-bottom: 2.5rem;
  }
  .pair-block .d-flex {
    margin-left: -0.625rem;
    margin-right: -0.625rem;
    row-gap: 1.25rem;
  }
  .pair-block .bx {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    flex: 0 0 25%;
    max-width: 25%;
  }
}
@media (min-width: 860px) {
  .pair-block .bx {
    flex: 0 0 20%;
    max-width: 20%;
  }
}
@media (min-width: 992px) {
  .pair-block .bx {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
}/*# sourceMappingURL=pair.css.map */