<div class="category-contant">
  <ul fxLayout="row" fxLayout.lt-sm="column" fxLayoutAlign="space-evenly center">
      <li fxLayout="column"><a class="no-brd" [routerLink]="['/home/products/all']"><i class="material-icons">dehaze</i>Show All</a></li>
      <li fxLayout="column"><a [routerLink]="['/home/products/Headphones']"><i class="material-icons">headset</i> Headphones</a></li>
      <li fxLayout="column"><a [routerLink]="['/home/products/Laptops']"><i class="material-icons">laptop</i>Laptops</a></li>
      <li><a [routerLink]="['/home/products/Smartphones']"><i class="material-icons">smartphone</i>Smart Phones</a></li>
      <li><a [routerLink]="['/home/products/Cameras']"><i class="material-icons">photo_camera</i>Cameras</a></li>
      <li><a [routerLink]="['/home/products/Tv & Audio']"><i class="material-icons">tv</i>Tv & Audio</a></li>
      <li><a [routerLink]="['/home/products/Watches']"><i class="material-icons">watch</i>Watches</a></li>
  </ul>
</div>