<div class="porto-block">
  <style>
    .ls-80 {
      letter-spacing: 0.08em;
    }
    body .shop-banner strong {
      font-size: 1.8em;
      vertical-align: text-top;
      font-weight: 700;
      line-height: 1;
    }
    .shop-banner .btn-modern {
      padding: 1.05em 2.95em;
      font-size: 0.9875rem;
    }
    .align-text-top {
      vertical-align: text-top!important;
    }
    @media (max-width: 575px) {
      body .shop-banner {
        font-size: 80%;
      }
    }
  </style>
  <div class="shop-banner"
    style="padding-top: 3.95rem;
           padding-bottom: 3.95rem;
           background-color: #ee3d43;
           background-position: center;
           background-repeat: no-repeat;
           background-size: cover;
           background-image: url('{{media url=&quot;wysiwyg/smartwave/porto/category/banner/shop13_shop_banner.jpg&quot;}}');">
    <div class="porto-wrap-container container">
      <div class="row">
        <div class="vc_column_container col-md-10 offset-xl-1 offset-lg-1 offset-md-1 offset-1">
          <div class="wpb_wrapper vc_column-inner">
            <h5 style="font-size: 1.3735em; color: rgba(255, 255, 255, 0.7); line-height: 1.4; font-weight: 500;" class="vc_custom_heading mb-2 ls-80 align-left text-uppercase">OVER 200 PRODUCTS WITH DISCOUNTS</h5>
            <h2 style="font-size: 4.7143em; color: #ffffff; line-height: 1; font-weight: 700;" class="vc_custom_heading mb-3 m-l-n-xs align-left text-uppercase">Great Deals</h2>
            <h3 style="font-size: 1.2em; color: #ffffff; line-height: 1; margin-right: 2.19rem;" class="vc_custom_heading d-inline-block align-left text-uppercase">starting at $<strong>299</strong>99</h3>
            <div class="btn-container align-text-top mb-0 d-inline-block"><button class="btn btn-modern btn-lg btn-dark">get Yours!</button></div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
