@media (max-width: 1023px) {
  .ids-desktop,
  .ids-desktop-only {
    display: none !important;
  }
}

@media (min-width: 1024px) {
  .ids-mobile,
  .ids-mobile-only {
    display: none !important;
  }
}

@media (max-width: 639px), (min-width: 1024px) {
  .ids-tablet-only {
    display: none !important;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .ids-tablet-hide {
    display: none !important;
  }
}

@media (max-width: 1023px), (min-width: 1280px) {
  .ids-desktop-small-only {
    display: none !important;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .ids-desktop-small-hide {
    display: none !important;
  }
}

@media (max-width: 1279px), (min-width: 1440px) {
  .ids-desktop-medium-only {
    display: none !important;
  }
}

@media (min-width: 1280px) and (max-width: 1439px) {
  .ids-desktop-medium-hide {
    display: none !important;
  }
}

@media (max-width: 1279px) {
  .ids-desktop-medium-up {
    display: none !important;
  }
}

@media (max-width: 1439px) {
  .ids-desktop-large-up {
    display: none !important;
  }
}

@media (max-width: 1919px) {
  .ids-desktop-extra-large-up {
    display: none !important;
  }
}

.ids-grid-row {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  width: 100%;
  gap: 1rem;
}
@media (min-width: 1024px) {
  .ids-grid-row {
    gap: 1.5rem;
  }
}
.ids-grid-row.ids-grid-row--no-gap {
  gap: 0 !important;
}
.ids-grid-row > * {
  min-width: 0;
}
.ids-grid-row.ids-grid-row--align-start {
  align-items: start;
}
.ids-grid-row.ids-grid-row--align-center {
  align-items: center;
}
.ids-grid-row.ids-grid-row--align-end {
  align-items: end;
}
.ids-grid-row.ids-grid-row--align-baseline {
  align-items: baseline;
}
.ids-grid-row.ids-grid-row--align-stretch {
  align-items: stretch;
}
.ids-grid-row.ids-grid-row--justify-start {
  justify-content: start;
}
.ids-grid-row.ids-grid-row--justify-center {
  justify-content: center;
}
.ids-grid-row.ids-grid-row--justify-end {
  justify-content: end;
}