/*
	grid breakpoints
*/
/* xs */
@media screen and (min-width: 1px) and (max-width: 767px) {
  .style-4col.card-grid[data-columns]::before {
    content: '1 .col-xs-12';
  }
}
/* sm */
@media screen and (min-width: 768px) and (max-width: 991px) {
  .style-4col.card-grid[data-columns]::before {
    content: '3 .col-sm-4';
  }
}
/* md */
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .style-4col.card-grid[data-columns]::before {
    content: '4 .col-md-3';
  }
}
/* lg */
@media screen and (min-width: 1200px) and (max-width: 9999px) {
  .style-4col.card-grid[data-columns]::before {
    content: '4 .col-lg-3';
  }
}