.banner-wr {
    width: 100%;
    display:flex ;
    
    justify-content: space-between;
    margin: 0px 0px 0px -11px;
    margin-bottom: 80px;
}

@media (max-width: 480px) {
  .banner-wr { width: 100%;
    display: block;
    
    justify-content: space-between;
    margin: 0px 0px 0px -15px;
    margin-bottom: 80px;}
}


.banner-wr .product-banner {
    position: relative;
    background-color: #f8f9fc;
    overflow: hidden;
}
.banner-wr .product-banner img {
    height: auto;
    max-width: 100%;
}
.banner-wr .product-banner > a {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
}
.banner-wr .product-banner .banner-text-bl {
    position: absolute;
    right: 0;
    margin: auto;
    text-align: center;
    text-transform: uppercase;
    z-index: 2;
}
@media (max-width: 1200px) {
    .banner-wr .product-banner {
       margin-right: auto;
       margin-left: auto;
       margin-bottom: 20px;
    }
}
@media (max-width: 480px) {
    .banner-wr .product-banner .banner-text-bl p { margin-bottom: 15px; background: #00000075;}
}