<div class="adv-vertical">
  <div class="col-lg-12 mb-4">
    <div class="adv-vertical--title">
      <h3 class="heading-3">{{module.title}}</h3>
      <div class="mt-4 text-center">
        <button type="button" data-toggle="modal-anunciante" data-toggle="modal-anunciante" data-target="#anunciante" class="text-white bk-primary btn-block" id="btn-adv">Quiero ser anunciante</button>
      </div>
    </div>
  </div>
  
  <!-- #hc Banners Sidebar -->
  <div id="bannersSidebar">
    {% filter shortcodes %} 
      [banner group="lateral" count="8"]
    {% endfilter %}
  </div>   

  <style> 
    #bannersSidebar .banner_wrapper .banner img { 
      width: 100%;
      max-width: 200px;
      margin: 0 auto;
      -webkit-filter: contrast(1.1);
      filter: contrast(1.1);
    } 
    @media (max-width:991px) {
      #bannersSidebar {
        display: flex;
        display: none;
        flex-wrap: wrap;
        justify-content: space-between;
      }
      #bannersSidebar .banner_wrapper { 
        flex-basis: calc(50% - 10px); 
        margin: 0;
        padding: 10px;
        box-sizing: border-box;
        border: 1px solid #eee;
        margin: 0 5px 0 5px;
      }
      #bannersSidebar .banner_wrapper .banner img {  
        max-width: 200px;
        margin: 0 auto;
      } 

      #bannersSidebar .banner_wrapper:nth-child(3){
        display:none;
      }
      #bannersSidebar .banner_wrapper:nth-child(4){
        display:none;
      }
    }  
  </style> 
</div>
