<div class="porto-block">
  <style>
    @media (min-width: 1440px) {
      .home-mid-banner {
        margin-top: 40px !important;
      }
    }
    .porto-ibanner-layer {
      position: absolute;
    }
    .coupon-sale-text {
      transform: none;
    }
    .coupon-sale-text b {
      display: inline-block;
      position: relative;
      color: #fff;
      margin-right: 1em;
      padding: 0;
      font-size: inherit;
    }
    .coupon-sale-text b:before {
      content: '';
      position: absolute;
      left: -.5em;
      top: -.1em;
      right: -.5em;
      bottom: -.1em;
      background: #222529;
      z-index: -1;
      transform: rotate(
        -1.5deg
      ) skew(
        1.5deg
      );
    }
    .porto-ibanner-layer .btn-flat.btn-xl {
      font-size: 1.125em;
    }
  </style>
  <div class="no-padding porto-inner-container">
    <div class="container">
      <div class="row">
        <div class="col-md-12">
          <div class="wpb_wrapper vc_column-inner">
            <div class="porto-ibanner home-mid-banner mb-0" style="background: #f4f4f4; min-height: 200px; margin-top: 20px;">
              <img src="{{media url=&quot;wysiwyg/smartwave/porto/category/banner/shop10_home_banner.jpg&quot;}}" />
              <div class="porto-ibanner-desc no-padding d-flex">
                <div class="porto-ibanner-layer text-right" style="width: 64%; left: 50%; top: 50%; transform: translate(-50%, -50%);">
                  <h4 style="font-size: 1.375em; line-height: 1;" class="vc_custom_heading mb-0 custom-font4 align-right heading-secondary">Sunglasses, Bags, Dresses and much more...</h4>
                  <h3 style="font-size: 1.85em; line-height: 1.5; letter-spacing: -0.02em;" class="vc_custom_heading coupon-sale-text my-2 align-right"><b>BIG SALE</b> ALL NEW FASHION BRANDS ITEMS UP TO 70% OFF</h3>
                  <div class="btn-container mb-0 text-right">
                    <button class="btn btn-flat btn-xl btn-light">SHOP NOW <i style="padding-left: 7px;" class="fas fa-chevron-right"></i></button>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
