.cols-d-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
.cols-d-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.cols-d-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.cols-d-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }

@media (max-width: 1899.98px) {
  .cols-d-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 1199.98px) {
  .cols-d-2 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
  .cols-d-3 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
  .cols-d-4 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 991.98px) {
  .cols-d-4 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
  .cols-d-3 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
  .cols-d-2 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
}