.wp-block-mstg-products-builder {
  &.mstg_products_grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    .mstg_single_product {
      text-align: center;
      margin: 0 10px 30px;
      padding: 15px;
      .product_photo {
        width: 100%;
        height: auto;
        line-height: 0;
        margin: 30px 0;
      }

      // .product_photo img {
      //   width: 100%;
      //   height: 100%;
      //   object-fit: cover;
      // }

      .product_title,
      .product_name {
        margin: 0 0 15px;
        font-weight: 700;
      }
      .product_btns a {
          display: block;
          text-decoration: none !important;
          margin-bottom: 5px;
          padding: 5px 10px;
          transition: 0.3s;
          font-weight: 500;
      }
      
      .product_btns a:hover {
          opacity: 0.85;
      }
    }
  }
}

// // Reponsive Layout

// // Small Device
@media screen and (max-width: 767px) {
  .wp-block-mstg-products-builder {
    &.mstg_products_grid {
      @for $i from 1 through 5 {
        &.mcols-#{$i} {
          .wp-block-mstg-product-item {
            width: calc(100% /#{$i} - 20px);
          }
        }
      }
    }
  }
}
// Medium devices (tablets, 768px and up)
@media (min-width: 768px) and (max-width: 1024px) {
  .wp-block-mstg-products-builder {
    &.mstg_products_grid {
      @for $i from 1 through 5 {
        &.tcols-#{$i} {
          .wp-block-mstg-product-item {
            width: calc(100% /#{$i} - 20px);
          }
        }
      }
    }
  }
}

// Large devices (desktops, 992px and up)
@media (min-width: 1025px) {
  .wp-block-mstg-products-builder {
    &.mstg_products_grid {
      @for $i from 1 through 5 {
        &.dcols-#{$i} {
          .wp-block-mstg-product-item {
            width: calc(100% /#{$i} - 20px);
          }
        }
      }
    }
  }
}