<div class="row">
  <div class="col-lg-2">
    <div class="widget widget_media_image">
      <a href="#">
        <img width="110" height="46" src='{{media url="logo/default/logo_ecomwhite_lg.png"}}' />
      </a>
    </div>
  </div>
  <div class="col-lg-7">
    <div class="widget follow-us">
      <div class="share-links">
        <a href="#" rel="nofollow" target="_blank" title="Facebook" class="share-facebook">Facebook</a>
        <a href="#" rel="nofollow" target="_blank" title="Twitter" class="share-twitter">Twitter</a>
        <a href="#" rel="nofollow" target="_blank" title="Instagram" class="share-instagram">Instagram</a>
        <a href="#" rel="nofollow" target="_blank" title="Linkedin" class="share-linkedin">Linkedin</a>
      </div>
    </div>
  </div>
  <div class="col-lg-3">
    <div class="widget widget_media_image">
      <img class="d-block" src='{{media url="wysiwyg/smartwave/porto/footer/shop29_payment.png"}}' />
    </div>
  </div>
</div>
<style>
  .footer-middle .widget_media_image img {
    max-width: 100%;
    height: auto;
    display: block;
  }
  .footer .follow-us .share-links a {
    border: 1px solid #292d32;
    font-size: 16px;
  }
  .footer .follow-us .share-links a:not(:hover) {
    background: none;
    color: #fff;
  }
  @media (min-width: 992px) {
    .footer .share-links {
        margin-left: 20px;
    }
    .footer .footer-middle .col-lg-2 .widget_media_image {
      border-right: 1px solid #2a2e33;
    }
    .footer .footer-middle .col-lg-3 .widget_media_image {
      text-align: right;
      padding-right: 20px;
    }
  }
</style>
