<div>
  <section
    class="sites__header-sites d-flex flex-row justify-content-lg-between"
  >
    <div class="d-flex flex-row align-items-center">
      <button class="button-only-icon mr-0">
        <fa-icon [icon]="icon_border_all"></fa-icon>
      </button>
      <button class="button-only-icon ml-0">
        <fa-icon [icon]="icon_border_all"></fa-icon>
      </button>
    </div>
    <p class="text-center m-0">Todos los sitios</p>
    <div class="d-flex flex-row">
      <app-dropdown-categories [name]="'Tiendas'"></app-dropdown-categories>
    </div>
  </section>
  <div *ngIf="is_slide_mode" class="d-flex align-items-center">
    <app-slide-sites></app-slide-sites>
  </div>
  <div *ngIf="!is_slide_mode">
    <app-list-sites></app-list-sites>
  </div>
</div>