<?php include("header.php") ?>

<!-- banner -->
<div class="banner8" id="home1">
    <!-- <div class="container">
        <h2>Printed T-Shirt<span>up to</span> Flat 40% <i>Discount</i></h2>
    </div> -->
</div>
<!-- //banner -->


<div class="breadcrumb_dress">
    <div class="container">
        <ul>
            <li><a href="index.php"><span class="glyphicon glyphicon-home" aria-hidden="true"></span> Home</a> <i>/</i></li>
            <li>Products</li>
        </ul>
    </div>
</div>


<!-- dresses -->
<div class="dresses">
    <div class="container">
        <div class="w3ls_dresses_grids">
            <div class="col-md-4 w3ls_dresses_grid_left">
                <div class="w3ls_dresses_grid_left_grid">
                    <h3>Categories</h3>
                    <div class="w3ls_dresses_grid_left_grid_sub" style="cursor: pointer;">
                        <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
                            <div class="panel panel-default">
                                <div class="panel-heading" role="tab" id="headingOne">
                                    <h4 class="panel-title asd">
                                        <a class="pa_italic" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                            <span class="glyphicon glyphicon-plus" aria-hidden="true"></span><i class="glyphicon glyphicon-minus" aria-hidden="true"></i>EQUIPMENT
                                        </a>
                                    </h4>
                                </div>
                                <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
                                    <div class="panel-body panel_text">
                                        <ul>
                                            <li><a class="subcategory" data-category="equipment" data-subcategory="batting-legguards">Batting Legguards</a></li>
                                            <li><a class="subcategory" data-subcategory="batting-gloves">Batting Gloves</a></li>
                                            <li><a class="subcategory" data-subcategory="body-protection">Body Protection</a></li>
                                            <li><a class="subcategory" data-subcategory="bags">Bags</a></li>
                                        </ul>

                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="panel panel-default">
                                <div class="panel-heading" role="tab" id="headingTwo">
                                    <h4 class="panel-title asd">
                                        <a class="pa_italic collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                                            <span class="glyphicon glyphicon-plus" aria-hidden="true"></span><i class="glyphicon glyphicon-minus" aria-hidden="true"></i>BATS
                                        </a>
                                    </h4>
                                </div>
                                <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
                                    <div class="panel-body panel_text">
                                        <ul>
                                            <li><a href="#" class="subcategory" data-subcategory="cricket-bats">Cricket bats</a></li>
                                            <li><a href="#" class="subcategory" data-subcategory="cricket-helmet">Cricket Helmet</a></li>
                                            <li><a href="#" class="subcategory" data-subcategory="cricket-gripper">Cricket gripper</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>

            </div>
            <div class="col-md-8 w3ls_dresses_grid_right">

                <div class="clearfix"> </div>

                <div class="w3ls_dresses_grid_right_grid2">
                    <div class="w3ls_dresses_grid_right_grid2_left">
                        <h3>Showing Results</h3>
                    </div>

                    <div class="clearfix"> </div>
                </div>

                <div class="w3ls_dresses_grid_right_grid3">
                    <!-- bat-leg -->
                
                    <div class="col-md-4 agileinfo_new_products_grid agileinfo_new_products_grid_dresses" data-category="equipment" data-subcategory="batting-legguards">
                        <div class="agile_ecommerce_tab_left dresses_grid">
                            <div class="hs-wrapper hs-wrapper2">
                                <img src="images/products/bat-leg/productn1.png" alt=" " class="img-responsive" />
                                <img src="images/products/bat-leg/productn2.png" alt=" " class="img-responsive" />
                                <img src="images/products/bat-leg/productn3.png" alt=" " class="img-responsive" />
                                <img src="images/products/bat-leg/productn1.png" alt=" " class="img-responsive" />
                                <img src="images/products/bat-leg/productn2.png" alt=" " class="img-responsive" />
                                <img src="images/products/bat-leg/productn3.png" alt=" " class="img-responsive" />
                            </div>
                            <h5><a href="single.html">Black Batting Pads RH</a></h5>
                            <div class="simpleCart_shelfItem">
                                <p><span>Rs.420</span> <i class="item_price">Rs.340</i></p>
                                <p><a class="item_add" href="Black Batting Pads RH.php">View</a></p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 agileinfo_new_products_grid agileinfo_new_products_grid_dresses" data-category="equipment" data-subcategory="batting-legguards">
                        <div class="agile_ecommerce_tab_left dresses_grid">
                            <div class="hs-wrapper hs-wrapper2">
                                <img src="images/products/bat-leg/productw1.png" alt=" " class="img-responsive" />
                                <img src="images/products/bat-leg/productw1.png" alt=" " class="img-responsive" />
                                <img src="images/products/bat-leg/productw1.png" alt=" " class="img-responsive" />
                                <img src="images/products/bat-leg/productw1.png" alt=" " class="img-responsive" />
                                <img src="images/products/bat-leg/productw1.png" alt=" " class="img-responsive" />
                                <img src="images/products/bat-leg/productw1.png" alt=" " class="img-responsive" />
                            </div>
                            <h5><a href="T & C Batting Padswhite.php">T & C Batting Pads</a></h5>
                            <div class="simpleCart_shelfItem">
                                <p><span>Rs.420</span> <i class="item_price">Rs.340</i></p>
                                <p><a class="item_add" href="T & C Batting Padswhite.php">View</a></p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 agileinfo_new_products_grid agileinfo_new_products_grid_dresses" data-category="equipment" data-subcategory="batting-legguards">
                        <div class="agile_ecommerce_tab_left dresses_grid">
                            <div class="hs-wrapper hs-wrapper2">
                                <img src="images/products/bat-leg/productwb1.png" alt=" " class="img-responsive" />
                                <img src="images/products/bat-leg/productwb2.png" alt=" " class="img-responsive" />
                                <img src="images/products/bat-leg/productwb3.png" alt=" " class="img-responsive" />
                                <img src="images/products/bat-leg/productwb1.png" alt=" " class="img-responsive" />
                                <img src="images/products/bat-leg/productwb2.png" alt=" " class="img-responsive" />
                                <img src="images/products/bat-leg/productwb3.png" alt=" " class="img-responsive" />
                            </div>
                            <h5><a href="T & C Batting Padsblack.php">T & C Batting Pads</a></h5>
                            <div class="simpleCart_shelfItem">
                                <p><span>Rs.420</span> <i class="item_price">Rs.340</i></p>
                                <p><a class="item_add" href="T & C Batting Padsblack.php">View</a></p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 agileinfo_new_products_grid agileinfo_new_products_grid_dresses" data-category="equipment" data-subcategory="batting-legguards">
                        <div class="agile_ecommerce_tab_left dresses_grid">
                            <div class="hs-wrapper hs-wrapper2">
                                <img src="images/products/bat-leg/productc1.png" alt=" " class="img-responsive" />
                                <img src="images/products/bat-leg/productc2.png" alt=" " class="img-responsive" />
                                <img src="images/products/bat-leg/productc3.png" alt=" " class="img-responsive" />
                                <img src="images/products/bat-leg/productc1.png" alt=" " class="img-responsive" />
                                <img src="images/products/bat-leg/productc2.png" alt=" " class="img-responsive" />
                                <img src="images/products/bat-leg/productc3.png" alt=" " class="img-responsive" />

                            </div>
                            <h5><a href="single.html">B P Clads</a></h5>
                            <div class="simpleCart_shelfItem">
                                <p><span>Rs.420</span> <i class="item_price">Rs.340</i></p>
                                <p><a class="item_add" href="single.php">View</a></p>
                            </div>
                            <div class="dresses_grid_pos">
                                <h6>New</h6>
                            </div>
                        </div>
                    </div>
                    <!-- end bat-leg -->

                    <!-- gloves -->
                    <div class="col-md-4 agileinfo_new_products_grid agileinfo_new_products_grid_dresses" data-category="equipment" data-subcategory="batting-gloves">
                        <div class="agile_ecommerce_tab_left dresses_grid">
                            <div class="hs-wrapper hs-wrapper2">
                                <img src="images/products/gloves/glovesb1.png" alt=" " class="img-responsive" />
                                <img src="images/products/gloves/glovesb2.png" alt=" " class="img-responsive" />
                                <img src="images/products/gloves/glovesb3.png" alt=" " class="img-responsive" />
                                <img src="images/products/gloves/glovesb1.png" alt=" " class="img-responsive" />
                                <img src="images/products/gloves/glovesb2.png" alt=" " class="img-responsive" />
                                <img src="images/products/gloves/glovesb3.png" alt=" " class="img-responsive" />


                            </div>
                            <h5><a href="Gloves1.php">Batting Gloves</a></h5>
                            <div class="simpleCart_shelfItem">
                                <p><span>Rs.420</span> <i class="item_price">Rs.340</i></p>
                                <p><a class="item_add" href="Gloves1.php">View</a></p>
                            </div>
                            <div class="dresses_grid_pos">
                                <h6>New</h6>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 agileinfo_new_products_grid agileinfo_new_products_grid_dresses" data-category="equipment" data-subcategory="batting-gloves">
                        <div class="agile_ecommerce_tab_left dresses_grid">
                            <div class="hs-wrapper hs-wrapper2">
                                <img src="images/products/gloves/glovesbl1.png" alt=" " class="img-responsive" />
                                <img src="images/products/gloves/glovesbl2.png" alt=" " class="img-responsive" />
                                <img src="images/products/gloves/glovesbl3.png" alt=" " class="img-responsive" />
                                <img src="images/products/gloves/glovesbl1.png" alt=" " class="img-responsive" />
                                <img src="images/products/gloves/glovesbl2.png" alt=" " class="img-responsive" />
                                <img src="images/products/gloves/glovesbl3.png" alt=" " class="img-responsive" />


                            </div>
                            <h5><a href="Gloves2.php">Batting Gloves</a></h5>
                            <div class="simpleCart_shelfItem">
                                <p><span>Rs.420</span> <i class="item_price">Rs.340</i></p>
                                <p><a class="item_add" href="Gloves2.php">View</a></p>
                            </div>
                            <div class="dresses_grid_pos">
                                <h6>New</h6>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 agileinfo_new_products_grid agileinfo_new_products_grid_dresses" data-category="equipment" data-subcategory="batting-gloves">
                        <div class="agile_ecommerce_tab_left dresses_grid">
                            <div class="hs-wrapper hs-wrapper2">
                                <img src="images/products/gloves/glovesr1.png" alt=" " class="img-responsive" />
                                <img src="images/products/gloves/glovesr2.png" alt=" " class="img-responsive" />
                                <img src="images/products/gloves/glovesr3.png" alt=" " class="img-responsive" />
                                <img src="images/products/gloves/glovesr1.png" alt=" " class="img-responsive" />
                                <img src="images/products/gloves/glovesr2.png" alt=" " class="img-responsive" />
                                <img src="images/products/gloves/glovesr3.png" alt=" " class="img-responsive" />


                            </div>
                            <h5><a href="Gloves3.php">Batting Gloves</a></h5>
                            <div class="simpleCart_shelfItem">
                                <p><span>Rs.420</span> <i class="item_price">Rs.340</i></p>
                                <p><a class="item_add" href="Gloves3.php">View</a></p>
                            </div>
                            <div class="dresses_grid_pos">
                                <h6>New</h6>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 agileinfo_new_products_grid agileinfo_new_products_grid_dresses" data-category="equipment" data-subcategory="batting-gloves">
                        <div class="agile_ecommerce_tab_left dresses_grid">
                            <div class="hs-wrapper hs-wrapper2">
                                <img src="images/products/gloves/glovesw1.png" alt=" " class="img-responsive" />
                                <img src="images/products/gloves/glovesw2.png" alt=" " class="img-responsive" />
                                <img src="images/products/gloves/glovesw3.png" alt=" " class="img-responsive" />
                                <img src="images/products/gloves/glovesw1.png" alt=" " class="img-responsive" />
                                <img src="images/products/gloves/glovesw2.png" alt=" " class="img-responsive" />
                                <img src="images/products/gloves/glovesw3.png" alt=" " class="img-responsive" />


                            </div>
                            <h5><a href="Gloves4.php">Batting Gloves</a></h5>
                            <div class="simpleCart_shelfItem">
                                <p><span>Rs.420</span> <i class="item_price">Rs.340</i></p>
                                <p><a class="item_add" href="Gloves4.php">View</a></p>
                            </div>
                            <div class="dresses_grid_pos">
                                <h6>New</h6>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 agileinfo_new_products_grid agileinfo_new_products_grid_dresses" data-category="equipment" data-subcategory="batting-gloves">
                        <div class="agile_ecommerce_tab_left dresses_grid">
                            <div class="hs-wrapper hs-wrapper2">
                                <img src="images/products/gloves/Rectangle 6.png" alt=" " class="img-responsive" />
                                <img src="images/products/gloves/Rectangle 18.png" alt=" " class="img-responsive" />
                                <img src="images/products/gloves/Rectangle 19.png" alt=" " class="img-responsive" />
                                <img src="images/products/gloves/Rectangle 6.png" alt=" " class="img-responsive" />
                                <img src="images/products/gloves/Rectangle 18.png" alt=" " class="img-responsive" />
                                <img src="images/products/gloves/Rectangle 19.png" alt=" " class="img-responsive" />


                            </div>
                            <h5><a href="Gloves5.php">T&C Batting Gloves</a></h5>
                            <div class="simpleCart_shelfItem">
                                <p><span>Rs.420</span> <i class="item_price">Rs.340</i></p>
                                <p><a class="item_add" href="Gloves5.php">View</a></p>
                            </div>
                            <div class="dresses_grid_pos">
                                <h6>New</h6>
                            </div>
                        </div>
                    </div>
                    <!--end gloves -->
                    <!-- body protection -->
                    <div class="col-md-4 agileinfo_new_products_grid agileinfo_new_products_grid_dresses" data-category="equipment" data-subcategory="body-protection">
                        <div class="agile_ecommerce_tab_left dresses_grid">
                            <div class="hs-wrapper hs-wrapper2">
                                <img src="images/products/body-protection/bodyproduct2.png" alt=" " class="img-responsive" />
                                <img src="images/products/body-protection/bodyproduct1.png" alt=" " class="img-responsive" />
                                <img src="images/products/body-protection/bodyproduct2.png" alt=" " class="img-responsive" />
                                <img src="images/products/body-protection/bodyproduct1.png" alt=" " class="img-responsive" />
                                <img src="images/products/body-protection/bodyproduct2.png" alt=" " class="img-responsive" />
                                <img src="images/products/body-protection/bodyproduct1.png" alt=" " class="img-responsive" />
                            </div>
                            <h5><a href="protection1.php">Supporter</a></h5>
                            <div class="simpleCart_shelfItem">
                                <p><span>Rs.420</span> <i class="item_price">Rs.340</i></p>
                                <p><a class="item_add" href="protection1.php">View</a></p>
                            </div>
                            <div class="dresses_grid_pos">
                                <h6>New</h6>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 agileinfo_new_products_grid agileinfo_new_products_grid_dresses" data-category="equipment" data-subcategory="body-protection">
                        <div class="agile_ecommerce_tab_left dresses_grid">
                            <div class="hs-wrapper hs-wrapper2">
                                <img src="images/products/body-protection/body-product1.png" alt=" " class="img-responsive" />
                                <img src="images/products/body-protection/body-product2.png" alt=" " class="img-responsive" />
                                <img src="images/products/body-protection/body-product1.png" alt=" " class="img-responsive" />
                                <img src="images/products/body-protection/body-product2.png" alt=" " class="img-responsive" />
                                <img src="images/products/body-protection/body-product1.png" alt=" " class="img-responsive" />
                                <img src="images/products/body-protection/body-product2.png" alt=" " class="img-responsive" />
                            </div>
                            <h5><a href="protection2.php">Shery Skins Compressor</a></h5>
                            <div class="simpleCart_shelfItem">
                                <p><span>Rs.420</span> <i class="item_price">Rs.340</i></p>
                                <p><a class="item_add" href="protection2.php">View</a></p>
                            </div>
                            <div class="dresses_grid_pos">
                                <h6>New</h6>
                            </div>
                        </div>
                    </div>
                    <!--end body protection -->
                    <!-- bags -->
                    <div class="col-md-4 agileinfo_new_products_grid agileinfo_new_products_grid_dresses" data-category="equipment" data-subcategory="bags">
                        <div class="agile_ecommerce_tab_left dresses_grid">
                            <div class="hs-wrapper hs-wrapper2">
                                <img src="images/products/bag/bagb3.png" alt=" " class="img-responsive" />
                                <img src="images/products/bag/bagb2.png" alt=" " class="img-responsive" />
                                <img src="images/products/bag/bagb1.png" alt=" " class="img-responsive" />
                                <img src="images/products/bag/bagb3.png" alt=" " class="img-responsive" />
                                <img src="images/products/bag/bagb2.png" alt=" " class="img-responsive" />
                                <img src="images/products/bag/bagb1.png" alt=" " class="img-responsive" />

                            </div>
                            <h5><a href="bag1.php">SS super select kit bag</a></h5>
                            <div class="simpleCart_shelfItem">
                                <p><span>Rs.420</span> <i class="item_price">Rs.340</i></p>
                                <p><a class="item_add" href="bag1.php">View</a></p>
                            </div>
                            <div class="dresses_grid_pos">
                                <h6>New</h6>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 agileinfo_new_products_grid agileinfo_new_products_grid_dresses" data-category="equipment" data-subcategory="bags">
                        <div class="agile_ecommerce_tab_left dresses_grid">
                            <div class="hs-wrapper hs-wrapper2">
                                <img src="images/products/bag/bagbl1.png" alt=" " class="img-responsive" />
                                <img src="images/products/bag/bagbl2.png" alt=" " class="img-responsive" />
                                <img src="images/products/bag/bagbl3.png" alt=" " class="img-responsive" />
                                <img src="images/products/bag/bagbl4.png" alt=" " class="img-responsive" />
                                <img src="images/products/bag/bagbl1.png" alt=" " class="img-responsive" />
                                <img src="images/products/bag/bagbl2.png" alt=" " class="img-responsive" />

                            </div>
                            <h5><a href="bag2.php">Kit bag</a></h5>
                            <div class="simpleCart_shelfItem">
                                <p><span>Rs.420</span> <i class="item_price">Rs.340</i></p>
                                <p><a class="item_add" href="bag2.php">View</a></p>
                            </div>

                        </div>
                    </div>
                    <div class="col-md-4 agileinfo_new_products_grid agileinfo_new_products_grid_dresses" data-category="equipment" data-subcategory="bags">
                        <div class="agile_ecommerce_tab_left dresses_grid">
                            <div class="hs-wrapper hs-wrapper2">
                                <img src="images/products/bag/bagg1.png" alt=" " class="img-responsive" />
                                <img src="images/products/bag/bagg2.png" alt=" " class="img-responsive" />
                                <img src="images/products/bag/bagg3.png" alt=" " class="img-responsive" />
                                <img src="images/products/bag/bagg1.png" alt=" " class="img-responsive" />
                                <img src="images/products/bag/bagg2.png" alt=" " class="img-responsive" />
                                <img src="images/products/bag/bagg3.png" alt=" " class="img-responsive" />

                            </div>
                            <h5><a href="bag3.php">NB Kit bag</a></h5>
                            <div class="simpleCart_shelfItem">
                                <p><span>Rs.420</span> <i class="item_price">Rs.340</i></p>
                                <p><a class="item_add" href="bag3.php">View</a></p>
                            </div>

                        </div>
                    </div>
                    <div class="col-md-4 agileinfo_new_products_grid agileinfo_new_products_grid_dresses" data-category="equipment" data-subcategory="bags">
                        <div class="agile_ecommerce_tab_left dresses_grid">
                            <div class="hs-wrapper hs-wrapper2">
                                <img src="images/products/bag/bago1.png" alt=" " class="img-responsive" />
                                <img src="images/products/bag/bago2.png" alt=" " class="img-responsive" />
                                <img src="images/products/bag/bago3.png" alt=" " class="img-responsive" />
                                <img src="images/products/bag/bago1.png" alt=" " class="img-responsive" />
                                <img src="images/products/bag/bago2.png" alt=" " class="img-responsive" />
                                <img src="images/products/bag/bago3.png" alt=" " class="img-responsive" />

                            </div>
                            <h5><a href="bag4.php">NB Blue Kit Bag</a></h5>
                            <div class="simpleCart_shelfItem">
                                <p><span>Rs.420</span> <i class="item_price">Rs.340</i></p>
                                <p><a class="item_add" href="bag4.php">View</a></p>
                            </div>

                        </div>
                    </div>

                    <!--end bags -->
                    <!-- bats -->
                    <div class="col-md-4 agileinfo_new_products_grid agileinfo_new_products_grid_dresses" data-category="equipment" data-subcategory="cricket-bats">
                        <div class="agile_ecommerce_tab_left dresses_grid">
                            <div class="hs-wrapper hs-wrapper2">
                                <img src="images/products/bat/batb1.png" alt=" " class="img-responsive" />
                                <img src="images/products/bat/batb2.png" alt=" " class="img-responsive" />
                                <img src="images/products/bat/batb3.png" alt=" " class="img-responsive" />
                                <img src="images/products/bat/batb4.png" alt=" " class="img-responsive" />
                                <img src="images/products/bat/batb1.png" alt=" " class="img-responsive" />
                                <img src="images/products/bat/batb2.png" alt=" " class="img-responsive" />

                            </div>
                            <h5><a href="bat1.php">GM Bat</a></h5>
                            <div class="simpleCart_shelfItem">
                                <p><span>Rs.420</span> <i class="item_price">Rs.340</i></p>
                                <p><a class="item_add" href="bat1.php">View</a></p>
                            </div>

                        </div>
                    </div>
                    <div class="col-md-4 agileinfo_new_products_grid agileinfo_new_products_grid_dresses" data-category="equipment" data-subcategory="cricket-bats">
                        <div class="agile_ecommerce_tab_left dresses_grid">
                            <div class="hs-wrapper hs-wrapper2">
                                <img src="images/products/bat/batg1.png" alt=" " class="img-responsive" />
                                <img src="images/products/bat/batg2.png" alt=" " class="img-responsive" />
                                <img src="images/products/bat/batg3.png" alt=" " class="img-responsive" />
                                <img src="images/products/bat/batg4.png" alt=" " class="img-responsive" />
                                <img src="images/products/bat/batg2.png" alt=" " class="img-responsive" />
                                <img src="images/products/bat/batg3.png" alt=" " class="img-responsive" />

                            </div>
                            <h5><a href="bat2.php">DSC Bat Back</a></h5>
                            <div class="simpleCart_shelfItem">
                                <p><span>Rs.420</span> <i class="item_price">Rs.340</i></p>
                                <p><a class="item_add" href="bat2.php">View</a></p>
                            </div>

                        </div>
                    </div>
                    <div class="col-md-4 agileinfo_new_products_grid agileinfo_new_products_grid_dresses" data-category="equipment" data-subcategory="cricket-bats">
                        <div class="agile_ecommerce_tab_left dresses_grid">
                            <div class="hs-wrapper hs-wrapper2">
                                <img src="images/products/bat/batk1.png" alt=" " class="img-responsive" />
                                <img src="images/products/bat/batk2.png" alt=" " class="img-responsive" />
                                <img src="images/products/bat/batk3.png" alt=" " class="img-responsive" />
                                <img src="images/products/bat/batk1.png" alt=" " class="img-responsive" />
                                <img src="images/products/bat/batk2.png" alt=" " class="img-responsive" />
                                <img src="images/products/bat/batk3.png" alt=" " class="img-responsive" />

                            </div>
                            <h5><a href="bat3.php">RNS Bat</a></h5>
                            <div class="simpleCart_shelfItem">
                                <p><span>Rs.420</span> <i class="item_price">Rs.340</i></p>
                                <p><a class="item_add" href="bat3.php">View</a></p>
                            </div>

                        </div>
                    </div>
                    <div class="col-md-4 agileinfo_new_products_grid agileinfo_new_products_grid_dresses" data-category="equipment" data-subcategory="cricket-bats">
                        <div class="agile_ecommerce_tab_left dresses_grid">
                            <div class="hs-wrapper hs-wrapper2">
                                <img src="images/products/bat/batm1.png" alt=" " class="img-responsive" />
                                <img src="images/products/bat/batm2.png" alt=" " class="img-responsive" />
                                <img src="images/products/bat/batm3.png" alt=" " class="img-responsive" />
                                <img src="images/products/bat/batm1.png" alt=" " class="img-responsive" />
                                <img src="images/products/bat/batm2.png" alt=" " class="img-responsive" />
                                <img src="images/products/bat/batm3.png" alt=" " class="img-responsive" />

                            </div>
                            <h5><a href="bat4.php">SG BAT acing </a></h5>
                            <div class="simpleCart_shelfItem">
                                <p><span>Rs.420</span> <i class="item_price">Rs.340</i></p>
                                <p><a class="item_add" href="bat4.php">View</a></p>
                            </div>

                        </div>
                    </div>
                    <div class="col-md-4 agileinfo_new_products_grid agileinfo_new_products_grid_dresses" data-category="equipment" data-subcategory="cricket-bats">
                        <div class="agile_ecommerce_tab_left dresses_grid">
                            <div class="hs-wrapper hs-wrapper2">
                                <img src="images/products/bat/batn1.png" alt=" " class="img-responsive" />
                                <img src="images/products/bat/batn2.png" alt=" " class="img-responsive" />
                                <img src="images/products/bat/batn3.png" alt=" " class="img-responsive" />
                                <img src="images/products/bat/batn1.png" alt=" " class="img-responsive" />
                                <img src="images/products/bat/batn2.png" alt=" " class="img-responsive" />
                                <img src="images/products/bat/batn3.png" alt=" " class="img-responsive" />

                            </div>
                            <h5><a href="bat5.php">Bat</a></h5>
                            <div class="simpleCart_shelfItem">
                                <p><span>Rs.420</span> <i class="item_price">Rs.340</i></p>
                                <p><a class="item_add" href="bat5.php">View</a></p>
                            </div>

                        </div>
                    </div>
                    <div class="col-md-4 agileinfo_new_products_grid agileinfo_new_products_grid_dresses" data-category="equipment" data-subcategory="cricket-bats">
                        <div class="agile_ecommerce_tab_left dresses_grid">
                            <div class="hs-wrapper hs-wrapper2">
                                <img src="images/products/bat/Rectangle 7.png" alt=" " class="img-responsive" />
                                <img src="images/products/bat/Rectangle 8.png" alt=" " class="img-responsive" />
                                <img src="images/products/bat/Rectangle 9.png" alt=" " class="img-responsive" />
                                <img src="images/products/bat/Rectangle 5.png" alt=" " class="img-responsive" />
                                <img src="images/products/bat/Rectangle 7.png" alt=" " class="img-responsive" />
                                <img src="images/products/bat/Rectangle 8.png" alt=" " class="img-responsive" />

                            </div>
                            <h5><a href="bat6.php">CA Bat</a></h5>
                            <div class="simpleCart_shelfItem">
                                <p><span>Rs.420</span> <i class="item_price">Rs.340</i></p>
                                <p><a class="item_add" href="bat6.php">View</a></p>
                            </div>

                        </div>
                    </div>
                    <div class="col-md-4 agileinfo_new_products_grid agileinfo_new_products_grid_dresses" data-category="equipment" data-subcategory="cricket-bats">
                        <div class="agile_ecommerce_tab_left dresses_grid">
                            <div class="hs-wrapper hs-wrapper2">
                                <img src="images/products/bat/Rectangle 10.png" alt=" " class="img-responsive" />
                                <img src="images/products/bat/Rectangle 11.png" alt=" " class="img-responsive" />
                                <img src="images/products/bat/Rectangle 14.png" alt=" " class="img-responsive" />
                                <img src="images/products/bat/Rectangle 10.png" alt=" " class="img-responsive" />
                                <img src="images/products/bat/Rectangle 11.png" alt=" " class="img-responsive" />
                                <img src="images/products/bat/Rectangle 14.png" alt=" " class="img-responsive" />

                            </div>
                            <h5><a href="bat7.php">CA nj8000 tennis</a></h5>
                            <div class="simpleCart_shelfItem">
                                <p><span>Rs.420</span> <i class="item_price">Rs.340</i></p>
                                <p><a class="item_add" href="bat7.php">View</a></p>
                            </div>

                        </div>
                    </div>
                    <div class="col-md-4 agileinfo_new_products_grid agileinfo_new_products_grid_dresses" data-category="equipment" data-subcategory="cricket-bats">
                        <div class="agile_ecommerce_tab_left dresses_grid">
                            <div class="hs-wrapper hs-wrapper2">
                                <img src="images/products/bat/Rectangle 12.png" alt=" " class="img-responsive" />
                                <img src="images/products/bat/Rectangle 13.png" alt=" " class="img-responsive" />
                                <img src="images/products/bat/Rectangle 12.png" alt=" " class="img-responsive" />
                                <img src="images/products/bat/Rectangle 13.png" alt=" " class="img-responsive" />
                                <img src="images/products/bat/Rectangle 12.png" alt=" " class="img-responsive" />
                                <img src="images/products/bat/Rectangle 13.png" alt=" " class="img-responsive" />

                            </div>
                            <h5><a href="bat8.php">CA nj50001</a></h5>
                            <div class="simpleCart_shelfItem">
                                <p><span>Rs.420</span> <i class="item_price">Rs.340</i></p>
                                <p><a class="item_add" href="bat8.php">View</a></p>
                            </div>

                        </div>
                    </div>
                    <div class="col-md-4 agileinfo_new_products_grid agileinfo_new_products_grid_dresses" data-category="equipment" data-subcategory="cricket-bats">
                        <div class="agile_ecommerce_tab_left dresses_grid">
                            <div class="hs-wrapper hs-wrapper2">
                                <img src="images/products/bat/Rectangle 15.png" alt=" " class="img-responsive" />
                                <img src="images/products/bat/Rectangle 16.png" alt=" " class="img-responsive" />
                                <img src="images/products/bat/Rectangle 5.png" alt=" " class="img-responsive" />
                                <img src="images/products/bat/Rectangle 15.png" alt=" " class="img-responsive" />
                                <img src="images/products/bat/Rectangle 16.png" alt=" " class="img-responsive" />
                                <img src="images/products/bat/Rectangle 5.png" alt=" " class="img-responsive" />

                            </div>
                            <h5><a href="bat9.php">MB Bat</a></h5>
                            <div class="simpleCart_shelfItem">
                                <p><span>Rs.420</span> <i class="item_price">Rs.340</i></p>
                                <p><a class="item_add" href="bat9.php">View</a></p>
                            </div>

                        </div>
                    </div>
                    <!--end bats -->
                    <!-- helmet -->
                    <div class="col-md-4 agileinfo_new_products_grid agileinfo_new_products_grid_dresses" data-category="equipment" data-subcategory="cricket-helmet">
                        <div class="agile_ecommerce_tab_left dresses_grid">
                            <div class="hs-wrapper hs-wrapper2">
                                <img src="images/products/helmet/Helmet1.png" alt=" " class="img-responsive" />
                                <img src="images/products/helmet/Helmet2.png" alt=" " class="img-responsive" />
                                <img src="images/products/helmet/Helmet3.png" alt=" " class="img-responsive" />
                                <img src="images/products/helmet/Helmet1.png" alt=" " class="img-responsive" />
                                <img src="images/products/helmet/Helmet2.png" alt=" " class="img-responsive" />
                                <img src="images/products/helmet/Helmet3.png" alt=" " class="img-responsive" />

                            </div>
                            <h5><a href="helmet1 .php">Helmet</a></h5>
                            <div class="simpleCart_shelfItem">
                                <p><span>Rs.420</span> <i class="item_price">Rs.340</i></p>
                                <p><a class="item_add" href="helmet1 .php">View</a></p>
                            </div>

                        </div>
                    </div>
                    <div class="col-md-4 agileinfo_new_products_grid agileinfo_new_products_grid_dresses" data-category="equipment" data-subcategory="cricket-helmet">
                        <div class="agile_ecommerce_tab_left dresses_grid">
                            <div class="hs-wrapper hs-wrapper2">
                                <img src="images/products/helmet/Rectangle 20.png" alt=" " class="img-responsive" />
                                <img src="images/products/helmet/Rectangle 21.png" alt=" " class="img-responsive" />
                                <img src="images/products/helmet/Rectangle 20.png" alt=" " class="img-responsive" />
                                <img src="images/products/helmet/Rectangle 21.png" alt=" " class="img-responsive" />
                                <img src="images/products/helmet/Rectangle 20.png" alt=" " class="img-responsive" />
                                <img src="images/products/helmet/Rectangle 21.png" alt=" " class="img-responsive" />
                                

                            </div>
                            <h5><a href="helmet2.php">Ashi Helmet</a></h5>
                            <div class="simpleCart_shelfItem">
                                <p><span>Rs.420</span> <i class="item_price">Rs.340</i></p>
                                <p><a class="item_add" href="helmet2.php">View</a></p>
                            </div>

                        </div>
                    </div>
                    <!-- end helmet -->
                     <!-- helmet -->
                    <div class="col-md-4 agileinfo_new_products_grid agileinfo_new_products_grid_dresses" data-category="equipment" data-subcategory="cricket-gripper">
                        <div class="agile_ecommerce_tab_left dresses_grid">
                            <div class="hs-wrapper hs-wrapper2">
                                <img src="images/products/gripper/Rectangle 22.png" alt=" " class="img-responsive" />
                                <img src="images/products/gripper/Rectangle 23.png" alt=" " class="img-responsive" />
                                <img src="images/products/gripper/Rectangle 22.png" alt=" " class="img-responsive" />
                                <img src="images/products/gripper/Rectangle 23.png" alt=" " class="img-responsive" />
                                <img src="images/products/gripper/Rectangle 22.png" alt=" " class="img-responsive" />
                                <img src="images/products/gripper/Rectangle 23.png" alt=" " class="img-responsive" />

                            </div>
                            <h5><a href="gripper.php">Gripper</a></h5>
                            <div class="simpleCart_shelfItem">
                                <p><span>Rs.420</span> <i class="item_price">Rs.340</i></p>
                                <p><a class="item_add" href="gripper.php">View</a></p>
                            </div>

                        </div>
                    </div>


                </div>

            </div>
            <div class="container">
                <!-- <div id="pagination" class="pagination-container d-flex justify-content-center mt-3"></div> -->
            </div>


        </div>
    </div>

    <script>
    $(document).ready(function() {
    var itemsPerPage = 6;
    var currentPage = 1;

    function showPage(page) {
    var start = (page - 1) * itemsPerPage;
    var end = start + itemsPerPage;

    console.log('Showing page:', page, 'Start:', start, 'End:', end);

    var visibleItems = $('.agileinfo_new_products_grid');
    visibleItems.hide().slice(start, end).show();
}


    function updatePagination() {
        var totalItems = $('.agileinfo_new_products_grid').length;
        var totalPages = Math.ceil(totalItems / itemsPerPage);

        console.log('Total items:', totalItems, 'Total pages:', totalPages);

        $('#pagination').html('<nav aria-label="Page navigation"><ul class="pagination"></ul></nav>');
        var pagination = $('#pagination .pagination');

        for (var i = 1; i <= totalPages; i++) {
            var activeClass = (i === currentPage) ? ' active' : '';
            pagination.append('<li class="page-item' + activeClass + '"><a href="#" class="page-link" data-page="' + i + '">' + i + '</a></li>');
        }
    }

    function filterCategory(category, subcategory) {
        var category="equipment";
        $('.agileinfo_new_products_grid').hide();
        if (category && subcategory) {
            $('.agileinfo_new_products_grid[data-category="' + category + '"][data-subcategory="' + subcategory + '"]').show();
        } else if (category) {
            $('.agileinfo_new_products_grid[data-category="' + category + '"]').show();
        } else {
            $('.agileinfo_new_products_grid').show();
        }

        console.log('Filtered category:', category, 'Filtered subcategory:', subcategory);

        currentPage = 1; // Reset to first page
        updatePagination();
        // showPage(currentPage);
    }

    // Click event for category
    $('.panel-title a').click(function() {
        var category = $(this).attr('href').replace('#collapse', '').toLowerCase();
        filterCategory(category);
    });

    // Click event for subcategory
    $('.subcategory').click(function(e) {
        e.preventDefault();
        var category = $(this).closest('.panel-collapse').attr('id').replace('collapse', '').toLowerCase();
        var subcategory = $(this).data('subcategory');
        filterCategory(category, subcategory);
    });

    // Click event for pagination
    $('#pagination').on('click', '.page-link', function(e) {
        e.preventDefault();
        currentPage = $(this).data('page');
        showPage(currentPage);
    });

    // Initial display
    filterCategory('equipment'); // Default category to show on page load
});
    </script>




    <?php include("related-products.php") ?>

    <?php include("footer.php") ?>