<div class="porto-block">
  <div class="home-banner text-left" style="padding-top: 20px; padding-bottom: 20px; background-color: #e2e2e0;">
    <div class="container">
      <div class="row align-items-center">
        <div class="col-sm-4 px-4 col-md-4" style="padding-top: 20px; padding-bottom: 20px;">
          <div class="wpb_wrapper vc_column-inner">
            <h2 style="font-size: 55px; line-height: 1;" class="vc_custom_heading mb-0 text-center text-sm-right custom-font1 align-right text-uppercase">Discounts</h2>
            <h2 style="font-size: 38px; line-height: 1; font-weight: 700;" class="vc_custom_heading mb-0 text-center text-sm-right align-right text-uppercase">up to 70%</h2>
          </div>
        </div>
        <div class="col-sm-4 pl-3 col-md-4">
          <div class="wpb_wrapper vc_column-inner">
            <div class="wpb_single_image wpb_content_element text-center mb-0">
              <div class="wpb_wrapper">
                <div class="vc_single_image-wrapper vc_box_border_grey" style="display: inline-block; vertical-align: top; max-width: 100%;">
                  <img style="display: block;" src='{{media url="wysiwyg/smartwave/porto/category/banner/shop22_shop_banner.png"}}' />
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="col-sm-4 porto-ibanner-content col-md-4" style="padding-top: 20px; padding-bottom: 20px;">
          <div class="wpb_wrapper vc_column-inner">
            <div class="wpb_text_column wpb_content_element mb-0 text-center text-sm-left">
              <div class="wpb_wrapper">
                <a style="font-size: 23px; color: #666; text-decoration: none;" href="#"><i style="line-height: 1.4; border-bottom: 1px solid;">View our Deals</i><i class="porto-icon-right-open-big ml-2 font-size-xs"></i></a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
