<div class="container">
  <div class="row">
    <div class="col-sm-4 col-sm-offset-4 col-md-2 col-md-offset-2">
      <div class="widget widget-list">
        <p class="widget-title h5">Categories</p>
        <ul>
          <li><a href="#"><i class="fa fa-angle-right"></i> T-Shirts</a></li>
          <li><a href="#"><i class="fa fa-angle-right"></i> Hoodies</a></li>
          <li><a href="#"><i class="fa fa-angle-right"></i> Pants</a></li>
          <li><a href="#"><i class="fa fa-angle-right"></i> Shirts</a></li>
          <li><a href="#"><i class="fa fa-angle-right"></i> Shorts</a></li>
          <li><a href="#"><i class="fa fa-angle-right"></i> Sweatshirt</a></li>
          <li><a href="#"><i class="fa fa-angle-right"></i> Jackets</a></li>
        </ul>
      </div>
    </div>
    <div class="col-sm-4 col-sm-offset-0 col-md-2">
      <div class="widget widget-list">
        <p class="widget-title h5">Shop Categories</p>
        <ul>
          <li><a href="#"><i class="fa fa-angle-double-right"></i> T-Shirts</a></li>
          <li><a href="#"><i class="fa fa-angle-double-right"></i> Hoodies</a></li>
          <li><a href="#"><i class="fa fa-angle-double-right"></i> Pants</a></li>
          <li><a href="#"><i class="fa fa-angle-double-right"></i> Shirts</a></li>
          <li><a href="#"><i class="fa fa-angle-double-right"></i> Shorts</a></li>
          <li><a href="#"><i class="fa fa-angle-double-right"></i> Sweatshirt</a></li>
          <li><a href="#"><i class="fa fa-angle-double-right"></i> Jackets</a></li>
        </ul>
      </div>
    </div>
    <div class="col-sm-4 col-sm-offset-4 col-md-2 col-md-offset-0">
      <div class="widget widget-list">
        <p class="widget-title h5">Materials</p>
        <ul>
          <li><a href="#"><i class="fa fa-caret-right"></i> T-Shirts</a></li>
          <li><a href="#"><i class="fa fa-caret-right"></i> Hoodies</a></li>
          <li><a href="#"><i class="fa fa-caret-right"></i> Pants</a></li>
          <li><a href="#"><i class="fa fa-caret-right"></i> Shirts</a></li>
          <li><a href="#"><i class="fa fa-caret-right"></i> Shorts</a></li>
          <li><a href="#"><i class="fa fa-caret-right"></i> Sweatshirt</a></li>
          <li><a href="#"><i class="fa fa-caret-right"></i> Jackets</a></li>
        </ul>
      </div>
    </div>
    <div class="col-sm-4 col-sm-offset-0 col-md-2">
      <div class="widget widget-list">
        <p class="widget-title h5">Mini Catalogue</p>
        <ul>
          <li><a href="#"><i class='fa fa-fw fa-exclamation-circle'></i> T-Shirts</a></li>
          <li><a href="#"><i class='fa fa-fw fa-toggle-off'></i> Hoodies</a></li>
          <li><a href="#"><i class='fa fa-fw fa-hourglass-start'></i> Pants</a></li>
          <li><a href="#"><i class='fa fa-fw fa-lightbulb-o'></i> Shirts</a></li>
          <li><a href="#"><i class='fa fa-fw fa-level-down'></i> Shorts</a></li>
          <li><a href="#"><i class='fa fa-fw fa-at'></i> Sweatshirt</a></li>
          <li><a href="#"><i class='fa fa-fw fa-header'></i> Jackets</a></li>
        </ul>
      </div>
    </div>
  </div>
</div>