.coupon-tile-main {width: 100%; float: left; margin-top: 20px; display: flex; flex-wrap: wrap; gap: 24px;}
.coupon-tile {width: calc(25% - 20px); padding: 15px; border: 1px solid #ccc; border-radius: 4px;}
.coupon-tile h4, .coupon-tile span.highlight { color: #a22; }
.coupon-tile .img-container {height: auto; width: 100%;}
.coupon-tile .thumbnail {padding: 0; border: 0; width: 100%; float: left; height: auto;}
.coupon-tile .coupon-table { width: 100%; float: left;font-family: "poppinsregular"; margin: 20px 0 12px 0; }
.coupon-table .coupon-table-sub {width: 100%; float: left; margin-top: 10px;}
.coupon-date {width: auto; float: right; font-size: 10px; padding-top: 5px;}
.coupon-heading {width: calc(100% - 120px); float: left; font-size: 16px; font-weight: bold; padding-right: 6px;}
.coupon-offer {width: 100%; float: left; font-size: 16px; text-align: center; font-weight: bold;}
.coupon-description {width: 100%; float: left; margin: 0; padding-top: 4px; font-size: 14px;}
.no-coupons-container-main {width: 100%; float: left;}
.no-coupons-container { width: 25%; margin: 0 auto;}
.no-coupons-div { width: 100%; float: left; margin: 20px 0 0; }
.no-coupons-div img { width: 100%; max-width: 350px; display: block; margin: 0 auto; float: none; }

@media screen and (max-width: 1199px) and (min-width: 992px) {
  .coupon-tile {width: 33.3%;}
}

@media screen and (max-width: 991px) and (min-width: 768px) {
  .coupon-heading {width: 100%;}
  .coupon-date {width: 100%; float: left;}
  .coupon-table .coupon-table-sub {margin-bottom: 8px;}
  .coupon-tile {width: 33.3%;}
}

@media only screen and (max-width: 767.5px) {
    .no-coupons-container { width: 100%; margin: 0 auto 10px auto; max-width: 300px; }
}

@media screen and (max-width: 767.5px) and (min-width: 551px) {
  .coupon-tile {width: 50%;}
  .coupon-heading {width: 100%;}
  .coupon-date {width: 100%; float: left;}
  .coupon-table .coupon-table-sub {margin-bottom: 8px;}
}

@media screen and (max-width: 550px) {
  .coupon-tile {width: 100%;}
  .coupon-date {width: 100%;}
  .coupon-heading {width: 100%; margin-bottom: 2px;}
  .coupon-table .coupon-table-sub {margin-bottom: 8px;}
}