<div class="col-sm-4 col-md-2">
    <div class="filter-tabs">
        <ul id="filter-tabs" class="nav nav-tabs nav-tab-box nav-tab-fa-icon">
            <li class="active">
                <a data-toggle="tab" href="#list-container">
                    <i class="icon fa fa-th-list"></i>Grid
                </a>
            </li>
            <li class="">
                <a data-toggle="tab" href="#grid-container">
                    <i class="icon fa fa-th"></i>List
                </a>
            </li>
        </ul>
    </div>
    <!-- /.filter-tabs -->
</div>
<div class="col col-sm-12 col-md-4">
    <div class="col col-sm-3 col-md-6 no-padding">
        <div class="lbl-cnt">
            <span class="lbl">Sort by</span>

            <div class="fld inline">
                <div class="dropdown dropdown-small dropdown-med dropdown-white inline">
                    <button data-toggle="dropdown" type="button"
                            class="btn dropdown-toggle">
                        Name (A-Z) <span class="caret"></span>
                    </button>

                    <ul role="menu" class="dropdown-menu">
                        <li role="presentation"><a href="#">Price:Lowest first</a></li>
                        <li role="presentation"><a href="#">Price:HIghest first</a></li>
                        <li role="presentation"><a href="#">Rating</a></li>
                    </ul>
                </div>
            </div>
            <!-- /.fld -->
        </div>
        <!-- /.lbl-cnt -->
    </div>
    <!-- /.col -->
    <div class="col col-sm-3 col-md-6 no-padding">

    </div>
    <!-- /.col -->
</div>