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

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

.ids-col {
  display: block;
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
.ids-col.ids-col--auto {
  flex: 0 0 auto;
  width: auto;
}
.ids-col.ids-col--1 {
  flex: 0 0 8.3%;
  max-width: 8.3%;
}
.ids-col.ids-col--2 {
  flex: 0 0 16%;
  max-width: 16%;
}
.ids-col.ids-col--3 {
  flex: 0 0 25%;
  max-width: 25%;
}
.ids-col.ids-col--4 {
  flex: 0 0 33.3%;
  max-width: 33.3%;
  grid-column: span 4;
}
.ids-col.ids-col--5 {
  flex: 0 0 41.6%;
  max-width: 41.6%;
  grid-column: span 5;
}
.ids-col.ids-col--6 {
  flex: 0 0 50%;
  max-width: 50%;
}
.ids-col.ids-col--7 {
  flex: 0 0 58%;
  max-width: 58.3%;
}
.ids-col.ids-col--8 {
  flex: 0 0 66.6%;
  max-width: 66.6%;
}
.ids-col.ids-col--9 {
  flex: 0 0 75%;
  max-width: 75%;
  grid-column: span 9;
}
.ids-col.ids-col--10 {
  flex: 0 0 83.3%;
  max-width: 83.3%;
  grid-column: span 10;
}
.ids-col.ids-col--11 {
  flex: 0 0 91.6%;
  max-width: 91.6%;
  grid-column: span 11;
}
.ids-col.ids-col--12 {
  flex: 0 0 100%;
  max-width: 100%;
  grid-column: span 12;
}
.ids-col.ids-col--offset-none {
  margin-left: 0%;
}
.ids-col.ids-col--offset-1 {
  margin-left: 8.3%;
}
.ids-col.ids-col--offset-2 {
  margin-left: 16%;
}
.ids-col.ids-col--offset-3 {
  margin-left: 25%;
}
.ids-col.ids-col--offset-4 {
  margin-left: 33.3%;
}
.ids-col.ids-col--offset-5 {
  margin-left: 41.6%;
}
.ids-col.ids-col--offset-6 {
  margin-left: 50%;
}
.ids-col.ids-col--offset-7 {
  margin-left: 58.3%;
}
.ids-col.ids-col--offset-8 {
  margin-left: 66.6%;
}
.ids-col.ids-col--offset-9 {
  margin-left: 75%;
}
.ids-col.ids-col--offset-10 {
  margin-left: 83.3%;
}
.ids-col.ids-col--offset-11 {
  margin-left: 91.6%;
}
.ids-col.ids-col--offset-12 {
  margin-left: 100%;
}
.ids-col.ids-col--align-start {
  align-self: start;
}
.ids-col.ids-col--align-center {
  align-self: center;
}
.ids-col.ids-col--align-end {
  align-self: end;
}
.ids-col.ids-col--align-auto {
  align-self: auto;
}
.ids-col.ids-col--align-baseline {
  align-self: baseline;
}
.ids-col.ids-col--align-stretch {
  align-self: stretch;
}
.ids-col.ids-col--grid {
  max-width: none !important;
}
.ids-col.ids-col--grid.ids-col--1 {
  grid-column: span 1;
}
.ids-col.ids-col--grid.ids-col--2 {
  grid-column: span 2;
}
.ids-col.ids-col--grid.ids-col--3 {
  grid-column: span 3;
}
.ids-col.ids-col--grid.ids-col--4 {
  grid-column: span 4;
}
.ids-col.ids-col--grid.ids-col--5 {
  grid-column: span 5;
}
.ids-col.ids-col--grid.ids-col--6 {
  grid-column: span 6;
}
.ids-col.ids-col--grid.ids-col--7 {
  grid-column: span 7;
}
.ids-col.ids-col--grid.ids-col--8 {
  grid-column: span 8;
}
.ids-col.ids-col--grid.ids-col--9 {
  grid-column: span 9;
}
.ids-col.ids-col--grid.ids-col--10 {
  grid-column: span 10;
}
.ids-col.ids-col--grid.ids-col--11 {
  grid-column: span 11;
}
.ids-col.ids-col--grid.ids-col--12 {
  grid-column: span 12;
}
@media only screen and (max-width: 1024px) {
  .ids-col.ids-col--m-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .ids-col.ids-col--m-1 {
    flex: 0 0 8.3%;
    max-width: 8.3%;
  }
  .ids-col.ids-col--m-2 {
    flex: 0 0 16%;
    max-width: 16%;
  }
  .ids-col.ids-col--m-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .ids-col.ids-col--m-4 {
    flex: 0 0 33.3%;
    max-width: 33.3%;
  }
  .ids-col.ids-col--m-5 {
    flex: 0 0 41.6%;
    max-width: 41.6%;
  }
  .ids-col.ids-col--m-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .ids-col.ids-col--m-7 {
    flex: 0 0 58%;
    max-width: 58.3%;
  }
  .ids-col.ids-col--m-8 {
    flex: 0 0 66.6%;
    max-width: 66.6%;
  }
  .ids-col.ids-col--m-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .ids-col.ids-col--m-10 {
    flex: 0 0 83.3%;
    max-width: 83.3%;
  }
  .ids-col.ids-col--m-11 {
    flex: 0 0 91.6%;
    max-width: 91.6%;
  }
  .ids-col.ids-col--m-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .ids-col.ids-col--m-offset-none {
    margin-left: 0%;
  }
  .ids-col.ids-col--m-offset-1 {
    margin-left: 8.3%;
  }
  .ids-col.ids-col--m-offset-2 {
    margin-left: 16%;
  }
  .ids-col.ids-col--m-offset-3 {
    margin-left: 25%;
  }
  .ids-col.ids-col--m-offset-4 {
    margin-left: 33.3%;
  }
  .ids-col.ids-col--m-offset-5 {
    margin-left: 41.6%;
  }
  .ids-col.ids-col--m-offset-6 {
    margin-left: 50%;
  }
  .ids-col.ids-col--m-offset-7 {
    margin-left: 58.3%;
  }
  .ids-col.ids-col--m-offset-8 {
    margin-left: 66.6%;
  }
  .ids-col.ids-col--m-offset-9 {
    margin-left: 75%;
  }
  .ids-col.ids-col--m-offset-10 {
    margin-left: 83.3%;
  }
  .ids-col.ids-col--m-offset-11 {
    margin-left: 91.6%;
  }
  .ids-col.ids-col--m-offset-12 {
    margin-left: 100%;
  }
  .ids-col.ids-col--grid.ids-col--m-1 {
    grid-column: span 1;
  }
  .ids-col.ids-col--grid.ids-col--m-2 {
    grid-column: span 2;
  }
  .ids-col.ids-col--grid.ids-col--m-3 {
    grid-column: span 3;
  }
  .ids-col.ids-col--grid.ids-col--m-4 {
    grid-column: span 4;
  }
  .ids-col.ids-col--grid.ids-col--m-5 {
    grid-column: span 5;
  }
  .ids-col.ids-col--grid.ids-col--m-6 {
    grid-column: span 6;
  }
  .ids-col.ids-col--grid.ids-col--m-7 {
    grid-column: span 7;
  }
  .ids-col.ids-col--grid.ids-col--m-8 {
    grid-column: span 8;
  }
  .ids-col.ids-col--grid.ids-col--m-9 {
    grid-column: span 9;
  }
  .ids-col.ids-col--grid.ids-col--m-10 {
    grid-column: span 10;
  }
  .ids-col.ids-col--grid.ids-col--m-11 {
    grid-column: span 11;
  }
  .ids-col.ids-col--grid.ids-col--m-12 {
    grid-column: span 12;
  }
}
@media only screen and (max-width: 640px) {
  .ids-col.ids-col--s-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .ids-col.ids-col--s-1 {
    flex: 0 0 8.3%;
    max-width: 8.3%;
  }
  .ids-col.ids-col--s-2 {
    flex: 0 0 16%;
    max-width: 16%;
  }
  .ids-col.ids-col--s-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .ids-col.ids-col--s-4 {
    flex: 0 0 33.3%;
    max-width: 33.3%;
  }
  .ids-col.ids-col--s-5 {
    flex: 0 0 41.6%;
    max-width: 41.6%;
  }
  .ids-col.ids-col--s-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .ids-col.ids-col--s-7 {
    flex: 0 0 58%;
    max-width: 58.3%;
  }
  .ids-col.ids-col--s-8 {
    flex: 0 0 66.6%;
    max-width: 66.6%;
  }
  .ids-col.ids-col--s-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .ids-col.ids-col--s-10 {
    flex: 0 0 83.3%;
    max-width: 83.3%;
  }
  .ids-col.ids-col--s-11 {
    flex: 0 0 91.6%;
    max-width: 91.6%;
  }
  .ids-col.ids-col--s-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .ids-col.ids-col--s-offset-none {
    margin-left: 0%;
  }
  .ids-col.ids-col--s-offset-1 {
    margin-left: 8.3%;
  }
  .ids-col.ids-col--s-offset-2 {
    margin-left: 16%;
  }
  .ids-col.ids-col--s-offset-3 {
    margin-left: 25%;
  }
  .ids-col.ids-col--s-offset-4 {
    margin-left: 33.3%;
  }
  .ids-col.ids-col--s-offset-5 {
    margin-left: 41.6%;
  }
  .ids-col.ids-col--s-offset-6 {
    margin-left: 50%;
  }
  .ids-col.ids-col--s-offset-7 {
    margin-left: 58.3%;
  }
  .ids-col.ids-col--s-offset-8 {
    margin-left: 66.6%;
  }
  .ids-col.ids-col--s-offset-9 {
    margin-left: 75%;
  }
  .ids-col.ids-col--s-offset-10 {
    margin-left: 83.3%;
  }
  .ids-col.ids-col--s-offset-11 {
    margin-left: 91.6%;
  }
  .ids-col.ids-col--s-offset-12 {
    margin-left: 100%;
  }
  .ids-col.ids-col--grid.ids-col--s-1 {
    grid-column: span 1;
  }
  .ids-col.ids-col--grid.ids-col--s-2 {
    grid-column: span 2;
  }
  .ids-col.ids-col--grid.ids-col--s-3 {
    grid-column: span 3;
  }
  .ids-col.ids-col--grid.ids-col--s-4 {
    grid-column: span 4;
  }
  .ids-col.ids-col--grid.ids-col--s-5 {
    grid-column: span 5;
  }
  .ids-col.ids-col--grid.ids-col--s-6 {
    grid-column: span 6;
  }
  .ids-col.ids-col--grid.ids-col--s-7 {
    grid-column: span 7;
  }
  .ids-col.ids-col--grid.ids-col--s-8 {
    grid-column: span 8;
  }
  .ids-col.ids-col--grid.ids-col--s-9 {
    grid-column: span 9;
  }
  .ids-col.ids-col--grid.ids-col--s-10 {
    grid-column: span 10;
  }
  .ids-col.ids-col--grid.ids-col--s-11 {
    grid-column: span 11;
  }
  .ids-col.ids-col--grid.ids-col--s-12 {
    grid-column: span 12;
  }
}