<style>
.w3l_related_products_grid h4 {
    font-family: HurmeGeometricSans4Light;
}


.w3l_related_products_grid h2 {
    font-family: HurmeGeometricSans4Light;
    font-size: 50px;
    color: #fff;
    letter-spacing: 3px;
}

.w3l_related_products_grid .white-bg {
    background-color: #ffffff;
    padding: 10px;
    border-radius: 10px 10px 0 0;
    margin: 15px 0;
}

.w3l_related_products_grid .white-bg img {
    height: auto;
    width: 100%;
}

.w3l_related_products_grid .white-bg h2 {
    font-size: 20px;
    text-align: center;
    padding: 5px 0;
    color: #000000;
    letter-spacing: unset;
}

.w3l_related_products_grid .white-bg h4 {
    color: #000000;
    font-size: 13px;
}

.w3l_related_products_grid .white-bg h4 table {
    margin: auto;
}

.w3l_related_products_grid .white-bg td {
    padding: 3px;
    text-align: left;
}

.w3l_related_products_grid .white-bg td img {
    height: 13px;
    width: 13px;
}

.w3l_related_products_grid .white-bg button {
    background-color: #000;
    color: #fff;
    padding: 13px 20px;
    margin: 15px 0 0 0;
}

</style>
    

    		<div class="w3l_related_products">
	    <div class="container">
	        <h3>Related Products</h3>
	        <ul id="flexiselDemo2">
	            <li>
	                <div class="w3l_related_products_grid">
	                    <div class="white-bg">
	                        <div class="hs-wrapper">
							<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>
	                        <h2>
	                           Batting Legguard
	                        </h2>
	                        <h4>
	                            <table>
	                                <tr>
	                                    <td>Sizes:</td>
	                                    <td>M </td>
	                                    <td>L </td>
	                                    <td>XL </td>
	                                    <td>XXL</td>
	                                </tr>
	                                <tr>
	                                    <td>Colours:</td>
	                                    <td><img src="images/color/black.png" alt=""></td>
	                                    <td><img src="images/color/blue.png" alt=""></td>
	                                    <td><img src="images/color/green.png" alt=""></td>
	                                    <td><img src="images/color/red.png" alt=""></td>
	                                </tr>
	                            </table>
	                        </h4>
	                        <button onclick="window.location.href = 'single.php';">
	                            Shop Now
	                        </button>
	                    </div>
	                </div>
	            </li>
	            <li>
	                <div class="w3l_related_products_grid">
	                    <div class="white-bg">
	                        <div class="hs-wrapper">
							<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>
	                        <h2>
	                            Batting gloves
	                        </h2>
	                        <h4>
	                            <table>
	                                <tr>
	                                    <td>Sizes:</td>
	                                    <td>M </td>
	                                    <td>L </td>
	                                    <td>XL </td>
	                                    <td>XXL</td>
	                                </tr>
	                                <tr>
	                                    <td>Colours:</td>
	                                    <td><img src="images/color/black.png" alt=""></td>
	                                    <td><img src="images/color/blue.png" alt=""></td>
	                                    <td><img src="images/color/green.png" alt=""></td>
	                                    <td><img src="images/color/red.png" alt=""></td>
	                                </tr>
	                            </table>
	                        </h4>
	                        <button onclick="window.location.href = 'single.php';">
	                            Shop Now
	                        </button>
	                    </div>
	                </div>
	            </li>
	            <li>
	                <div class="w3l_related_products_grid">
	                    <div class="white-bg">
	                        <div class="hs-wrapper">
							<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>
	                        <h2>
	                            Body Protection
	                        </h2>
	                        <h4>
	                            <table>
	                                <tr>
	                                    <td>Sizes:</td>
	                                    <td>M </td>
	                                    <td>L </td>
	                                    <td>XL </td>
	                                    <td>XXL</td>
	                                </tr>
	                                <tr>
	                                    <td>Colours:</td>
	                                    <td><img src="images/color/black.png" alt=""></td>
	                                    <td><img src="images/color/blue.png" alt=""></td>
	                                    <td><img src="images/color/green.png" alt=""></td>
	                                    <td><img src="images/color/red.png" alt=""></td>
	                                </tr>
	                            </table>
	                        </h4>
	                        <button onclick="window.location.href = 'single.php';">
	                            Shop Now
	                        </button>
	                    </div>
	                </div>
	            </li>
	            <li>
	                <div class="w3l_related_products_grid">
	                    <div class="white-bg">
	                        <div class="hs-wrapper">
							<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>
	                        <h2>
	                            Bats
	                        </h2>
	                        <h4>
	                            <table>
	                                <tr>
	                                    <td>Sizes:</td>
	                                    <td>M </td>
	                                    <td>L </td>
	                                    <td>XL </td>
	                                    <td>XXL</td>
	                                </tr>
	                                <tr>
	                                    <td>Colours:</td>
	                                    <td><img src="images/color/black.png" alt=""></td>
	                                    <td><img src="images/color/blue.png" alt=""></td>
	                                    <td><img src="images/color/green.png" alt=""></td>
	                                    <td><img src="images/color/red.png" alt=""></td>
	                                </tr>
	                            </table>
	                        </h4>
	                        <button onclick="window.location.href = 'single.php';">
	                            Shop Now
	                        </button>
	                    </div>
	                </div>
	            </li>
	        </ul>
	        <script type="text/javascript">
	            $(window).load(function() {
	                $("#flexiselDemo2").flexisel({
	                    visibleItems: 4,
	                    animationSpeed: 1000,
	                    autoPlay: true,
	                    autoPlaySpeed: 3000,
	                    pauseOnHover: true,
	                    enableResponsiveBreakpoints: true,
	                    responsiveBreakpoints: {
	                        portrait: {
	                            changePoint: 480,
	                            visibleItems: 1
	                        },
	                        landscape: {
	                            changePoint: 640,
	                            visibleItems: 2
	                        },
	                        tablet: {
	                            changePoint: 768,
	                            visibleItems: 3
	                        }
	                    }
	                });

	            });

	        </script>
	        <script type="text/javascript" src="js/jquery.flexisel.js"></script>
	    </div>
	</div>
	<div class="modal video-modal fade" id="myModal6" tabindex="-1" role="dialog" aria-labelledby="myModal6">
	    <div class="modal-dialog" role="document">
	        <div class="modal-content">
	            <div class="modal-header">
	                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
	            </div>
	            <section>
	                <div class="modal-body">
	                    <div class="col-md-5 modal_body_left">
	                        <img src="images/39.png" alt=" " class="img-responsive" />
	                    </div>
	                    <div class="col-md-7 modal_body_right">
	                        <h4>Lorem ipsum</h4>
	                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.</p>
	                        <div class="rating">
	                            <div class="rating-left">
	                                <div class="icon-star img-responsive"></div>
	                            </div>
	                            <div class="rating-left">
	                                <div class="icon-star img-responsive"></div>
	                            </div>
	                            <div class="rating-left">
	                                <div class="icon-star img-responsive"></div>
	                            </div>
	                            <div class="rating-left">
	                                <div class="icon-star-o img-responsive"></div>
	                            </div>
	                            <div class="rating-left">
	                                <div class="icon-star-o img-responsive"></div>
	                            </div>

	                            <div class="clearfix"> </div>
	                        </div>
	                        <div class="modal_body_right_cart simpleCart_shelfItem">
	                            <p><span>Rs.320</span> <i class="item_price">Rs.250</i></p>
	                            <p><a class="item_add" href="#">Add to cart</a></p>
	                        </div>
	                        <h5>Size</h5>
	                        <div class="color-quality">
	                            <ul>
	                                <li><a href="#">M</a></li>
	                                <li><a href="#">L</a></li>
	                                <li><a href="#">XL</a></li>
	                                <li><a href="#">XXL</a></li>
	                            </ul>
	                        </div>
	                        <h5>Color</h5>
	                        <div class="color-quality">
	                            <ul>
	                                <li><a href="#"><span></span>Red</a></li>
	                                <li><a href="#" class="brown"><span></span>Yellow</a></li>
	                                <li><a href="#" class="purple"><span></span>Purple</a></li>
	                                <li><a href="#" class="gray"><span></span>Violet</a></li>
	                            </ul>
	                        </div>
	                    </div>
	                    <div class="clearfix"> </div>
	                </div>
	            </section>
	        </div>
	    </div>
	</div>
