.banner-wr {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 53px;
}
.banner-wr .product-banner {
    position: relative;
	max-width: calc(25% - 30px);
	margin: 0 15px; 
    padding-bottom: 31px;
	border-radius: 5px;
	background-color: #fff;
    -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.15);
       -moz-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.15);
            box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.15);
}
.banner-wr .product-banner:before {
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  z-index: -1;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  content: '';
  opacity: 0;
  -webkit-box-shadow: 0px 15px 26px 0px rgba(25, 29, 42, 0.1);
     -moz-box-shadow: 0px 15px 26px 0px rgba(25, 29, 42, 0.1);
          box-shadow: 0px 15px 26px 0px rgba(25, 29, 42, 0.1);
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
}
.banner-wr .product-banner:hover:before { opacity: 1; }
.banner-wr .product-banner img {
  display: block;
  height: auto;
  max-width: 100%;
  margin: auto;
}
.banner-wr .product-banner .banner-text-bl {
  min-height: 176px;
  margin: auto;
  padding: 36px 15px 0;
  text-align: center;
}
.banner-wr .product-banner .banner-text-bl h3 {
  margin-bottom: 14px;
  font-weight: 500;
  color: #191d2a;
  text-transform: capitalize;
}
.banner-wr .product-banner .banner-text-bl p {
  margin-bottom: 6px;
  font-weight: 300;
  color: #bdbdbd;
}
.banner-wr .product-banner object { 
  display: block; 
  margin-top: 3px;
  font-weight: 500;
  font-size: 11px;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 1199px) {
  .banner-wr .product-banner {
	max-width: calc(50% - 30px);
	width: calc(50% - 30px);
    margin-bottom: 20px;
  }
}
@media (max-width: 600px) {
  .banner-wr .product-banner {
	max-width: calc(100% - 30px);
    width: calc(100% - 30px);
  }
}