<section class="product-slider tab-slider-product py-3">
<div class="tabs-listing">
<ul class="tabs clearfix tabs-style2">
<li class="active" rel="tab1">Women</li>
<li rel="tab2">Men</li>
<li rel="tab3" class="tab_last">Accessories</li>
</ul>
<div class="tab_container">
<h3 class="tab_drawer_heading d_active body-font text-uppercase text-center" rel="tab1">Women <i class="an an-angle-down-r" aria-hidden="true"></i></h3>
<div id="tab1" class="tab_content">
<div class="grid-products">
<div class="row">
<div class="col-6 col-sm-6 col-md-4 col-lg-3 item">
<!--Start Product Image-->
<div class="product-image">
<!--Start Product Image-->
<a href="product-layout1.html" class="product-img">
<!--Image-->
<img class="primary blur-up lazyload" data-src="assets/images/products/product-8.jpg" src="assets/images/products/product-8.jpg" alt="" title="">
<!--End Image-->
<!--Hover Image-->
<img class="hover blur-up lazyload" data-src="assets/images/products/product-8-1.jpg" src="assets/images/products/product-8-1.jpg" alt="" title="">
<!--End Hover Image-->
<!-- product label -->
<div class="product-labels"><span class="lbl on-sale">50% Off</span></div>
<!-- End product label -->
</a>
<!--End Product Image-->
<!--Product Button-->
<div class="button-set style2">
<ul>
<li>
<!--Cart Button-->
<a class="btn-icon btn btn-addto-cart pro-addtocart-popup" href="#pro-addtocart-popup">
<i class="icon an an-cart-l"></i> <span class="tooltip-label">Add to Cart</span>
</a>
<!--End Cart Button-->
</li>
<li>
<!--Quick View Button-->
<a href="javascript:void(0)" title="Quick View" class="btn-icon quick-view-popup quick-view" data-toggle="modal" data-target="#content_quickview">
<i class="icon an an-search-l"></i>
<span class="tooltip-label">Quick View</span>
</a>
<!--End Quick View Button-->
</li>
<li>
<!--Wishlist Button-->
<a class="btn-icon wishlist add-to-wishlist" href="my-wishlist.html">
<i class="icon an an-heart-l"></i>
<span class="tooltip-label">Add To Wishlist</span>
</a>
<!--End Wishlist Button-->
</li>
<li>
<!--Compare Button-->
<a class="btn-icon compare add-to-compare" href="compare-style2.html" title="Add to Compare">
<i class="icon an an-sync-ar"></i>
<span class="tooltip-label">Add to Compare</span>
</a>
<!--End Compare Button-->
</li>
</ul>
</div>
<!--End Product Button-->
</div>
<!--End Product Image-->
<!--Start Product Details-->
<div class="product-details text-left">
<!--Product Name-->
<div class="product-name">
<a href="product-layout1.html">Martha Knit Top</a>
</div>
<!--End Product Name-->
<!--Product Price-->
<div class="product-price">
<span class="old-price">$199.00</span>
<span class="price">$219.00</span>
</div>
<!--End Product Price-->
<!--Product Review-->
<div class="product-review"><i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star-o"></i></div>
<!--End Product Review-->
<!--Color Variant -->
<ul class="image-swatches swatches">
<li class="swatch rounded blue medium-xs"><span class="swacth-btn"></span><span class="tooltip-label">Blue</span></li>
<li class="swatch rounded pink medium-xs"><span class="swacth-btn"></span><span class="tooltip-label">Pink</span></li>
<li class="swatch rounded red medium-xs"><span class="swacth-btn"></span><span class="tooltip-label">Red</span></li>
<li class="swatch rounded yellow medium-xs"><span class="swacth-btn"></span><span class="tooltip-label">Yellow</span></li>
</ul>
<!-- End Variant -->
</div>
<!--End Product Details-->
</div>
<div class="col-6 col-sm-6 col-md-4 col-lg-3 item">
<!--Start Product Image-->
<div class="product-image">
<!--Start Product Image-->
<a href="product-layout1.html" class="product-img">
<!--Image-->
<img class="primary blur-up lazyload" data-src="assets/images/products/product-9-2.jpg" src="assets/images/products/product-9-2.jpg" alt="" title="">
<!--End Image-->
<!--Hover Image-->
<img class="hover blur-up lazyload" data-src="assets/images/products/product-9-1.jpg" src="assets/images/products/product-9-1.jpg" alt="" title="">
<!--End Hover Image-->
</a>
<!--End Product Image-->
<!--Countdown Timer-->
<div class="saleTime desktop" data-countdown="2024/10/01"></div>
<!--End Countdown Timer-->
<!--Product Button-->
<div class="button-set style2">
<ul>
<li>
<!--Cart Button-->
<a class="btn-icon btn btn-addto-cart pro-addtocart-popup" href="#pro-addtocart-popup">
<i class="icon an an-cart-l"></i> <span class="tooltip-label">Add to Cart</span>
</a>
<!--End Cart Button-->
</li>
<li>
<!--Quick View Button-->
<a href="javascript:void(0)" title="Quick View" class="btn-icon quick-view-popup quick-view" data-toggle="modal" data-target="#content_quickview">
<i class="icon an an-search-l"></i>
<span class="tooltip-label">Quick View</span>
</a>
<!--End Quick View Button-->
</li>
<li>
<!--Wishlist Button-->
<a class="btn-icon wishlist add-to-wishlist" href="my-wishlist.html">
<i class="icon an an-heart-l"></i>
<span class="tooltip-label">Add To Wishlist</span>
</a>
<!--End Wishlist Button-->
</li>
<li>
<!--Compare Button-->
<a class="btn-icon compare add-to-compare" href="compare-style2.html" title="Add to Compare">
<i class="icon an an-sync-ar"></i>
<span class="tooltip-label">Add to Compare</span>
</a>
<!--End Compare Button-->
</li>
</ul>
</div>
<!--End Product Button-->
</div>
<!--End Product Image-->
<!--Start Product Details-->
<div class="product-details text-left">
<!--Product Name-->
<div class="product-name">
<a href="product-layout1.html">Long Sleeve T-shirts</a>
</div>
<!--End Product Name-->
<!--Product Price-->
<div class="product-price">
<span class="price">$199.01</span>
</div>
<!--End Product Price-->
<!--Product Review-->
<div class="product-review"><i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star"></i><i class="an an-star"></i> <i class="an an-star"></i></div>
<!--End Product Review-->
<!-- Color Variant -->
<ul class="swatches">
<li class="swatch rounded purple medium-xs"><span class="tooltip-label">Purple</span></li>
<li class="swatch rounded black medium-xs"><span class="tooltip-label">Black</span></li>
<li class="swatch rounded navy medium-xs"><span class="tooltip-label">Navy</span></li>
</ul>
<!-- End Variant -->
</div>
<!--End Product Details-->
</div>
<div class="col-6 col-sm-6 col-md-4 col-lg-3 item">
<!--Start Product Image-->
<div class="product-image">
<!--Start Product Image-->
<a href="product-layout1.html" class="product-img">
<!--Image-->
<img class="primary blur-up lazyload" data-src="assets/images/products/product-7.jpg" src="assets/images/products/product-7.jpg" alt="" title="">
<!--End Image-->
<!--Hover Image-->
<img class="hover blur-up lazyload" data-src="assets/images/products/product-7-1.jpg" src="assets/images/products/product-7-1.jpg" alt="" title="">
<!--End Hover Image-->
</a>
<!--End Product Image-->
<!--Product label-->
<div class="product-labels"><span class="lbl pr-label1">New</span></div>
<!--Product label-->
<!--Product Button-->
<div class="button-set style2">
<ul>
<li>
<!--Cart Button-->
<a class="btn-icon btn btn-addto-cart pro-addtocart-popup" href="#pro-addtocart-popup">
<i class="icon an an-cart-l"></i> <span class="tooltip-label">Add to Cart</span>
</a>
<!--End Cart Button-->
</li>
<li>
<!--Quick View Button-->
<a href="javascript:void(0)" title="Quick View" class="btn-icon quick-view-popup quick-view" data-toggle="modal" data-target="#content_quickview">
<i class="icon an an-search-l"></i>
<span class="tooltip-label">Quick View</span>
</a>
<!--End Quick View Button-->
</li>
<li>
<!--Wishlist Button-->
<a class="btn-icon wishlist add-to-wishlist" href="my-wishlist.html">
<i class="icon an an-heart-l"></i>
<span class="tooltip-label">Add To Wishlist</span>
</a>
<!--End Wishlist Button-->
</li>
<li>
<!--Compare Button-->
<a class="btn-icon compare add-to-compare" href="compare-style2.html" title="Add to Compare">
<i class="icon an an-sync-ar"></i>
<span class="tooltip-label">Add to Compare</span>
</a>
<!--End Compare Button-->
</li>
</ul>
</div>
<!--End Product Button-->
</div>
<!--End Product Image-->
<!--Start Product Details-->
<div class="product-details text-left">
<!--Product Name-->
<div class="product-name">
<a href="product-layout1.html">Button Up Top Black</a>
</div>
<!--End Product Name-->
<!--Product Price-->
<div class="product-price">
<span class="price">$99.01</span>
</div>
<!--End Product Price-->
<!--Product Review-->
<div class="product-review"><i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star-o"></i> <i class="an an-star-o"></i> <i class="an an-star-o"></i></div>
<!--End Product Review-->
<!--Color Variant -->
<ul class="image-swatches swatches">
<li class="swatch rounded red medium-xs"><span class="swacth-btn"></span><span class="tooltip-label">Red</span></li>
<li class="swatch rounded yellow medium-xs"><span class="swacth-btn"></span><span class="tooltip-label">Yellow</span></li>
</ul>
<!-- End Variant -->
</div>
<!--End Product Details-->
</div>
<div class="col-6 col-sm-6 col-md-4 col-lg-3 item">
<!--Start Product Image-->
<div class="product-image">
<!--Start Product Image-->
<a href="product-layout1.html" class="product-img">
<!--Image-->
<img class="primary blur-up lazyload" data-src="assets/images/products/product-6.jpg" src="assets/images/products/product-6.jpg" alt="" title="">
<!--End Image-->
<!--Hover Image-->
<img class="hover blur-up lazyload" data-src="assets/images/products/product-6-1.jpg" src="assets/images/products/product-6-1.jpg" alt="" title="">
<!--End Hover Image-->
</a>
<!--End Product Image-->
<!--Product Button-->
<div class="button-set style2">
<ul>
<li>
<!--Cart Button-->
<a class="btn-icon btn btn-addto-cart pro-addtocart-popup" href="#pro-addtocart-popup">
<i class="icon an an-cart-l"></i> <span class="tooltip-label">Add to Cart</span>
</a>
<!--End Cart Button-->
</li>
<li>
<!--Quick View Button-->
<a href="javascript:void(0)" title="Quick View" class="btn-icon quick-view-popup quick-view" data-toggle="modal" data-target="#content_quickview">
<i class="icon an an-search-l"></i>
<span class="tooltip-label">Quick View</span>
</a>
<!--End Quick View Button-->
</li>
<li>
<!--Wishlist Button-->
<a class="btn-icon wishlist add-to-wishlist" href="my-wishlist.html">
<i class="icon an an-heart-l"></i>
<span class="tooltip-label">Add To Wishlist</span>
</a>
<!--End Wishlist Button-->
</li>
<li>
<!--Compare Button-->
<a class="btn-icon compare add-to-compare" href="compare-style2.html" title="Add to Compare">
<i class="icon an an-sync-ar"></i>
<span class="tooltip-label">Add to Compare</span>
</a>
<!--End Compare Button-->
</li>
</ul>
</div>
<!--End Product Button-->
</div>
<!--End Product Image-->
<!--Start Product Details-->
<div class="product-details text-left">
<!--Product Name-->
<div class="product-name">
<a href="product-layout1.html">Sunset Sleep Scarf Top</a>
</div>
<!--End Product Name-->
<!--Product Price-->
<div class="product-price">
<span class="price">$99.01</span>
</div>
<!--End Product Price-->
<!--Product Review-->
<div class="product-review"><i class="an an-star"></i> <i class="an an-star-o"></i> <i class="an an-star-o"></i> <i class="an an-star-o"></i> <i class="an an-star-o"></i></div>
<!--End Product Review-->
<!-- Color Variant -->
<ul class="swatches">
<li class="swatch rounded black medium-xs"><span class="tooltip-label">black</span></li>
<li class="swatch rounded navy medium-xs"><span class="tooltip-label">navy</span></li>
<li class="swatch rounded darkgreen medium-xs"><span class="tooltip-label">darkgreen</span></li>
</ul>
<!-- End Variant -->
</div>
<!--End Product Details-->
</div>
</div>
</div>
<div class="view-collection text-center mt-0">
<a href="#" class="btn btn-primary">View Collection</a>
</div>
</div>
<h3 class="tab_drawer_heading body-font text-uppercase text-center" rel="tab2">Men <i class="an an-angle-down-r" aria-hidden="true"></i></h3>
<div id="tab2" class="tab_content">
<div class="grid-products">
<div class="row">
<div class="col-6 col-sm-6 col-md-4 col-lg-3 item">
<!--Start Product Image-->
<div class="product-image">
<!--Start Product Image-->
<a href="product-layout1.html" class="product-img">
<!--Image-->
<img class="primary blur-up lazyload" data-src="assets/images/products/product-14.jpg" src="assets/images/products/product-14.jpg" alt="" title="">
<!--End Image-->
<!--Hover Image-->
<img class="hover blur-up lazyload" data-src="assets/images/products/product-14-1.jpg" src="assets/images/products/product-14-1.jpg" alt="" title="">
<!--End Hover Image-->
</a>
<!--End Product Image-->
<!--Product Button-->
<div class="button-set style2">
<ul>
<li>
<!--Cart Button-->
<a class="btn-icon btn btn-addto-cart pro-addtocart-popup" href="#pro-addtocart-popup">
<i class="icon an an-cart-l"></i> <span class="tooltip-label">Add to Cart</span>
</a>
<!--End Cart Button-->
</li>
<li>
<!--Quick View Button-->
<a href="javascript:void(0)" title="Quick View" class="btn-icon quick-view-popup quick-view" data-toggle="modal" data-target="#content_quickview">
<i class="icon an an-search-l"></i>
<span class="tooltip-label">Quick View</span>
</a>
<!--End Quick View Button-->
</li>
<li>
<!--Wishlist Button-->
<a class="btn-icon wishlist add-to-wishlist" href="my-wishlist.html">
<i class="icon an an-heart-l"></i>
<span class="tooltip-label">Add To Wishlist</span>
</a>
<!--End Wishlist Button-->
</li>
<li>
<!--Compare Button-->
<a class="btn-icon compare add-to-compare" href="compare-style2.html" title="Add to Compare">
<i class="icon an an-sync-ar"></i>
<span class="tooltip-label">Add to Compare</span>
</a>
<!--End Compare Button-->
</li>
</ul>
</div>
<!--End Product Button-->
</div>
<!--End Product Image-->
<!--Start Product Details-->
<div class="product-details text-left">
<!--Product Name-->
<div class="product-name">
<a href="product-layout1.html">Martha Knit Top</a>
</div>
<!--End Product Name-->
<!--Product Price-->
<div class="product-price">
<span class="old-price">$199.00</span>
<span class="price">$219.00</span>
</div>
<!--End Product Price-->
<!--Product Review-->
<div class="product-review"><i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star-o"></i></div>
<!--End Product Review-->
<!--Color Variant -->
<ul class="swatches">
<li class="swatch rounded green medium-xs"><span class="tooltip-label">Green</span></li>
<li class="swatch rounded orange medium-xs"><span class="tooltip-label">Orange</span></li>
</ul>
<!-- End Variant -->
</div>
<!--End Product Details-->
</div>
<div class="col-6 col-sm-6 col-md-4 col-lg-3 item">
<!--Start Product Image-->
<div class="product-image">
<!--Start Product Image-->
<a href="product-layout1.html" class="product-img">
<!--Image-->
<img class="primary blur-up lazyload" data-src="assets/images/products/product-12.jpg" src="assets/images/products/product-12.jpg" alt="" title="">
<!--End Image-->
<!--Hover Image-->
<img class="hover blur-up lazyload" data-src="assets/images/products/product-12-1.jpg" src="assets/images/products/product-12-1.jpg" alt="" title="">
<!--End Hover Image-->
</a>
<!--End Product Image-->
<!--Product Button-->
<div class="button-set style2">
<ul>
<li>
<!--Cart Button-->
<a class="btn-icon btn btn-addto-cart pro-addtocart-popup" href="#pro-addtocart-popup">
<i class="icon an an-cart-l"></i> <span class="tooltip-label">Add to Cart</span>
</a>
<!--End Cart Button-->
</li>
<li>
<!--Quick View Button-->
<a href="javascript:void(0)" title="Quick View" class="btn-icon quick-view-popup quick-view" data-toggle="modal" data-target="#content_quickview">
<i class="icon an an-search-l"></i>
<span class="tooltip-label">Quick View</span>
</a>
<!--End Quick View Button-->
</li>
<li>
<!--Wishlist Button-->
<a class="btn-icon wishlist add-to-wishlist" href="my-wishlist.html">
<i class="icon an an-heart-l"></i>
<span class="tooltip-label">Add To Wishlist</span>
</a>
<!--End Wishlist Button-->
</li>
<li>
<!--Compare Button-->
<a class="btn-icon compare add-to-compare" href="compare-style2.html" title="Add to Compare">
<i class="icon an an-sync-ar"></i>
<span class="tooltip-label">Add to Compare</span>
</a>
<!--End Compare Button-->
</li>
</ul>
</div>
<!--End Product Button-->
</div>
<!--End Product Image-->
<!--Start Product Details-->
<div class="product-details text-left">
<!--Product Name-->
<div class="product-name">
<a href="product-layout1.html">Long Sleeve T-shirts</a>
</div>
<!--End Product Name-->
<!--Product Price-->
<div class="product-price">
<span class="price">$199.00</span>
</div>
<!--End Product Price-->
<!--Product Review-->
<div class="product-review"><i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star"></i><i class="an an-star"></i> <i class="an an-star"></i></div>
<!--End Product Review-->
<!-- Color Variant -->
<ul class="swatches">
<li class="swatch rounded black medium-xs"><span class="tooltip-label">Black</span></li>
<li class="swatch rounded purple medium-xs"><span class="tooltip-label">Purple</span></li>
</ul>
<!-- End Variant -->
</div>
<!--End Product Details-->
</div>
<div class="col-6 col-sm-6 col-md-4 col-lg-3 item">
<!--Start Product Image-->
<div class="product-image">
<!--Start Product Image-->
<a href="product-layout1.html" class="product-img">
<!--Image-->
<img class="primary blur-up lazyload" data-src="assets/images/products/product-13.jpg" src="assets/images/products/product-13.jpg" alt="" title="">
<!--End Image-->
<!--Hover Image-->
<img class="hover blur-up lazyload" data-src="assets/images/products/product-13-1.jpg" src="assets/images/products/product-13-1.jpg" alt="" title="">
<!--End Hover Image-->
</a>
<!--End Product Image-->
<!--Product label-->
<div class="product-labels"><span class="lbl pr-label1">HOT</span></div>
<!--Product label-->
<!--Product Button-->
<div class="button-set style2">
<ul>
<li>
<!--Cart Button-->
<a class="btn-icon btn btn-addto-cart pro-addtocart-popup" href="#pro-addtocart-popup">
<i class="icon an an-cart-l"></i> <span class="tooltip-label">Add to Cart</span>
</a>
<!--End Cart Button-->
</li>
<li>
<!--Quick View Button-->
<a href="javascript:void(0)" title="Quick View" class="btn-icon quick-view-popup quick-view" data-toggle="modal" data-target="#content_quickview">
<i class="icon an an-search-l"></i>
<span class="tooltip-label">Quick View</span>
</a>
<!--End Quick View Button-->
</li>
<li>
<!--Wishlist Button-->
<a class="btn-icon wishlist add-to-wishlist" href="my-wishlist.html">
<i class="icon an an-heart-l"></i>
<span class="tooltip-label">Add To Wishlist</span>
</a>
<!--End Wishlist Button-->
</li>
<li>
<!--Compare Button-->
<a class="btn-icon compare add-to-compare" href="compare-style2.html" title="Add to Compare">
<i class="icon an an-sync-ar"></i>
<span class="tooltip-label">Add to Compare</span>
</a>
<!--End Compare Button-->
</li>
</ul>
</div>
<!--End Product Button-->
</div>
<!--End Product Image-->
<!--Start Product Details-->
<div class="product-details text-left">
<!--Product Name-->
<div class="product-name">
<a href="product-layout1.html">Stand Collar Slim Shirt</a>
</div>
<!--End Product Name-->
<!--Product Price-->
<div class="product-price">
<span class="price">$399.00</span>
</div>
<!--End Product Price-->
<!--Product Review-->
<div class="product-review"><i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star-o"></i> <i class="an an-star-o"></i> <i class="an an-star-o"></i></div>
<!--End Product Review-->
<!-- Color Variant -->
<ul class="swatches">
<li class="swatch rounded red medium-xs"><span class="tooltip-label">red</span></li>
</ul>
<!-- End Variant -->
</div>
<!--End Product Details-->
</div>
<div class="col-6 col-sm-6 col-md-4 col-lg-3 item">
<!--Start Product Image-->
<div class="product-image">
<!--Start Product Image-->
<a href="product-layout1.html" class="product-img">
<!--Image-->
<img class="primary blur-up lazyload" data-src="assets/images/products/product-15.jpg" src="assets/images/products/product-15.jpg" alt="" title="">
<!--End Image-->
<!--Hover Image-->
<img class="hover blur-up lazyload" data-src="assets/images/products/product-15-1.jpg" src="assets/images/products/product-15-1.jpg" alt="" title="">
<!--End Hover Image-->
</a>
<!--End Product Image-->
<!--Product Button-->
<div class="button-set style2">
<ul>
<li>
<!--Cart Button-->
<a class="btn-icon btn btn-addto-cart pro-addtocart-popup" href="#pro-addtocart-popup">
<i class="icon an an-cart-l"></i> <span class="tooltip-label">Add to Cart</span>
</a>
<!--End Cart Button-->
</li>
<li>
<!--Quick View Button-->
<a href="javascript:void(0)" title="Quick View" class="btn-icon quick-view-popup quick-view" data-toggle="modal" data-target="#content_quickview">
<i class="icon an an-search-l"></i>
<span class="tooltip-label">Quick View</span>
</a>
<!--End Quick View Button-->
</li>
<li>
<!--Wishlist Button-->
<a class="btn-icon wishlist add-to-wishlist" href="my-wishlist.html">
<i class="icon an an-heart-l"></i>
<span class="tooltip-label">Add To Wishlist</span>
</a>
<!--End Wishlist Button-->
</li>
<li>
<!--Compare Button-->
<a class="btn-icon compare add-to-compare" href="compare-style2.html" title="Add to Compare">
<i class="icon an an-sync-ar"></i>
<span class="tooltip-label">Add to Compare</span>
</a>
<!--End Compare Button-->
</li>
</ul>
</div>
<!--End Product Button-->
</div>
<!--End Product Image-->
<!--Start Product Details-->
<div class="product-details text-left">
<!--Product Name-->
<div class="product-name">
<a href="product-layout1.html">Weave Hoodie Sweatshirt</a>
</div>
<!--End Product Name-->
<!--Product Price-->
<div class="product-price">
<span class="price">$199.00</span>
</div>
<!--End Product Price-->
<!--Product Review-->
<div class="product-review"><i class="an an-star"></i> <i class="an an-star-o"></i> <i class="an an-star-o"></i> <i class="an an-star-o"></i> <i class="an an-star-o"></i></div>
<!--End Product Review-->
<!-- Color Variant -->
<ul class="swatches">
<li class="swatch rounded darkgreen medium-xs"><span class="tooltip-label">darkgreen</span></li>
</ul>
<!-- End Variant -->
</div>
<!--End Product Details-->
</div>
</div>
</div>
<div class="view-collection text-center mt-3 mt-md-4">
<a href="#" class="btn btn-primary">View Collection</a>
</div>
</div>
<h3 class="tab_drawer_heading body-font text-uppercase text-center" rel="tab3">Accessories <i class="an an-angle-down-r" aria-hidden="true"></i></h3>
<div id="tab3" class="tab_content">
<div class="grid-products">
<div class="row">
<div class="col-6 col-sm-6 col-md-4 col-lg-3 item">
<!--Start Product Image-->
<div class="product-image">
<!--Start Product Image-->
<a href="product-layout1.html" class="product-img">
<!--Image-->
<img class="primary blur-up lazyload" data-src="assets/images/products/product-17.jpg" src="assets/images/products/product-17.jpg" alt="" title="">
<!--End Image-->
<!--Hover Image-->
<img class="hover blur-up lazyload" data-src="assets/images/products/product-17-1.jpg" src="assets/images/products/product-17-1.jpg" alt="" title="">
<!--End Hover Image-->
<!-- product label -->
<div class="product-labels"><span class="lbl on-sale">40% OFF</span></div>
<!-- End product label -->
</a>
<!--End Product Image-->
<!--Product Button-->
<div class="button-set style2">
<ul>
<li>
<!--Cart Button-->
<a class="btn-icon btn btn-addto-cart pro-addtocart-popup" href="#pro-addtocart-popup">
<i class="icon an an-cart-l"></i> <span class="tooltip-label">Add to Cart</span>
</a>
<!--End Cart Button-->
</li>
<li>
<!--Quick View Button-->
<a href="javascript:void(0)" title="Quick View" class="btn-icon quick-view-popup quick-view" data-toggle="modal" data-target="#content_quickview">
<i class="icon an an-search-l"></i>
<span class="tooltip-label">Quick View</span>
</a>
<!--End Quick View Button-->
</li>
<li>
<!--Wishlist Button-->
<a class="btn-icon wishlist add-to-wishlist" href="my-wishlist.html">
<i class="icon an an-heart-l"></i>
<span class="tooltip-label">Add To Wishlist</span>
</a>
<!--End Wishlist Button-->
</li>
<li>
<!--Compare Button-->
<a class="btn-icon compare add-to-compare" href="compare-style2.html" title="Add to Compare">
<i class="icon an an-sync-ar"></i>
<span class="tooltip-label">Add to Compare</span>
</a>
<!--End Compare Button-->
</li>
</ul>
</div>
<!--End Product Button-->
</div>
<!--End Product Image-->
<!--Start Product Details-->
<div class="product-details text-left">
<!--Product Name-->
<div class="product-name">
<a href="product-layout1.html">Black Solid Cap</a>
</div>
<!--End Product Name-->
<!--Product Price-->
<div class="product-price">
<span class="old-price">$99.00</span>
<span class="price">$89.00</span>
</div>
<!--End Product Price-->
<!--Product Review-->
<div class="product-review"><i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star-o"></i></div>
<!--End Product Review-->
<!--Color Variant -->
<ul class="swatches">
<li class="swatch rounded aqua medium-xs"><span class="tooltip-label">Aqua</span></li>
<li class="swatch rounded orange medium-xs"><span class="tooltip-label">Orange</span></li>
</ul>
<!-- End Variant -->
</div>
<!--End Product Details-->
</div>
<div class="col-6 col-sm-6 col-md-4 col-lg-3 item">
<!--Start Product Image-->
<div class="product-image">
<!--Start Product Image-->
<a href="product-layout1.html" class="product-img">
<!--Image-->
<img class="primary blur-up lazyload" data-src="assets/images/products/product-18.jpg" src="assets/images/products/product-18.jpg" alt="" title="">
<!--End Image-->
<!--Hover Image-->
<img class="hover blur-up lazyload" data-src="assets/images/products/product-18-1.jpg" src="assets/images/products/product-18-1.jpg" alt="" title="">
<!--End Hover Image-->
</a>
<!--End Product Image-->
<!--Product Button-->
<div class="button-set style2">
<ul>
<li>
<!--Cart Button-->
<a class="btn-icon btn btn-addto-cart pro-addtocart-popup" href="#pro-addtocart-popup">
<i class="icon an an-cart-l"></i> <span class="tooltip-label">Add to Cart</span>
</a>
<!--End Cart Button-->
</li>
<li>
<!--Quick View Button-->
<a href="javascript:void(0)" title="Quick View" class="btn-icon quick-view-popup quick-view" data-toggle="modal" data-target="#content_quickview">
<i class="icon an an-search-l"></i>
<span class="tooltip-label">Quick View</span>
</a>
<!--End Quick View Button-->
</li>
<li>
<!--Wishlist Button-->
<a class="btn-icon wishlist add-to-wishlist" href="my-wishlist.html">
<i class="icon an an-heart-l"></i>
<span class="tooltip-label">Add To Wishlist</span>
</a>
<!--End Wishlist Button-->
</li>
<li>
<!--Compare Button-->
<a class="btn-icon compare add-to-compare" href="compare-style2.html" title="Add to Compare">
<i class="icon an an-sync-ar"></i>
<span class="tooltip-label">Add to Compare</span>
</a>
<!--End Compare Button-->
</li>
</ul>
</div>
<!--End Product Button-->
</div>
<!--End Product Image-->
<!--Start Product Details-->
<div class="product-details text-left">
<!--Product Name-->
<div class="product-name">
<a href="product-layout1.html">Leather backpack Black</a>
</div>
<!--End Product Name-->
<!--Product Price-->
<div class="product-price">
<span class="price">$199.00</span>
</div>
<!--End Product Price-->
<!--Product Review-->
<div class="product-review"><i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star"></i><i class="an an-star"></i> <i class="an an-star"></i></div>
<!--End Product Review-->
<!-- Color Variant -->
<ul class="swatches">
<li class="swatch rounded black medium-xs"><span class="tooltip-label">Black</span></li>
<li class="swatch rounded purple medium-xs"><span class="tooltip-label">Purple</span></li>
</ul>
<!-- End Variant -->
</div>
<!--End Product Details-->
</div>
<div class="col-6 col-sm-6 col-md-4 col-lg-3 item">
<!--Start Product Image-->
<div class="product-image">
<!--Start Product Image-->
<a href="product-layout1.html" class="product-img">
<!--Image-->
<img class="primary blur-up lazyload" data-src="assets/images/products/product-19.jpg" src="assets/images/products/product-19.jpg" alt="" title="">
<!--End Image-->
<!--Hover Image-->
<img class="hover blur-up lazyload" data-src="assets/images/products/product-19-1.jpg" src="assets/images/products/product-19-1.jpg" alt="" title="">
<!--End Hover Image-->
</a>
<!--End Product Image-->
<!--Product Button-->
<div class="button-set style2">
<ul>
<li>
<!--Cart Button-->
<a class="btn-icon btn btn-addto-cart pro-addtocart-popup" href="#pro-addtocart-popup">
<i class="icon an an-cart-l"></i> <span class="tooltip-label">Add to Cart</span>
</a>
<!--End Cart Button-->
</li>
<li>
<!--Quick View Button-->
<a href="javascript:void(0)" title="Quick View" class="btn-icon quick-view-popup quick-view" data-toggle="modal" data-target="#content_quickview">
<i class="icon an an-search-l"></i>
<span class="tooltip-label">Quick View</span>
</a>
<!--End Quick View Button-->
</li>
<li>
<!--Wishlist Button-->
<a class="btn-icon wishlist add-to-wishlist" href="my-wishlist.html">
<i class="icon an an-heart-l"></i>
<span class="tooltip-label">Add To Wishlist</span>
</a>
<!--End Wishlist Button-->
</li>
<li>
<!--Compare Button-->
<a class="btn-icon compare add-to-compare" href="compare-style2.html" title="Add to Compare">
<i class="icon an an-sync-ar"></i>
<span class="tooltip-label">Add to Compare</span>
</a>
<!--End Compare Button-->
</li>
</ul>
</div>
<!--End Product Button-->
</div>
<!--End Product Image-->
<!--Start Product Details-->
<div class="product-details text-left">
<!--Product Name-->
<div class="product-name">
<a href="product-layout1.html">Aviator Sunglasses</a>
</div>
<!--End Product Name-->
<!--Product Price-->
<div class="product-price">
<span class="price">$59.00</span>
</div>
<!--End Product Price-->
<!--Product Review-->
<div class="product-review"><i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star-o"></i> <i class="an an-star-o"></i> <i class="an an-star-o"></i></div>
<!--End Product Review-->
<!-- Color Variant -->
<ul class="swatches">
<li class="swatch rounded red medium-xs"><span class="tooltip-label">red</span></li>
<li class="swatch rounded orange medium-xs"><span class="tooltip-label">orange</span></li>
<li class="swatch rounded yellow medium-xs"><span class="tooltip-label">yellow</span></li>
</ul>
<!-- End Variant -->
</div>
<!--End Product Details-->
</div>
<div class="col-6 col-sm-6 col-md-4 col-lg-3 item">
<!--Start Product Image-->
<div class="product-image">
<!--Start Product Image-->
<a href="product-layout1.html" class="product-img">
<!--Image-->
<img class="primary blur-up lazyload" data-src="assets/images/products/product-20.jpg" src="assets/images/products/product-20.jpg" alt="" title="">
<!--End Image-->
<!--Hover Image-->
<img class="hover blur-up lazyload" data-src="assets/images/products/product-20-1.jpg" src="assets/images/products/product-20-1.jpg" alt="" title="">
<!--End Hover Image-->
</a>
<!--End Product Image-->
<!--Product Button-->
<div class="button-set style2">
<ul>
<li>
<!--Cart Button-->
<a class="btn-icon btn btn-addto-cart pro-addtocart-popup" href="#pro-addtocart-popup">
<i class="icon an an-cart-l"></i> <span class="tooltip-label">Add to Cart</span>
</a>
<!--End Cart Button-->
</li>
<li>
<!--Quick View Button-->
<a href="javascript:void(0)" title="Quick View" class="btn-icon quick-view-popup quick-view" data-toggle="modal" data-target="#content_quickview">
<i class="icon an an-search-l"></i>
<span class="tooltip-label">Quick View</span>
</a>
<!--End Quick View Button-->
</li>
<li>
<!--Wishlist Button-->
<a class="btn-icon wishlist add-to-wishlist" href="my-wishlist.html">
<i class="icon an an-heart-l"></i>
<span class="tooltip-label">Add To Wishlist</span>
</a>
<!--End Wishlist Button-->
</li>
<li>
<!--Compare Button-->
<a class="btn-icon compare add-to-compare" href="compare-style2.html" title="Add to Compare">
<i class="icon an an-sync-ar"></i>
<span class="tooltip-label">Add to Compare</span>
</a>
<!--End Compare Button-->
</li>
</ul>
</div>
<!--End Product Button-->
</div>
<!--End Product Image-->
<!--Start Product Details-->
<div class="product-details text-left">
<!--Product Name-->
<div class="product-name">
<a href="product-layout1.html">Classic Watch Khaki</a>
</div>
<!--End Product Name-->
<!--Product Price-->
<div class="product-price">
<span class="price">$499.00</span>
</div>
<!--End Product Price-->
<!--Product Review-->
<div class="product-review"><i class="an an-star"></i> <i class="an an-star-o"></i> <i class="an an-star-o"></i> <i class="an an-star-o"></i> <i class="an an-star-o"></i></div>
<!--End Product Review-->
<!-- Color Variant -->
<ul class="swatches">
<li class="swatch rounded darkgreen medium-xs"><span class="tooltip-label">darkgreen</span></li>
</ul>
<!-- End Variant -->
</div>
<!--End Product Details-->
</div>
</div>
</div>
<div class="view-collection text-center mt-3 mt-md-4">
<a href="#" class="btn btn-primary">View Collection</a>
</div>
</div>
</div>
</div>
</section>
<section class="product-slider tab-slider-product py-3">
<div class="tabs-listing">
<ul class="tabs clearfix tabs-style3">
<li class="active" rel="tab11">Women</li>
<li rel="tab12">Mens</li>
<li rel="tab13" class="tab_last">Accessories</li>
</ul>
<div class="tab_container">
<h3 class="tab_drawer_heading d_active body-font text-uppercase text-center" rel="tab11">Women <i class="an an-angle-down-r" aria-hidden="true"></i></h3>
<div id="tab11" class="tab_content grid-products">
<div class="productSlider">
<div class="item">
<!--Start Product Image-->
<div class="product-image">
<!--Start Product Image-->
<a href="product-layout1.html" class="product-img">
<!--Image-->
<img class="primary blur-up lazyload" data-src="assets/images/products/product-11.jpg" src="assets/images/products/product-11.jpg" alt="" title="">
<!--End Image-->
<!--Hover Image-->
<img class="hover blur-up lazyload" data-src="assets/images/products/product-11-1.jpg" src="assets/images/products/product-11-1.jpg" alt="" title="">
<!--End Hover Image-->
</a>
<!--End Product Image-->
<!--Product Button-->
<div class="button-set style3">
<ul>
<li>
<!--Cart Button-->
<a class="btn-icon btn btn-addto-cart pro-addtocart-popup" href="#pro-addtocart-popup">
<i class="icon an an-cart-l"></i> <span class="tooltip-label left">Add to Cart</span>
</a>
<!--End Cart Button-->
</li>
<li>
<!--Quick View Button-->
<a href="javascript:void(0)" title="Quick View" class="btn-icon quick-view-popup quick-view" data-toggle="modal" data-target="#content_quickview">
<i class="icon an an-search-l"></i>
<span class="tooltip-label left">Quick View</span>
</a>
<!--End Quick View Button-->
</li>
<li>
<!--Wishlist Button-->
<a class="btn-icon wishlist add-to-wishlist" href="my-wishlist.html">
<i class="icon an an-heart-l"></i>
<span class="tooltip-label left">Add To Wishlist</span>
</a>
<!--End Wishlist Button-->
</li>
<li>
<!--Compare Button-->
<a class="btn-icon compare add-to-compare" href="compare-style2.html" title="Add to Compare">
<i class="icon an an-sync-ar"></i>
<span class="tooltip-label left">Add to Compare</span>
</a>
<!--End Compare Button-->
</li>
</ul>
</div>
<!--End Product Button-->
</div>
<!--End Product Image-->
<!--Start Product Details-->
<div class="product-details text-center">
<!--Product Name-->
<div class="product-name text-uppercase">
<a href="product-layout1.html">Puffer Jacket</a>
</div>
<!--End Product Name-->
<!--Product Price-->
<div class="product-price">
<span class="price">$89.00</span>
</div>
<!--End Product Price-->
<!--Product Review-->
<div class="product-review"><i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star-o"></i></div>
<!--End Product Review-->
<!-- Color Variant -->
<ul class="image-swatches swatches mb-0">
<li class="blue large"><span class="swacth-btn"></span><span class="tooltip-label">Blue</span></li>
<li class="pink large"><span class="swacth-btn"></span><span class="tooltip-label">Pink</span></li>
<li class="red large"><span class="swacth-btn"></span><span class="tooltip-label">Red</span></li>
<li class="yellow large"><span class="swacth-btn"></span><span class="tooltip-label">Yellow</span></li>
</ul>
<!-- End Variant -->
</div>
<!--End Product Details-->
</div>
<div class="item">
<!--Start Product Image-->
<div class="product-image">
<!--Start Product Image-->
<a href="product-layout1.html" class="product-img">
<!--Image-->
<img class="primary blur-up lazyload" data-src="assets/images/products/product-21.jpg" src="assets/images/products/product-21.jpg" alt="" title="">
<!--End Image-->
<!--Hover Image-->
<img class="hover blur-up lazyload" data-src="assets/images/products/product-21-1.jpg" src="assets/images/products/product-21-1.jpg" alt="" title="">
<!--End Hover Image-->
</a>
<!--End Product Image-->
<!--Countdown Timer-->
<div class="saleTime desktop" data-countdown="2024/10/01"></div>
<!--End Countdown Timer-->
<!--Product Button-->
<div class="button-set style3">
<ul>
<li>
<!--Cart Button-->
<a class="btn-icon btn btn-addto-cart pro-addtocart-popup" href="#pro-addtocart-popup">
<i class="icon an an-cart-l"></i> <span class="tooltip-label left">Add to Cart</span>
</a>
<!--End Cart Button-->
</li>
<li>
<!--Quick View Button-->
<a href="javascript:void(0)" title="Quick View" class="btn-icon quick-view-popup quick-view" data-toggle="modal" data-target="#content_quickview">
<i class="icon an an-search-l"></i>
<span class="tooltip-label left">Quick View</span>
</a>
<!--End Quick View Button-->
</li>
<li>
<!--Wishlist Button-->
<a class="btn-icon wishlist add-to-wishlist" href="my-wishlist.html">
<i class="icon an an-heart-l"></i>
<span class="tooltip-label left">Add To Wishlist</span>
</a>
<!--End Wishlist Button-->
</li>
<li>
<!--Compare Button-->
<a class="btn-icon compare add-to-compare" href="compare-style2.html" title="Add to Compare">
<i class="icon an an-sync-ar"></i>
<span class="tooltip-label left">Add to Compare</span>
</a>
<!--End Compare Button-->
</li>
</ul>
</div>
<!--End Product Button-->
</div>
<!--End Product Image-->
<!--Start Product Details-->
<div class="product-details text-center">
<!--Product Name-->
<div class="product-name text-uppercase">
<a href="product-layout1.html">Women Long Jeans</a>
</div>
<!--End Product Name-->
<!--Product Price-->
<div class="product-price">
<span class="price">$189.00</span>
</div>
<!--End Product Price-->
<!--Product Review-->
<div class="product-review"><i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star-o"></i></div>
<!--End Product Review-->
<!-- Color Variant -->
<ul class="swatches">
<li class="swatch large maroon"><span class="tooltip-label">maroon</span></li>
<li class="swatch large green"><span class="tooltip-label">Green</span></li>
<li class="swatch large orange"><span class="tooltip-label">Orange</span></li>
</ul>
<!-- End Variant -->
</div>
<!--End Product Details-->
</div>
<div class="item">
<!--Start Product Image-->
<div class="product-image">
<!--Start Product Image-->
<a href="product-layout1.html" class="product-img">
<!--Image-->
<img class="primary blur-up lazyload" data-src="assets/images/products/product-22.jpg" src="assets/images/products/product-22.jpg" alt="" title="">
<!--End Image-->
<!--Hover Image-->
<img class="hover blur-up lazyload" data-src="assets/images/products/product-22-1.jpg" src="assets/images/products/product-22-1.jpg" alt="" title="">
<!--End Hover Image-->
</a>
<!--End Product Image-->
<!--Product Button-->
<div class="button-set style3">
<ul>
<li>
<!--Cart Button-->
<a class="btn-icon btn btn-addto-cart pro-addtocart-popup" href="#pro-addtocart-popup">
<i class="icon an an-cart-l"></i> <span class="tooltip-label left">Add to Cart</span>
</a>
<!--End Cart Button-->
</li>
<li>
<!--Quick View Button-->
<a href="javascript:void(0)" title="Quick View" class="btn-icon quick-view-popup quick-view" data-toggle="modal" data-target="#content_quickview">
<i class="icon an an-search-l"></i>
<span class="tooltip-label left">Quick View</span>
</a>
<!--End Quick View Button-->
</li>
<li>
<!--Wishlist Button-->
<a class="btn-icon wishlist add-to-wishlist" href="my-wishlist.html">
<i class="icon an an-heart-l"></i>
<span class="tooltip-label left">Add To Wishlist</span>
</a>
<!--End Wishlist Button-->
</li>
<li>
<!--Compare Button-->
<a class="btn-icon compare add-to-compare" href="compare-style2.html" title="Add to Compare">
<i class="icon an an-sync-ar"></i>
<span class="tooltip-label left">Add to Compare</span>
</a>
<!--End Compare Button-->
</li>
</ul>
</div>
<!--End Product Button-->
</div>
<!--End Product Image-->
<!--Start Product Details-->
<div class="product-details text-center">
<!--Product Name-->
<div class="product-name text-uppercase">
<a href="product-layout1.html">Long Sleev Top</a>
</div>
<!--End Product Name-->
<!--Product Price-->
<div class="product-price">
<span class="price">$189.00</span>
</div>
<!--End Product Price-->
<!--Product Review-->
<div class="product-review"><i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star-o"></i></div>
<!--End Product Review-->
<!-- Color Variant -->
<ul class="swatches">
<li class="swatch large navy"><span class="tooltip-label">Navy</span></li>
<li class="swatch large green"><span class="tooltip-label">Green</span></li>
</ul>
<!-- End Variant -->
</div>
<!--End Product Details-->
</div>
<div class="item">
<!--Start Product Image-->
<div class="product-image">
<!--Start Product Image-->
<a href="product-layout1.html" class="product-img">
<!--Image-->
<img class="primary blur-up lazyload" data-src="assets/images/products/product-6.jpg" src="assets/images/products/product-6.jpg" alt="" title="">
<!--End Image-->
<!--Hover Image-->
<img class="hover blur-up lazyload" data-src="assets/images/products/product-6-1.jpg" src="assets/images/products/product-6-1.jpg" alt="" title="">
<!--End Hover Image-->
</a>
<!--End Product Image-->
<!--Product Button-->
<div class="button-set style3">
<ul>
<li>
<!--Cart Button-->
<a class="btn-icon btn btn-addto-cart pro-addtocart-popup" href="#pro-addtocart-popup">
<i class="icon an an-cart-l"></i> <span class="tooltip-label left">Add to Cart</span>
</a>
<!--End Cart Button-->
</li>
<li>
<!--Quick View Button-->
<a href="javascript:void(0)" title="Quick View" class="btn-icon quick-view-popup quick-view" data-toggle="modal" data-target="#content_quickview">
<i class="icon an an-search-l"></i>
<span class="tooltip-label left">Quick View</span>
</a>
<!--End Quick View Button-->
</li>
<li>
<!--Wishlist Button-->
<a class="btn-icon wishlist add-to-wishlist" href="my-wishlist.html">
<i class="icon an an-heart-l"></i>
<span class="tooltip-label left">Add To Wishlist</span>
</a>
<!--End Wishlist Button-->
</li>
<li>
<!--Compare Button-->
<a class="btn-icon compare add-to-compare" href="compare-style2.html" title="Add to Compare">
<i class="icon an an-sync-ar"></i>
<span class="tooltip-label left">Add to Compare</span>
</a>
<!--End Compare Button-->
</li>
</ul>
</div>
<!--End Product Button-->
</div>
<!--End Product Image-->
<!--Start Product Details-->
<div class="product-details text-center">
<!--Product Name-->
<div class="product-name text-uppercase">
<a href="product-layout1.html">Sunset Sleep Scarf Top</a>
</div>
<!--End Product Name-->
<!--Product Price-->
<div class="product-price">
<span class="price">$99.01</span>
</div>
<!--End Product Price-->
<!--Product Review-->
<div class="product-review"><i class="an an-star"></i> <i class="an an-star-o"></i> <i class="an an-star-o"></i> <i class="an an-star-o"></i> <i class="an an-star-o"></i></div>
<!--End Product Review-->
<!-- Color Variant -->
<ul class="image-swatches swatches mb-0">
<li class="green large" style='background-image:url("assets/images/products/swatches/top-green-1.jpg");'><span class="swacth-btn"></span><span class="tooltip-label">Green</span></li>
<li class="peach large" style='background-image:url("assets/images/products/swatches/top-peach-1.jpg");'><span class="swacth-btn"></span><span class="tooltip-label">Peach</span></li>
<li class="white large" style='background-image:url("assets/images/products/swatches/top-white-1.jpg");'><span class="swacth-btn"></span><span class="tooltip-label">White</span></li>
</ul>
<!-- End Variant -->
</div>
<!--End Product Details-->
</div>
<div class="item">
<!--Start Product Image-->
<div class="product-image">
<!--Start Product Image-->
<a href="product-layout1.html" class="product-img">
<!--Image-->
<img class="primary blur-up lazyload" data-src="assets/images/products/product-8.jpg" src="assets/images/products/product-8.jpg" alt="" title="">
<!--End Image-->
<!--Hover Image-->
<img class="hover blur-up lazyload" data-src="assets/images/products/product-8-1.jpg" src="assets/images/products/product-8-1.jpg" alt="" title="">
<!--End Hover Image-->
<!-- product label -->
<div class="product-labels"><span class="lbl on-sale">50% Off</span></div>
<!-- End product label -->
</a>
<!--End Product Image-->
<!--Product Button-->
<div class="button-set style3">
<ul>
<li>
<!--Cart Button-->
<a class="btn-icon btn btn-addto-cart pro-addtocart-popup" href="#pro-addtocart-popup">
<i class="icon an an-cart-l"></i> <span class="tooltip-label left">Add to Cart</span>
</a>
<!--End Cart Button-->
</li>
<li>
<!--Quick View Button-->
<a href="javascript:void(0)" title="Quick View" class="btn-icon quick-view-popup quick-view" data-toggle="modal" data-target="#content_quickview">
<i class="icon an an-search-l"></i>
<span class="tooltip-label left">Quick View</span>
</a>
<!--End Quick View Button-->
</li>
<li>
<!--Wishlist Button-->
<a class="btn-icon wishlist add-to-wishlist" href="my-wishlist.html">
<i class="icon an an-heart-l"></i>
<span class="tooltip-label left">Add To Wishlist</span>
</a>
<!--End Wishlist Button-->
</li>
<li>
<!--Compare Button-->
<a class="btn-icon compare add-to-compare" href="compare-style2.html" title="Add to Compare">
<i class="icon an an-sync-ar"></i>
<span class="tooltip-label left">Add to Compare</span>
</a>
<!--End Compare Button-->
</li>
</ul>
</div>
<!--End Product Button-->
</div>
<!--End Product Image-->
<!--Start Product Details-->
<div class="product-details text-center">
<!--Product Name-->
<div class="product-name text-uppercase">
<a href="product-layout1.html">Martha Knit Top</a>
</div>
<!--End Product Name-->
<!--Product Price-->
<div class="product-price">
<span class="old-price">$199.00</span>
<span class="price">$219.00</span>
</div>
<!--End Product Price-->
<!--Product Review-->
<div class="product-review"><i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star-o"></i></div>
<!--End Product Review-->
<!--Color Variant -->
<ul class="swatches">
<li class="swatch large gray"><span class="tooltip-label">Gray</span></li>
<li class="swatch large aqua"><span class="tooltip-label">Aqua</span></li>
<li class="swatch large orange"><span class="tooltip-label">Orange</span></li>
</ul>
<!-- End Variant -->
</div>
<!--End Product Details-->
</div>
<div class="item">
<!--Start Product Image-->
<div class="product-image">
<!--Start Product Image-->
<a href="product-layout1.html" class="product-img">
<!--Image-->
<img class="primary blur-up lazyload" data-src="assets/images/products/product-9-2.jpg" src="assets/images/products/product-9-2.jpg" alt="" title="">
<!--End Image-->
<!--Hover Image-->
<img class="hover blur-up lazyload" data-src="assets/images/products/product-9-1.jpg" src="assets/images/products/product-9-1.jpg" alt="" title="">
<!--End Hover Image-->
</a>
<!--End Product Image-->
<!--Product Button-->
<div class="button-set style3">
<ul>
<li>
<!--Cart Button-->
<a class="btn-icon btn btn-addto-cart pro-addtocart-popup" href="#pro-addtocart-popup">
<i class="icon an an-cart-l"></i> <span class="tooltip-label left">Add to Cart</span>
</a>
<!--End Cart Button-->
</li>
<li>
<!--Quick View Button-->
<a href="javascript:void(0)" title="Quick View" class="btn-icon quick-view-popup quick-view" data-toggle="modal" data-target="#content_quickview">
<i class="icon an an-search-l"></i>
<span class="tooltip-label left">Quick View</span>
</a>
<!--End Quick View Button-->
</li>
<li>
<!--Wishlist Button-->
<a class="btn-icon wishlist add-to-wishlist" href="my-wishlist.html">
<i class="icon an an-heart-l"></i>
<span class="tooltip-label left">Add To Wishlist</span>
</a>
<!--End Wishlist Button-->
</li>
<li>
<!--Compare Button-->
<a class="btn-icon compare add-to-compare" href="compare-style2.html" title="Add to Compare">
<i class="icon an an-sync-ar"></i>
<span class="tooltip-label left">Add to Compare</span>
</a>
<!--End Compare Button-->
</li>
</ul>
</div>
<!--End Product Button-->
</div>
<!--End Product Image-->
<!--Start Product Details-->
<div class="product-details text-center">
<!--Product Name-->
<div class="product-name text-uppercase">
<a href="product-layout1.html">Long Sleeve T-shirts</a>
</div>
<!--End Product Name-->
<!--Product Price-->
<div class="product-price">
<span class="price">$199.01</span>
</div>
<!--End Product Price-->
<!--Product Review-->
<div class="product-review"><i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star"></i><i class="an an-star"></i> <i class="an an-star"></i></div>
<!--End Product Review-->
<!-- Color Variant -->
<ul class="swatches">
<li class="swatch large purple"><span class="tooltip-label">Purple</span></li>
<li class="swatch large black"><span class="tooltip-label">Black</span></li>
<li class="swatch large navy"><span class="tooltip-label">Navy</span></li>
</ul>
<!-- End Variant -->
</div>
<!--End Product Details-->
</div>
</div>
<div class="view-collection text-center mt-3 mt-md-4">
<a href="#" class="btn btn-primary btn-lg text-uppercase">View All</a>
</div>
</div>
<h3 class="tab_drawer_heading body-font text-uppercase text-center" rel="tab12">Men <i class="an an-angle-down-r" aria-hidden="true"></i></h3>
<div id="tab12" class="grid-products tab_content">
<div class="productSlider">
<div class="item">
<!--Start Product Image-->
<div class="product-image">
<!--Start Product Image-->
<a href="product-layout1.html" class="product-img">
<!--Image-->
<img class="primary blur-up lazyload" data-src="assets/images/products/product-13.jpg" src="assets/images/products/product-13.jpg" alt="" title="">
<!--End Image-->
<!--Hover Image-->
<img class="hover blur-up lazyload" data-src="assets/images/products/product-13-1.jpg" src="assets/images/products/product-13-1.jpg" alt="" title="">
<!--End Hover Image-->
</a>
<!--End Product Image-->
<!--Product label-->
<div class="product-labels"><span class="lbl pr-label1">HOT</span></div>
<!--Product label-->
<!--Product Button-->
<div class="button-set style3">
<ul>
<li>
<!--Cart Button-->
<a class="btn-icon btn btn-addto-cart pro-addtocart-popup" href="#pro-addtocart-popup">
<i class="icon an an-cart-l"></i> <span class="tooltip-label left">Add to Cart</span>
</a>
<!--End Cart Button-->
</li>
<li>
<!--Quick View Button-->
<a href="javascript:void(0)" title="Quick View" class="btn-icon quick-view-popup quick-view" data-toggle="modal" data-target="#content_quickview">
<i class="icon an an-search-l"></i>
<span class="tooltip-label left">Quick View</span>
</a>
<!--End Quick View Button-->
</li>
<li>
<!--Wishlist Button-->
<a class="btn-icon wishlist add-to-wishlist" href="my-wishlist.html">
<i class="icon an an-heart-l"></i>
<span class="tooltip-label left">Add To Wishlist</span>
</a>
<!--End Wishlist Button-->
</li>
<li>
<!--Compare Button-->
<a class="btn-icon compare add-to-compare" href="compare-style2.html" title="Add to Compare">
<i class="icon an an-sync-ar"></i>
<span class="tooltip-label left">Add to Compare</span>
</a>
<!--End Compare Button-->
</li>
</ul>
</div>
<!--End Product Button-->
</div>
<!--End Product Image-->
<!--Start Product Details-->
<div class="product-details text-center">
<!--Product Name-->
<div class="product-name text-uppercase">
<a href="product-layout1.html">Stand Collar Slim Shirt</a>
</div>
<!--End Product Name-->
<!--Product Price-->
<div class="product-price">
<span class="price">$399.00</span>
</div>
<!--End Product Price-->
<!--Product Review-->
<div class="product-review"><i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star-o"></i> <i class="an an-star-o"></i> <i class="an an-star-o"></i></div>
<!--End Product Review-->
<!-- Color Variant -->
<ul class="swatches">
<li class="swatch small rounded red"><span class="tooltip-label">red</span></li>
</ul>
<!-- End Variant -->
</div>
<!--End Product Details-->
</div>
<div class="item">
<!--Start Product Image-->
<div class="product-image">
<!--Start Product Image-->
<a href="product-layout1.html" class="product-img">
<!--Image-->
<img class="primary blur-up lazyload" data-src="assets/images/products/product-15.jpg" src="assets/images/products/product-15.jpg" alt="" title="">
<!--End Image-->
<!--Hover Image-->
<img class="hover blur-up lazyload" data-src="assets/images/products/product-15-1.jpg" src="assets/images/products/product-15-1.jpg" alt="" title="">
<!--End Hover Image-->
</a>
<!--End Product Image-->
<!--Product Button-->
<div class="button-set style3">
<ul>
<li>
<!--Cart Button-->
<a class="btn-icon btn btn-addto-cart pro-addtocart-popup" href="#pro-addtocart-popup">
<i class="icon an an-cart-l"></i> <span class="tooltip-label left">Add to Cart</span>
</a>
<!--End Cart Button-->
</li>
<li>
<!--Quick View Button-->
<a href="javascript:void(0)" title="Quick View" class="btn-icon quick-view-popup quick-view" data-toggle="modal" data-target="#content_quickview">
<i class="icon an an-search-l"></i>
<span class="tooltip-label left">Quick View</span>
</a>
<!--End Quick View Button-->
</li>
<li>
<!--Wishlist Button-->
<a class="btn-icon wishlist add-to-wishlist" href="my-wishlist.html">
<i class="icon an an-heart-l"></i>
<span class="tooltip-label left">Add To Wishlist</span>
</a>
<!--End Wishlist Button-->
</li>
<li>
<!--Compare Button-->
<a class="btn-icon compare add-to-compare" href="compare-style2.html" title="Add to Compare">
<i class="icon an an-sync-ar"></i>
<span class="tooltip-label left">Add to Compare</span>
</a>
<!--End Compare Button-->
</li>
</ul>
</div>
<!--End Product Button-->
</div>
<!--End Product Image-->
<!--Start Product Details-->
<div class="product-details text-center">
<!--Product Name-->
<div class="product-name text-uppercase">
<a href="product-layout1.html">Weave Hoodie Sweatshirt</a>
</div>
<!--End Product Name-->
<!--Product Price-->
<div class="product-price">
<span class="price">$199.00</span>
</div>
<!--End Product Price-->
<!--Product Review-->
<div class="product-review"><i class="an an-star"></i> <i class="an an-star-o"></i> <i class="an an-star-o"></i> <i class="an an-star-o"></i> <i class="an an-star-o"></i></div>
<!--End Product Review-->
<!-- Color Variant -->
<ul class="swatches">
<li class="swatch small rounded darkgreen"><span class="tooltip-label">darkgreen</span></li>
</ul>
<!-- End Variant -->
</div>
<!--End Product Details-->
</div>
<div class="item">
<!--Start Product Image-->
<div class="product-image">
<!--Start Product Image-->
<a href="product-layout1.html" class="product-img">
<!--Image-->
<img class="primary blur-up lazyload" data-src="assets/images/products/product-16.jpg" src="assets/images/products/product-16.jpg" alt="" title="">
<!--End Image-->
<!--Hover Image-->
<img class="hover blur-up lazyload" data-src="assets/images/products/product-16-1.jpg" src="assets/images/products/product-16-1.jpg" alt="" title="">
<!--End Hover Image-->
</a>
<!--End Product Image-->
<!--Product Button-->
<div class="button-set style3">
<ul>
<li>
<!--Cart Button-->
<a class="btn-icon btn btn-addto-cart pro-addtocart-popup" href="#pro-addtocart-popup">
<i class="icon an an-cart-l"></i> <span class="tooltip-label left">Add to Cart</span>
</a>
<!--End Cart Button-->
</li>
<li>
<!--Quick View Button-->
<a href="javascript:void(0)" title="Quick View" class="btn-icon quick-view-popup quick-view" data-toggle="modal" data-target="#content_quickview">
<i class="icon an an-search-l"></i>
<span class="tooltip-label left">Quick View</span>
</a>
<!--End Quick View Button-->
</li>
<li>
<!--Wishlist Button-->
<a class="btn-icon wishlist add-to-wishlist" href="my-wishlist.html">
<i class="icon an an-heart-l"></i>
<span class="tooltip-label left">Add To Wishlist</span>
</a>
<!--End Wishlist Button-->
</li>
<li>
<!--Compare Button-->
<a class="btn-icon compare add-to-compare" href="compare-style2.html" title="Add to Compare">
<i class="icon an an-sync-ar"></i>
<span class="tooltip-label left">Add to Compare</span>
</a>
<!--End Compare Button-->
</li>
</ul>
</div>
<!--End Product Button-->
</div>
<!--End Product Image-->
<!--Start Product Details-->
<div class="product-details text-center">
<!--Product Name-->
<div class="product-name text-uppercase">
<a href="product-layout1.html">Cool Short Sleev T-Shirt</a>
</div>
<!--End Product Name-->
<!--Product Price-->
<div class="product-price">
<span class="price">$59.00</span>
</div>
<!--End Product Price-->
<!--Product Review-->
<div class="product-review"><i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star-o"></i></div>
<!--End Product Review-->
<!-- Color Variant -->
<ul class="swatches">
<li class="swatch small rounded maroon"><span class="tooltip-label">maroon</span></li>
</ul>
<!-- End Variant -->
</div>
<!--End Product Details-->
</div>
<div class="item">
<!--Start Product Image-->
<div class="product-image">
<!--Start Product Image-->
<a href="product-layout1.html" class="product-img">
<!--Image-->
<img class="primary blur-up lazyload" data-src="assets/images/products/product-23.jpg" src="assets/images/products/product-23.jpg" alt="" title="">
<!--End Image-->
<!--Hover Image-->
<img class="hover blur-up lazyload" data-src="assets/images/products/product-23-1.jpg" src="assets/images/products/product-23-1.jpg" alt="" title="">
<!--End Hover Image-->
</a>
<!--End Product Image-->
<!--Product Button-->
<div class="button-set style3">
<ul>
<li>
<!--Cart Button-->
<a class="btn-icon btn btn-addto-cart pro-addtocart-popup" href="#pro-addtocart-popup">
<i class="icon an an-cart-l"></i> <span class="tooltip-label left">Add to Cart</span>
</a>
<!--End Cart Button-->
</li>
<li>
<!--Quick View Button-->
<a href="javascript:void(0)" title="Quick View" class="btn-icon quick-view-popup quick-view" data-toggle="modal" data-target="#content_quickview">
<i class="icon an an-search-l"></i>
<span class="tooltip-label left">Quick View</span>
</a>
<!--End Quick View Button-->
</li>
<li>
<!--Wishlist Button-->
<a class="btn-icon wishlist add-to-wishlist" href="my-wishlist.html">
<i class="icon an an-heart-l"></i>
<span class="tooltip-label left">Add To Wishlist</span>
</a>
<!--End Wishlist Button-->
</li>
<li>
<!--Compare Button-->
<a class="btn-icon compare add-to-compare" href="compare-style2.html" title="Add to Compare">
<i class="icon an an-sync-ar"></i>
<span class="tooltip-label left">Add to Compare</span>
</a>
<!--End Compare Button-->
</li>
</ul>
</div>
<!--End Product Button-->
</div>
<!--End Product Image-->
<!--Start Product Details-->
<div class="product-details text-center">
<!--Product Name-->
<div class="product-name text-uppercase">
<a href="product-layout1.html">Collar Denim Jacket</a>
</div>
<!--End Product Name-->
<!--Product Price-->
<div class="product-price">
<span class="price">$59.00</span>
</div>
<!--End Product Price-->
<!--Product Review-->
<div class="product-review"><i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star-o"></i></div>
<!--End Product Review-->
<!-- Color Variant -->
<ul class="swatches">
<li class="swatch small rounded maroon"><span class="tooltip-label">maroon</span></li>
</ul>
<!-- End Variant -->
</div>
<!--End Product Details-->
</div>
<div class="item">
<!--Start Product Image-->
<div class="product-image">
<!--Start Product Image-->
<a href="product-layout1.html" class="product-img">
<!--Image-->
<img class="primary blur-up lazyload" data-src="assets/images/products/product-17.jpg" src="assets/images/products/product-17.jpg" alt="" title="">
<!--End Image-->
<!--Hover Image-->
<img class="hover blur-up lazyload" data-src="assets/images/products/product-17-1.jpg" src="assets/images/products/product-17-1.jpg" alt="" title="">
<!--End Hover Image-->
<!-- product label -->
<div class="product-labels"><span class="lbl on-sale">40% OFF</span></div>
<!-- End product label -->
</a>
<!--End Product Image-->
<!--Product Button-->
<div class="button-set style3">
<ul>
<li>
<!--Cart Button-->
<a class="btn-icon btn btn-addto-cart pro-addtocart-popup" href="#pro-addtocart-popup">
<i class="icon an an-cart-l"></i> <span class="tooltip-label left">Add to Cart</span>
</a>
<!--End Cart Button-->
</li>
<li>
<!--Quick View Button-->
<a href="javascript:void(0)" title="Quick View" class="btn-icon quick-view-popup quick-view" data-toggle="modal" data-target="#content_quickview">
<i class="icon an an-search-l"></i>
<span class="tooltip-label left">Quick View</span>
</a>
<!--End Quick View Button-->
</li>
<li>
<!--Wishlist Button-->
<a class="btn-icon wishlist add-to-wishlist" href="my-wishlist.html">
<i class="icon an an-heart-l"></i>
<span class="tooltip-label left">Add To Wishlist</span>
</a>
<!--End Wishlist Button-->
</li>
<li>
<!--Compare Button-->
<a class="btn-icon compare add-to-compare" href="compare-style2.html" title="Add to Compare">
<i class="icon an an-sync-ar"></i>
<span class="tooltip-label left">Add to Compare</span>
</a>
<!--End Compare Button-->
</li>
</ul>
</div>
<!--End Product Button-->
</div>
<!--End Product Image-->
<!--Start Product Details-->
<div class="product-details text-center">
<!--Product Name-->
<div class="product-name text-uppercase">
<a href="product-layout1.html">Black Solid Cap</a>
</div>
<!--End Product Name-->
<!--Product Price-->
<div class="product-price">
<span class="old-price">$99.00</span>
<span class="price">$89.00</span>
</div>
<!--End Product Price-->
<!--Product Review-->
<div class="product-review"><i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star-o"></i></div>
<!--End Product Review-->
<!--Color Variant -->
<ul class="swatches">
<li class="swatch small rounded aqua"><span class="tooltip-label">Aqua</span></li>
<li class="swatch small rounded orange"><span class="tooltip-label">Orange</span></li>
</ul>
<!-- End Variant -->
</div>
<!--End Product Details-->
</div>
<div class="item">
<!--Start Product Image-->
<div class="product-image">
<!--Start Product Image-->
<a href="product-layout1.html" class="product-img">
<!--Image-->
<img class="primary blur-up lazyload" data-src="assets/images/products/product-18.jpg" src="assets/images/products/product-18.jpg" alt="" title="">
<!--End Image-->
<!--Hover Image-->
<img class="hover blur-up lazyload" data-src="assets/images/products/product-18-1.jpg" src="assets/images/products/product-18-1.jpg" alt="" title="">
<!--End Hover Image-->
</a>
<!--End Product Image-->
<!--Product Button-->
<div class="button-set style3">
<ul>
<li>
<!--Cart Button-->
<a class="btn-icon btn btn-addto-cart pro-addtocart-popup" href="#pro-addtocart-popup">
<i class="icon an an-cart-l"></i> <span class="tooltip-label left">Add to Cart</span>
</a>
<!--End Cart Button-->
</li>
<li>
<!--Quick View Button-->
<a href="javascript:void(0)" title="Quick View" class="btn-icon quick-view-popup quick-view" data-toggle="modal" data-target="#content_quickview">
<i class="icon an an-search-l"></i>
<span class="tooltip-label left">Quick View</span>
</a>
<!--End Quick View Button-->
</li>
<li>
<!--Wishlist Button-->
<a class="btn-icon wishlist add-to-wishlist" href="my-wishlist.html">
<i class="icon an an-heart-l"></i>
<span class="tooltip-label left">Add To Wishlist</span>
</a>
<!--End Wishlist Button-->
</li>
<li>
<!--Compare Button-->
<a class="btn-icon compare add-to-compare" href="compare-style2.html" title="Add to Compare">
<i class="icon an an-sync-ar"></i>
<span class="tooltip-label left">Add to Compare</span>
</a>
<!--End Compare Button-->
</li>
</ul>
</div>
<!--End Product Button-->
</div>
<!--End Product Image-->
<!--Start Product Details-->
<div class="product-details text-center">
<!--Product Name-->
<div class="product-name text-uppercase">
<a href="product-layout1.html">Leather backpack Black</a>
</div>
<!--End Product Name-->
<!--Product Price-->
<div class="product-price">
<span class="price">$199.00</span>
</div>
<!--End Product Price-->
<!--Product Review-->
<div class="product-review"><i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star"></i><i class="an an-star"></i> <i class="an an-star"></i></div>
<!--End Product Review-->
<!-- Color Variant -->
<ul class="swatches">
<li class="swatch small rounded black"><span class="tooltip-label">Black</span></li>
<li class="swatch small rounded purple"><span class="tooltip-label">Purple</span></li>
</ul>
<!-- End Variant -->
</div>
<!--End Product Details-->
</div>
</div>
<div class="view-collection text-center mt-3 mt-md-4">
<a href="#" class="btn btn-primary btn-lg text-uppercase">View All</a>
</div>
</div>
<h3 class="tab_drawer_heading body-font text-uppercase text-center" rel="tab13">Accessories <i class="an an-angle-down-r" aria-hidden="true"></i></h3>
<div id="tab13" class="grid-products tab_content">
<div class="productSlider">
<div class="item">
<!--Start Product Image-->
<div class="product-image">
<!--Start Product Image-->
<a href="product-layout1.html" class="product-img">
<!--Image-->
<img class="primary blur-up lazyload" data-src="assets/images/products/product-19.jpg" src="assets/images/products/product-19.jpg" alt="" title="">
<!--End Image-->
<!--Hover Image-->
<img class="hover blur-up lazyload" data-src="assets/images/products/product-19-1.jpg" src="assets/images/products/product-19-1.jpg" alt="" title="">
<!--End Hover Image-->
</a>
<!--End Product Image-->
<!--Product Button-->
<div class="button-set style3">
<ul>
<li>
<!--Cart Button-->
<a class="btn-icon btn btn-addto-cart pro-addtocart-popup" href="#pro-addtocart-popup">
<i class="icon an an-cart-l"></i> <span class="tooltip-label left">Add to Cart</span>
</a>
<!--End Cart Button-->
</li>
<li>
<!--Quick View Button-->
<a href="javascript:void(0)" title="Quick View" class="btn-icon quick-view-popup quick-view" data-toggle="modal" data-target="#content_quickview">
<i class="icon an an-search-l"></i>
<span class="tooltip-label left">Quick View</span>
</a>
<!--End Quick View Button-->
</li>
<li>
<!--Wishlist Button-->
<a class="btn-icon wishlist add-to-wishlist" href="my-wishlist.html">
<i class="icon an an-heart-l"></i>
<span class="tooltip-label left">Add To Wishlist</span>
</a>
<!--End Wishlist Button-->
</li>
<li>
<!--Compare Button-->
<a class="btn-icon compare add-to-compare" href="compare-style2.html" title="Add to Compare">
<i class="icon an an-sync-ar"></i>
<span class="tooltip-label left">Add to Compare</span>
</a>
<!--End Compare Button-->
</li>
</ul>
</div>
<!--End Product Button-->
</div>
<!--End Product Image-->
<!--Start Product Details-->
<div class="product-details text-center">
<!--Product Name-->
<div class="product-name text-uppercase">
<a href="product-layout1.html">Aviator Sunglasses</a>
</div>
<!--End Product Name-->
<!--Product Price-->
<div class="product-price">
<span class="price">$59.00</span>
</div>
<!--End Product Price-->
<!--Product Review-->
<div class="product-review"><i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star-o"></i> <i class="an an-star-o"></i> <i class="an an-star-o"></i></div>
<!--End Product Review-->
<!-- Color Variant -->
<ul class="swatches">
<li class="swatch small rounded red"><span class="tooltip-label">red</span></li>
<li class="swatch small rounded orange"><span class="tooltip-label">orange</span></li>
<li class="swatch small rounded yellow"><span class="tooltip-label">yellow</span></li>
</ul>
<!-- End Variant -->
</div>
<!--End Product Details-->
</div>
<div class="item">
<!--Start Product Image-->
<div class="product-image">
<!--Start Product Image-->
<a href="product-layout1.html" class="product-img">
<!--Image-->
<img class="primary blur-up lazyload" data-src="assets/images/products/product-20.jpg" src="assets/images/products/product-20.jpg" alt="" title="">
<!--End Image-->
<!--Hover Image-->
<img class="hover blur-up lazyload" data-src="assets/images/products/product-20-1.jpg" src="assets/images/products/product-20-1.jpg" alt="" title="">
<!--End Hover Image-->
</a>
<!--End Product Image-->
<!--Product Button-->
<div class="button-set style3">
<ul>
<li>
<!--Cart Button-->
<a class="btn-icon btn btn-addto-cart pro-addtocart-popup" href="#pro-addtocart-popup">
<i class="icon an an-cart-l"></i> <span class="tooltip-label left">Add to Cart</span>
</a>
<!--End Cart Button-->
</li>
<li>
<!--Quick View Button-->
<a href="javascript:void(0)" title="Quick View" class="btn-icon quick-view-popup quick-view" data-toggle="modal" data-target="#content_quickview">
<i class="icon an an-search-l"></i>
<span class="tooltip-label left">Quick View</span>
</a>
<!--End Quick View Button-->
</li>
<li>
<!--Wishlist Button-->
<a class="btn-icon wishlist add-to-wishlist" href="my-wishlist.html">
<i class="icon an an-heart-l"></i>
<span class="tooltip-label left">Add To Wishlist</span>
</a>
<!--End Wishlist Button-->
</li>
<li>
<!--Compare Button-->
<a class="btn-icon compare add-to-compare" href="compare-style2.html" title="Add to Compare">
<i class="icon an an-sync-ar"></i>
<span class="tooltip-label left">Add to Compare</span>
</a>
<!--End Compare Button-->
</li>
</ul>
</div>
<!--End Product Button-->
</div>
<!--End Product Image-->
<!--Start Product Details-->
<div class="product-details text-center">
<!--Product Name-->
<div class="product-name text-uppercase">
<a href="product-layout1.html">Classic Watch Khaki</a>
</div>
<!--End Product Name-->
<!--Product Price-->
<div class="product-price">
<span class="price">$499.00</span>
</div>
<!--End Product Price-->
<!--Product Review-->
<div class="product-review"><i class="an an-star"></i> <i class="an an-star-o"></i> <i class="an an-star-o"></i> <i class="an an-star-o"></i> <i class="an an-star-o"></i></div>
<!--End Product Review-->
<!-- Color Variant -->
<ul class="swatches">
<li class="swatch small rounded darkgreen"><span class="tooltip-label">darkgreen</span></li>
</ul>
<!-- End Variant -->
</div>
<!--End Product Details-->
</div>
<div class="item">
<!--Start Product Image-->
<div class="product-image">
<!--Start Product Image-->
<a href="product-layout1.html" class="product-img">
<!--Image-->
<img class="primary blur-up lazyload" data-src="assets/images/products/product-10.jpg" src="assets/images/products/product-10.jpg" alt="" title="">
<!--End Image-->
<!--Hover Image-->
<img class="hover blur-up lazyload" data-src="assets/images/products/product-10-1.jpg" src="assets/images/products/product-10-1.jpg" alt="" title="">
<!--End Hover Image-->
</a>
<!--End Product Image-->
<!--Product Button-->
<div class="button-set style3">
<ul>
<li>
<!--Cart Button-->
<a class="btn-icon btn btn-addto-cart pro-addtocart-popup" href="#pro-addtocart-popup">
<i class="icon an an-cart-l"></i> <span class="tooltip-label left">Add to Cart</span>
</a>
<!--End Cart Button-->
</li>
<li>
<!--Quick View Button-->
<a href="javascript:void(0)" title="Quick View" class="btn-icon quick-view-popup quick-view" data-toggle="modal" data-target="#content_quickview">
<i class="icon an an-search-l"></i>
<span class="tooltip-label left">Quick View</span>
</a>
<!--End Quick View Button-->
</li>
<li>
<!--Wishlist Button-->
<a class="btn-icon wishlist add-to-wishlist" href="my-wishlist.html">
<i class="icon an an-heart-l"></i>
<span class="tooltip-label left">Add To Wishlist</span>
</a>
<!--End Wishlist Button-->
</li>
<li>
<!--Compare Button-->
<a class="btn-icon compare add-to-compare" href="compare-style2.html" title="Add to Compare">
<i class="icon an an-sync-ar"></i>
<span class="tooltip-label left">Add to Compare</span>
</a>
<!--End Compare Button-->
</li>
</ul>
</div>
<!--End Product Button-->
</div>
<!--End Product Image-->
<!--Start Product Details-->
<div class="product-details text-center">
<!--Product Name-->
<div class="product-name text-uppercase">
<a href="product-layout1.html">Backpack With Contrast Bow</a>
</div>
<!--End Product Name-->
<!--Product Price-->
<div class="product-price">
<span class="price">$39.01</span>
</div>
<!--End Product Price-->
<!--Product Review-->
<div class="product-review"><i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star-o"></i></div>
<!--End Product Review-->
</div>
<!--End Product Details-->
</div>
<div class="item">
<!--Start Product Image-->
<div class="product-image">
<!--Start Product Image-->
<a href="product-layout1.html" class="product-img">
<!--Image-->
<img class="primary blur-up lazyload" data-src="assets/images/products/product-24.jpg" src="assets/images/products/product-24.jpg" alt="" title="">
<!--End Image-->
<!--Hover Image-->
<img class="hover blur-up lazyload" data-src="assets/images/products/product-24-1.jpg" src="assets/images/products/product-24-1.jpg" alt="" title="">
<!--End Hover Image-->
</a>
<!--End Product Image-->
<!--Product Button-->
<div class="button-set style3">
<ul>
<li>
<!--Cart Button-->
<a class="btn-icon btn btn-addto-cart pro-addtocart-popup" href="#pro-addtocart-popup">
<i class="icon an an-cart-l"></i> <span class="tooltip-label left">Add to Cart</span>
</a>
<!--End Cart Button-->
</li>
<li>
<!--Quick View Button-->
<a href="javascript:void(0)" title="Quick View" class="btn-icon quick-view-popup quick-view" data-toggle="modal" data-target="#content_quickview">
<i class="icon an an-search-l"></i>
<span class="tooltip-label left">Quick View</span>
</a>
<!--End Quick View Button-->
</li>
<li>
<!--Wishlist Button-->
<a class="btn-icon wishlist add-to-wishlist" href="my-wishlist.html">
<i class="icon an an-heart-l"></i>
<span class="tooltip-label left">Add To Wishlist</span>
</a>
<!--End Wishlist Button-->
</li>
<li>
<!--Compare Button-->
<a class="btn-icon compare add-to-compare" href="compare-style2.html" title="Add to Compare">
<i class="icon an an-sync-ar"></i>
<span class="tooltip-label left">Add to Compare</span>
</a>
<!--End Compare Button-->
</li>
</ul>
</div>
<!--End Product Button-->
</div>
<!--End Product Image-->
<!--Start Product Details-->
<div class="product-details text-center">
<!--Product Name-->
<div class="product-name text-uppercase">
<a href="product-layout1.html">Classic Tie</a>
</div>
<!--End Product Name-->
<!--Product Price-->
<div class="product-price">
<span class="price">$49.00</span>
</div>
<!--End Product Price-->
<!--Product Review-->
<div class="product-review"><i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star-o"></i></div>
<!--End Product Review-->
</div>
<!--End Product Details-->
</div>
<div class="item">
<!--Start Product Image-->
<div class="product-image">
<!--Start Product Image-->
<a href="product-layout1.html" class="product-img">
<!--Image-->
<img class="primary blur-up lazyload" data-src="assets/images/products/product-25.jpg" src="assets/images/products/product-25.jpg" alt="" title="">
<!--End Image-->
<!--Hover Image-->
<img class="hover blur-up lazyload" data-src="assets/images/products/product-25-1.jpg" src="assets/images/products/product-25-1.jpg" alt="" title="">
<!--End Hover Image-->
</a>
<!--End Product Image-->
<!--Product Button-->
<div class="button-set style3">
<ul>
<li>
<!--Cart Button-->
<a class="btn-icon btn btn-addto-cart pro-addtocart-popup" href="#pro-addtocart-popup">
<i class="icon an an-cart-l"></i> <span class="tooltip-label left">Add to Cart</span>
</a>
<!--End Cart Button-->
</li>
<li>
<!--Quick View Button-->
<a href="javascript:void(0)" title="Quick View" class="btn-icon quick-view-popup quick-view" data-toggle="modal" data-target="#content_quickview">
<i class="icon an an-search-l"></i>
<span class="tooltip-label left">Quick View</span>
</a>
<!--End Quick View Button-->
</li>
<li>
<!--Wishlist Button-->
<a class="btn-icon wishlist add-to-wishlist" href="my-wishlist.html">
<i class="icon an an-heart-l"></i>
<span class="tooltip-label left">Add To Wishlist</span>
</a>
<!--End Wishlist Button-->
</li>
<li>
<!--Compare Button-->
<a class="btn-icon compare add-to-compare" href="compare-style2.html" title="Add to Compare">
<i class="icon an an-sync-ar"></i>
<span class="tooltip-label left">Add to Compare</span>
</a>
<!--End Compare Button-->
</li>
</ul>
</div>
<!--End Product Button-->
</div>
<!--End Product Image-->
<!--Start Product Details-->
<div class="product-details text-center">
<!--Product Name-->
<div class="product-name text-uppercase">
<a href="product-layout1.html">Knit Glove</a>
</div>
<!--End Product Name-->
<!--Product Price-->
<div class="product-price">
<span class="price">$89.00</span>
</div>
<!--End Product Price-->
<!--Product Review-->
<div class="product-review"><i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star-o"></i></div>
<!--End Product Review-->
</div>
<!--End Product Details-->
</div>
<div class="item">
<!--Start Product Image-->
<div class="product-image">
<!--Start Product Image-->
<a href="product-layout1.html" class="product-img">
<!--Image-->
<img class="primary blur-up lazyload" data-src="assets/images/products/product-26.jpg" src="assets/images/products/product-26.jpg" alt="" title="">
<!--End Image-->
<!--Hover Image-->
<img class="hover blur-up lazyload" data-src="assets/images/products/product-26-1.jpg" src="assets/images/products/product-26-1.jpg" alt="" title="">
<!--End Hover Image-->
</a>
<!--End Product Image-->
<!--Product Button-->
<div class="button-set style3">
<ul>
<li>
<!--Cart Button-->
<a class="btn-icon btn btn-addto-cart pro-addtocart-popup" href="#pro-addtocart-popup">
<i class="icon an an-cart-l"></i> <span class="tooltip-label left">Add to Cart</span>
</a>
<!--End Cart Button-->
</li>
<li>
<!--Quick View Button-->
<a href="javascript:void(0)" title="Quick View" class="btn-icon quick-view-popup quick-view" data-toggle="modal" data-target="#content_quickview">
<i class="icon an an-search-l"></i>
<span class="tooltip-label left">Quick View</span>
</a>
<!--End Quick View Button-->
</li>
<li>
<!--Wishlist Button-->
<a class="btn-icon wishlist add-to-wishlist" href="my-wishlist.html">
<i class="icon an an-heart-l"></i>
<span class="tooltip-label left">Add To Wishlist</span>
</a>
<!--End Wishlist Button-->
</li>
<li>
<!--Compare Button-->
<a class="btn-icon compare add-to-compare" href="compare-style2.html" title="Add to Compare">
<i class="icon an an-sync-ar"></i>
<span class="tooltip-label left">Add to Compare</span>
</a>
<!--End Compare Button-->
</li>
</ul>
</div>
<!--End Product Button-->
</div>
<!--End Product Image-->
<!--Start Product Details-->
<div class="product-details text-center">
<!--Product Name-->
<div class="product-name text-uppercase">
<a href="product-layout1.html">Winter Cap</a>
</div>
<!--End Product Name-->
<!--Product Price-->
<div class="product-price">
<span class="price">$79.00</span>
</div>
<!--End Product Price-->
<!--Product Review-->
<div class="product-review"><i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star-o"></i></div>
<!--End Product Review-->
</div>
<!--End Product Details-->
</div>
</div>
<div class="view-collection text-center mt-3 mt-md-4">
<a href="#" class="btn btn-primary btn-lg text-uppercase">View All</a>
</div>
</div>
</div>
</div>
</section>
<section class="product-slider tab-slider-product py-3">
<div class="tabs-listing">
<ul class="tabs clearfix tabs-style1">
<li class="active" rel="tab21">Vegetables</li>
<li rel="tab22">Fruits</li>
<li rel="tab23" class="tab_last">Meats</li>
</ul>
<div class="tab_container">
<h3 class="tab_drawer_heading d_active body-font text-uppercase text-center" rel="tab21">Vegetables <i class="an an-angle-down-r" aria-hidden="true"></i></h3>
<div id="tab21" class="tab_content grid-products">
<div class="productSlider">
<div class="item">
<!--Start Product Image-->
<div class="product-image">
<!--Start Product Image-->
<a href="product-layout1.html" class="product-img">
<!--Image-->
<img class="primary blur-up lazyload" data-src="assets/images/products/vegetable-product1.jpg" src="assets/images/products/vegetable-product1.jpg" alt="product" title="">
<!--End Image-->
<!--Hover Image-->
<img class="hover blur-up lazyload" data-src="assets/images/products/vegetable-product1.jpg" src="assets/images/products/vegetable-product1.jpg" alt="product" title="">
<!--End Hover Image-->
</a>
<!--End Product Image-->
<!--Product Button-->
<div class="button-set style0 d-none d-md-block">
<ul>
<!--Cart Button-->
<li><a class="btn-icon btn cartIcon pro-addtocart-popup" href="#pro-addtocart-popup"><i class="icon an an-cart-l"></i> <span class="tooltip-label top">Add to Cart</span></a></li>
<!--End Cart Button-->
<!--Quick View Button-->
<li><a class="btn-icon quick-view-popup quick-view" href="javascript:void(0)" data-toggle="modal" data-target="#content_quickview"><i class="icon an an-search-l"></i> <span class="tooltip-label top">Quick View</span></a></li>
<!--End Quick View Button-->
<!--Wishlist Button-->
<li><a class="btn-icon wishlist add-to-wishlist" href="my-wishlist.html"><i class="icon an an-heart-l"></i> <span class="tooltip-label top">Add To Wishlist</span></a></li>
<!--End Wishlist Button-->
<!--Compare Button-->
<li><a class="btn-icon compare add-to-compare" href="compare-style2.html"><i class="icon an an-sync-ar"></i> <span class="tooltip-label top">Add to Compare</span></a></li>
<!--End Compare Button-->
</ul>
</div>
<!--End Product Button-->
</div>
<!--End Product Image-->
<!--Start Product Details-->
<div class="product-details text-center">
<!--Product Name-->
<div class="product-name text-uppercase">
<a href="product-layout1.html" class="fw-normal">Brinjal (Per 500 grams)</a>
</div>
<!--End Product Name-->
<!--Product Price-->
<div class="product-price">
<span class="price">$0.50</span>
</div>
<!--End Product Price-->
<!--Product Review-->
<div class="product-review d-flex-center justify-content-center"><i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star-o"></i></div>
<!--End Product Review-->
</div>
<!--End Product Details-->
</div>
<div class="item">
<!--Start Product Image-->
<div class="product-image">
<!--Start Product Image-->
<a href="product-layout1.html" class="product-img">
<!--Image-->
<img class="primary blur-up lazyload" data-src="assets/images/products/vegetable-product2.jpg" src="assets/images/products/vegetable-product2.jpg" alt="product" title="">
<!--End Image-->
<!--Hover Image-->
<img class="hover blur-up lazyload" data-src="assets/images/products/vegetable-product2.jpg" src="assets/images/products/vegetable-product2.jpg" alt="product" title="">
<!--End Hover Image-->
</a>
<!--End Product Image-->
<!-- product label -->
<div class="product-labels"><span class="lbl on-sale">Sale</span></div>
<!-- End product label -->
<!--Countdown Timer-->
<div class="saleTime desktop" data-countdown="2024/10/01"></div>
<!--End Countdown Timer-->
<!--Product Button-->
<div class="button-set style0 d-none d-md-block">
<ul>
<!--Cart Button-->
<li><a class="btn-icon btn cartIcon pro-addtocart-popup" href="#pro-addtocart-popup"><i class="icon an an-cart-l"></i> <span class="tooltip-label top">Add to Cart</span></a></li>
<!--End Cart Button-->
<!--Quick View Button-->
<li><a class="btn-icon quick-view-popup quick-view" href="javascript:void(0)" data-toggle="modal" data-target="#content_quickview"><i class="icon an an-search-l"></i> <span class="tooltip-label top">Quick View</span></a></li>
<!--End Quick View Button-->
<!--Wishlist Button-->
<li><a class="btn-icon wishlist add-to-wishlist" href="my-wishlist.html"><i class="icon an an-heart-l"></i> <span class="tooltip-label top">Add To Wishlist</span></a></li>
<!--End Wishlist Button-->
<!--Compare Button-->
<li><a class="btn-icon compare add-to-compare" href="compare-style2.html"><i class="icon an an-sync-ar"></i> <span class="tooltip-label top">Add to Compare</span></a></li>
<!--End Compare Button-->
</ul>
</div>
<!--End Product Button-->
</div>
<!--End Product Image-->
<!--Start Product Details-->
<div class="product-details text-center">
<!--Product Name-->
<div class="product-name text-uppercase">
<a href="product-layout1.html" class="fw-normal">Cauliflower (Per Piece 500-600 grams)</a>
</div>
<!--End Product Name-->
<!--Product Price-->
<div class="product-price">
<span class="old-price">$2.50</span> <span class="price">$1.99</span>
</div>
<!--End Product Price-->
<!--Product Review-->
<div class="product-review d-flex-center justify-content-center"><i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star-o"></i></div>
<!--End Product Review-->
</div>
<!--End Product Details-->
</div>
<div class="item">
<!--Start Product Image-->
<div class="product-image">
<!--Start Product Image-->
<a href="product-layout1.html" class="product-img">
<!--Image-->
<img class="primary blur-up lazyload" data-src="assets/images/products/vegetable-product3.jpg" src="assets/images/products/vegetable-product3.jpg" alt="product" title="">
<!--End Image-->
<!--Hover Image-->
<img class="hover blur-up lazyload" data-src="assets/images/products/vegetable-product3.jpg" src="assets/images/products/vegetable-product3.jpg" alt="product" title="">
<!--End Hover Image-->
</a>
<!--End Product Image-->
<!--Product Button-->
<div class="button-set style0 d-none d-md-block">
<ul>
<!--Cart Button-->
<li><a class="btn-icon btn cartIcon pro-addtocart-popup" href="#pro-addtocart-popup"><i class="icon an an-cart-l"></i> <span class="tooltip-label top">Add to Cart</span></a></li>
<!--End Cart Button-->
<!--Quick View Button-->
<li><a class="btn-icon quick-view-popup quick-view" href="javascript:void(0)" data-toggle="modal" data-target="#content_quickview"><i class="icon an an-search-l"></i> <span class="tooltip-label top">Quick View</span></a></li>
<!--End Quick View Button-->
<!--Wishlist Button-->
<li><a class="btn-icon wishlist add-to-wishlist" href="my-wishlist.html"><i class="icon an an-heart-l"></i> <span class="tooltip-label top">Add To Wishlist</span></a></li>
<!--End Wishlist Button-->
<!--Compare Button-->
<li><a class="btn-icon compare add-to-compare" href="compare-style2.html"><i class="icon an an-sync-ar"></i> <span class="tooltip-label top">Add to Compare</span></a></li>
<!--End Compare Button-->
</ul>
</div>
<!--End Product Button-->
</div>
<!--End Product Image-->
<!--Start Product Details-->
<div class="product-details text-center">
<!--Product Name-->
<div class="product-name text-uppercase">
<a href="product-layout1.html" class="fw-normal">Green Bell Pepper (500 Grams)</a>
</div>
<!--End Product Name-->
<!--Product Price-->
<div class="product-price">
<span class="price">$3.00</span>
</div>
<!--End Product Price-->
<!--Product Review-->
<div class="product-review d-flex-center justify-content-center"><i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star-o"></i></div>
<!--End Product Review-->
</div>
<!--End Product Details-->
</div>
<div class="item">
<!--Start Product Image-->
<div class="product-image">
<!--Start Product Image-->
<a href="product-layout1.html" class="product-img">
<!--Image-->
<img class="primary blur-up lazyload" data-src="assets/images/products/vegetable-product4.jpg" src="assets/images/products/vegetable-product4.jpg" alt="product" title="">
<!--End Image-->
<!--Hover Image-->
<img class="hover blur-up lazyload" data-src="assets/images/products/vegetable-product4.jpg" src="assets/images/products/vegetable-product4.jpg" alt="product" title="">
<!--End Hover Image-->
</a>
<!--End Product Image-->
<!--Product Button-->
<div class="button-set style0 d-none d-md-block">
<ul>
<!--Cart Button-->
<li><a class="btn-icon btn cartIcon pro-addtocart-popup" href="#pro-addtocart-popup"><i class="icon an an-cart-l"></i> <span class="tooltip-label top">Add to Cart</span></a></li>
<!--End Cart Button-->
<!--Quick View Button-->
<li><a class="btn-icon quick-view-popup quick-view" href="javascript:void(0)" data-toggle="modal" data-target="#content_quickview"><i class="icon an an-search-l"></i> <span class="tooltip-label top">Quick View</span></a></li>
<!--End Quick View Button-->
<!--Wishlist Button-->
<li><a class="btn-icon wishlist add-to-wishlist" href="my-wishlist.html"><i class="icon an an-heart-l"></i> <span class="tooltip-label top">Add To Wishlist</span></a></li>
<!--End Wishlist Button-->
<!--Compare Button-->
<li><a class="btn-icon compare add-to-compare" href="compare-style2.html"><i class="icon an an-sync-ar"></i> <span class="tooltip-label top">Add to Compare</span></a></li>
<!--End Compare Button-->
</ul>
</div>
<!--End Product Button-->
</div>
<!--End Product Image-->
<!--Start Product Details-->
<div class="product-details text-center">
<!--Product Name-->
<div class="product-name text-uppercase">
<a href="product-layout1.html" class="fw-normal">Green Chilli (500 Grams)</a>
</div>
<!--End Product Name-->
<!--Product Price-->
<div class="product-price">
<span class="price">$99.01</span>
</div>
<!--End Product Price-->
<!--Product Review-->
<div class="product-review d-flex-center justify-content-center"><i class="an an-star"></i> <i class="an an-star-o"></i> <i class="an an-star-o"></i> <i class="an an-star-o"></i> <i class="an an-star-o"></i></div>
<!--End Product Review-->
</div>
<!--End Product Details-->
</div>
<div class="item">
<!--Start Product Image-->
<div class="product-image">
<!--Start Product Image-->
<a href="product-layout1.html" class="product-img">
<!--Image-->
<img class="primary blur-up lazyload" data-src="assets/images/products/vegetable-product5.jpg" src="assets/images/products/vegetable-product5.jpg" alt="product" title="">
<!--End Image-->
<!--Hover Image-->
<img class="hover blur-up lazyload" data-src="assets/images/products/vegetable-product5.jpg" src="assets/images/products/vegetable-product5.jpg" alt="product" title="">
<!--End Hover Image-->
</a>
<!--End Product Image-->
<!--Product Button-->
<div class="button-set style0 d-none d-md-block">
<ul>
<!--Cart Button-->
<li><a class="btn-icon btn cartIcon pro-addtocart-popup" href="#pro-addtocart-popup"><i class="icon an an-cart-l"></i> <span class="tooltip-label top">Add to Cart</span></a></li>
<!--End Cart Button-->
<!--Quick View Button-->
<li><a class="btn-icon quick-view-popup quick-view" href="javascript:void(0)" data-toggle="modal" data-target="#content_quickview"><i class="icon an an-search-l"></i> <span class="tooltip-label top">Quick View</span></a></li>
<!--End Quick View Button-->
<!--Wishlist Button-->
<li><a class="btn-icon wishlist add-to-wishlist" href="my-wishlist.html"><i class="icon an an-heart-l"></i> <span class="tooltip-label top">Add To Wishlist</span></a></li>
<!--End Wishlist Button-->
<!--Compare Button-->
<li><a class="btn-icon compare add-to-compare" href="compare-style2.html"><i class="icon an an-sync-ar"></i> <span class="tooltip-label top">Add to Compare</span></a></li>
<!--End Compare Button-->
</ul>
</div>
<!--End Product Button-->
</div>
<!--End Product Image-->
<!--Start Product Details-->
<div class="product-details text-center">
<!--Product Name-->
<div class="product-name text-uppercase">
<a href="product-layout1.html" class="fw-normal">Lemon (250 Grams)</a>
</div>
<!--End Product Name-->
<!--Product Price-->
<div class="product-price">
<span class="price">$1.00</span>
</div>
<!--End Product Price-->
<!--Product Review-->
<div class="product-review d-flex-center justify-content-center"><i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star-o"></i></div>
<!--End Product Review-->
</div>
<!--End Product Details-->
</div>
</div>
<div class="view-collection text-center mt-3 mt-md-4">
<a href="#" class="btn btn-lg rounded-pill text-uppercase">Shop All</a>
</div>
</div>
<h3 class="tab_drawer_heading body-font text-uppercase text-center" rel="tab22">Fruits <i class="an an-angle-down-r" aria-hidden="true"></i></h3>
<div id="tab22" class="grid-products tab_content">
<div class="productSlider">
<div class="item">
<!--Start Product Image-->
<div class="product-image">
<!--Start Product Image-->
<a href="product-layout1.html" class="product-img">
<!--Image-->
<img class="primary blur-up lazyload" data-src="assets/images/products/fruit-product1.jpg" src="assets/images/products/fruit-product1.jpg" alt="product" title="">
<!--End Image-->
<!--Hover Image-->
<img class="hover blur-up lazyload" data-src="assets/images/products/fruit-product1.jpg" src="assets/images/products/fruit-product1.jpg" alt="product" title="">
<!--End Hover Image-->
</a>
<!--End Product Image-->
<!--Product label-->
<div class="product-labels"><span class="lbl pr-label1">HOT</span></div>
<!--Product label-->
<!--Product Button-->
<div class="button-set style0 d-none d-md-block">
<ul>
<!--Cart Button-->
<li><a class="btn-icon btn cartIcon pro-addtocart-popup" href="#pro-addtocart-popup"><i class="icon an an-cart-l"></i> <span class="tooltip-label top">Add to Cart</span></a></li>
<!--End Cart Button-->
<!--Quick View Button-->
<li><a class="btn-icon quick-view-popup quick-view" href="javascript:void(0)" data-toggle="modal" data-target="#content_quickview"><i class="icon an an-search-l"></i> <span class="tooltip-label top">Quick View</span></a></li>
<!--End Quick View Button-->
<!--Wishlist Button-->
<li><a class="btn-icon wishlist add-to-wishlist" href="my-wishlist.html"><i class="icon an an-heart-l"></i> <span class="tooltip-label top">Add To Wishlist</span></a></li>
<!--End Wishlist Button-->
<!--Compare Button-->
<li><a class="btn-icon compare add-to-compare" href="compare-style2.html"><i class="icon an an-sync-ar"></i> <span class="tooltip-label top">Add to Compare</span></a></li>
<!--End Compare Button-->
</ul>
</div>
<!--End Product Button-->
</div>
<!--End Product Image-->
<!--Start Product Details-->
<div class="product-details text-center">
<!--Product Name-->
<div class="product-name text-uppercase">
<a href="product-layout1.html">Kashmir Apple (Per 4 Pieces)</a>
</div>
<!--End Product Name-->
<!--Product Price-->
<div class="product-price">
<span class="price">$5.99</span>
</div>
<!--End Product Price-->
<!--Product Review-->
<div class="product-review d-flex-center justify-content-center"><i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star-o"></i> <i class="an an-star-o"></i> <i class="an an-star-o"></i></div>
<!--End Product Review-->
</div>
<!--End Product Details-->
</div>
<div class="item">
<!--Start Product Image-->
<div class="product-image">
<!--Start Product Image-->
<a href="product-layout1.html" class="product-img">
<!--Image-->
<img class="primary blur-up lazyload" data-src="assets/images/products/fruit-product2.jpg" src="assets/images/products/fruit-product2.jpg" alt="product" title="">
<!--End Image-->
<!--Hover Image-->
<img class="hover blur-up lazyload" data-src="assets/images/products/fruit-product2.jpg" src="assets/images/products/fruit-product2.jpg" alt="product" title="">
<!--End Hover Image-->
</a>
<!--End Product Image-->
<!--Product Button-->
<div class="button-set style0 d-none d-md-block">
<ul>
<!--Cart Button-->
<li><a class="btn-icon btn cartIcon pro-addtocart-popup" href="#pro-addtocart-popup"><i class="icon an an-cart-l"></i> <span class="tooltip-label top">Add to Cart</span></a></li>
<!--End Cart Button-->
<!--Quick View Button-->
<li><a class="btn-icon quick-view-popup quick-view" href="javascript:void(0)" data-toggle="modal" data-target="#content_quickview"><i class="icon an an-search-l"></i> <span class="tooltip-label top">Quick View</span></a></li>
<!--End Quick View Button-->
<!--Wishlist Button-->
<li><a class="btn-icon wishlist add-to-wishlist" href="my-wishlist.html"><i class="icon an an-heart-l"></i> <span class="tooltip-label top">Add To Wishlist</span></a></li>
<!--End Wishlist Button-->
<!--Compare Button-->
<li><a class="btn-icon compare add-to-compare" href="compare-style2.html"><i class="icon an an-sync-ar"></i> <span class="tooltip-label top">Add to Compare</span></a></li>
<!--End Compare Button-->
</ul>
</div>
<!--End Product Button-->
</div>
<!--End Product Image-->
<!--Start Product Details-->
<div class="product-details text-center">
<!--Product Name-->
<div class="product-name text-uppercase">
<a href="product-layout1.html">Shimla Kiwi (Per 2 Pieces)</a>
</div>
<!--End Product Name-->
<!--Product Price-->
<div class="product-price">
<span class="price">$2.99</span>
</div>
<!--End Product Price-->
<!--Product Review-->
<div class="product-review d-flex-center justify-content-center"><i class="an an-star"></i> <i class="an an-star-o"></i> <i class="an an-star-o"></i> <i class="an an-star-o"></i> <i class="an an-star-o"></i></div>
<!--End Product Review-->
</div>
<!--End Product Details-->
</div>
<div class="item">
<!--Start Product Image-->
<div class="product-image">
<!--Start Product Image-->
<a href="product-layout1.html" class="product-img">
<!--Image-->
<img class="primary blur-up lazyload" data-src="assets/images/products/fruit-product3.jpg" src="assets/images/products/fruit-product3.jpg" alt="product" title="">
<!--End Image-->
<!--Hover Image-->
<img class="hover blur-up lazyload" data-src="assets/images/products/fruit-product3.jpg" src="assets/images/products/fruit-product3.jpg" alt="product" title="">
<!--End Hover Image-->
</a>
<!--End Product Image-->
<!--Product Button-->
<div class="button-set style0 d-none d-md-block">
<ul>
<!--Cart Button-->
<li><a class="btn-icon btn cartIcon pro-addtocart-popup" href="#pro-addtocart-popup"><i class="icon an an-cart-l"></i> <span class="tooltip-label top">Add to Cart</span></a></li>
<!--End Cart Button-->
<!--Quick View Button-->
<li><a class="btn-icon quick-view-popup quick-view" href="javascript:void(0)" data-toggle="modal" data-target="#content_quickview"><i class="icon an an-search-l"></i> <span class="tooltip-label top">Quick View</span></a></li>
<!--End Quick View Button-->
<!--Wishlist Button-->
<li><a class="btn-icon wishlist add-to-wishlist" href="my-wishlist.html"><i class="icon an an-heart-l"></i> <span class="tooltip-label top">Add To Wishlist</span></a></li>
<!--End Wishlist Button-->
<!--Compare Button-->
<li><a class="btn-icon compare add-to-compare" href="compare-style2.html"><i class="icon an an-sync-ar"></i> <span class="tooltip-label top">Add to Compare</span></a></li>
<!--End Compare Button-->
</ul>
</div>
<!--End Product Button-->
</div>
<!--End Product Image-->
<!--Start Product Details-->
<div class="product-details text-center">
<!--Product Name-->
<div class="product-name text-uppercase">
<a href="product-layout1.html">Watermelon (Per Piece)</a>
</div>
<!--End Product Name-->
<!--Product Price-->
<div class="product-price">
<span class="price">$3.99</span>
</div>
<!--End Product Price-->
<!--Product Review-->
<div class="product-review d-flex-center justify-content-center"><i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star-o"></i></div>
<!--End Product Review-->
</div>
<!--End Product Details-->
</div>
<div class="item">
<!--Start Product Image-->
<div class="product-image">
<!--Start Product Image-->
<a href="product-layout1.html" class="product-img">
<!--Image-->
<img class="primary blur-up lazyload" data-src="assets/images/products/fruit-product4.jpg" src="assets/images/products/fruit-product4.jpg" alt="product" title="">
<!--End Image-->
<!--Hover Image-->
<img class="hover blur-up lazyload" data-src="assets/images/products/fruit-product4.jpg" src="assets/images/products/fruit-product4.jpg" alt="product" title="">
<!--End Hover Image-->
</a>
<!--End Product Image-->
<!--Product Button-->
<div class="button-set style0 d-none d-md-block">
<ul>
<!--Cart Button-->
<li><a class="btn-icon btn cartIcon pro-addtocart-popup" href="#pro-addtocart-popup"><i class="icon an an-cart-l"></i> <span class="tooltip-label top">Add to Cart</span></a></li>
<!--End Cart Button-->
<!--Quick View Button-->
<li><a class="btn-icon quick-view-popup quick-view" href="javascript:void(0)" data-toggle="modal" data-target="#content_quickview"><i class="icon an an-search-l"></i> <span class="tooltip-label top">Quick View</span></a></li>
<!--End Quick View Button-->
<!--Wishlist Button-->
<li><a class="btn-icon wishlist add-to-wishlist" href="my-wishlist.html"><i class="icon an an-heart-l"></i> <span class="tooltip-label top">Add To Wishlist</span></a></li>
<!--End Wishlist Button-->
<!--Compare Button-->
<li><a class="btn-icon compare add-to-compare" href="compare-style2.html"><i class="icon an an-sync-ar"></i> <span class="tooltip-label top">Add to Compare</span></a></li>
<!--End Compare Button-->
</ul>
</div>
<!--End Product Button-->
</div>
<!--End Product Image-->
<!--Start Product Details-->
<div class="product-details text-center">
<!--Product Name-->
<div class="product-name text-uppercase">
<a href="product-layout1.html">Coconut Green (Per Piece)</a>
</div>
<!--End Product Name-->
<!--Product Price-->
<div class="product-price">
<span class="price">$2.99</span>
</div>
<!--End Product Price-->
<!--Product Review-->
<div class="product-review d-flex-center justify-content-center"><i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star-o"></i></div>
<!--End Product Review-->
</div>
<!--End Product Details-->
</div>
<div class="item">
<!--Start Product Image-->
<div class="product-image">
<!--Start Product Image-->
<a href="product-layout1.html" class="product-img">
<!--Image-->
<img class="primary blur-up lazyload" data-src="assets/images/products/fruit-product5.jpg" src="assets/images/products/fruit-product5.jpg" alt="product" title="">
<!--End Image-->
<!--Hover Image-->
<img class="hover blur-up lazyload" data-src="assets/images/products/fruit-product5.jpg" src="assets/images/products/fruit-product5.jpg" alt="product" title="">
<!--End Hover Image-->
</a>
<!--End Product Image-->
<!-- product label -->
<div class="product-labels"><span class="lbl on-sale">40% OFF</span></div>
<!-- End product label -->
<!--Product Button-->
<div class="button-set style0 d-none d-md-block">
<ul>
<!--Cart Button-->
<li><a class="btn-icon btn cartIcon pro-addtocart-popup" href="#pro-addtocart-popup"><i class="icon an an-cart-l"></i> <span class="tooltip-label top">Add to Cart</span></a></li>
<!--End Cart Button-->
<!--Quick View Button-->
<li><a class="btn-icon quick-view-popup quick-view" href="javascript:void(0)" data-toggle="modal" data-target="#content_quickview"><i class="icon an an-search-l"></i> <span class="tooltip-label top">Quick View</span></a></li>
<!--End Quick View Button-->
<!--Wishlist Button-->
<li><a class="btn-icon wishlist add-to-wishlist" href="my-wishlist.html"><i class="icon an an-heart-l"></i> <span class="tooltip-label top">Add To Wishlist</span></a></li>
<!--End Wishlist Button-->
<!--Compare Button-->
<li><a class="btn-icon compare add-to-compare" href="compare-style2.html"><i class="icon an an-sync-ar"></i> <span class="tooltip-label top">Add to Compare</span></a></li>
<!--End Compare Button-->
</ul>
</div>
<!--End Product Button-->
</div>
<!--End Product Image-->
<!--Start Product Details-->
<div class="product-details text-center">
<!--Product Name-->
<div class="product-name text-uppercase">
<a href="product-layout1.html">Dragon Golden (Per Piece)</a>
</div>
<!--End Product Name-->
<!--Product Price-->
<div class="product-price">
<span class="old-price">$4.00</span>
<span class="price">$3.00</span>
</div>
<!--End Product Price-->
<!--Product Review-->
<div class="product-review d-flex-center justify-content-center"><i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star-o"></i></div>
<!--End Product Review-->
</div>
<!--End Product Details-->
</div>
</div>
<div class="view-collection text-center mt-3 mt-md-4">
<a href="#" class="btn btn-lg rounded-pill text-uppercase">Shop All</a>
</div>
</div>
<h3 class="tab_drawer_heading body-font text-uppercase text-center" rel="tab23">Meats <i class="an an-angle-down-r" aria-hidden="true"></i></h3>
<div id="tab23" class="grid-products tab_content">
<div class="productSlider">
<div class="item">
<!--Start Product Image-->
<div class="product-image">
<!--Start Product Image-->
<a href="product-layout1.html" class="product-img">
<!--Image-->
<img class="primary blur-up lazyload" data-src="assets/images/products/meat-product1.jpg" src="assets/images/products/meat-product1.jpg" alt="product" title="">
<!--End Image-->
<!--Hover Image-->
<img class="hover blur-up lazyload" data-src="assets/images/products/meat-product1.jpg" src="assets/images/products/meat-product1.jpg" alt="product" title="">
<!--End Hover Image-->
</a>
<!--End Product Image-->
<!--Product Button-->
<div class="button-set style0 d-none d-md-block">
<ul>
<!--Cart Button-->
<li><a class="btn-icon btn cartIcon pro-addtocart-popup" href="#pro-addtocart-popup"><i class="icon an an-cart-l"></i> <span class="tooltip-label top">Add to Cart</span></a></li>
<!--End Cart Button-->
<!--Quick View Button-->
<li><a class="btn-icon quick-view-popup quick-view" href="javascript:void(0)" data-toggle="modal" data-target="#content_quickview"><i class="icon an an-search-l"></i> <span class="tooltip-label top">Quick View</span></a></li>
<!--End Quick View Button-->
<!--Wishlist Button-->
<li><a class="btn-icon wishlist add-to-wishlist" href="my-wishlist.html"><i class="icon an an-heart-l"></i> <span class="tooltip-label top">Add To Wishlist</span></a></li>
<!--End Wishlist Button-->
<!--Compare Button-->
<li><a class="btn-icon compare add-to-compare" href="compare-style2.html"><i class="icon an an-sync-ar"></i> <span class="tooltip-label top">Add to Compare</span></a></li>
<!--End Compare Button-->
</ul>
</div>
<!--End Product Button-->
</div>
<!--End Product Image-->
<!--Start Product Details-->
<div class="product-details text-center">
<!--Product Name-->
<div class="product-name text-uppercase">
<a href="product-layout1.html">Raw Pork ( 1 KG )</a>
</div>
<!--End Product Name-->
<!--Product Price-->
<div class="product-price">
<span class="price">$15.00</span>
</div>
<!--End Product Price-->
<!--Product Review-->
<div class="product-review d-flex-center justify-content-center"><i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star-o"></i> <i class="an an-star-o"></i> <i class="an an-star-o"></i></div>
<!--End Product Review-->
</div>
<!--End Product Details-->
</div>
<div class="item">
<!--Start Product Image-->
<div class="product-image">
<!--Start Product Image-->
<a href="product-layout1.html" class="product-img">
<!--Image-->
<img class="primary blur-up lazyload" data-src="assets/images/products/meat-product2.jpg" src="assets/images/products/meat-product2.jpg" alt="product" title="">
<!--End Image-->
<!--Hover Image-->
<img class="hover blur-up lazyload" data-src="assets/images/products/meat-product2.jpg" src="assets/images/products/meat-product2.jpg" alt="product" title="">
<!--End Hover Image-->
</a>
<!--End Product Image-->
<!--Product Button-->
<div class="button-set style0 d-none d-md-block">
<ul>
<!--Cart Button-->
<li><a class="btn-icon btn cartIcon pro-addtocart-popup" href="#pro-addtocart-popup"><i class="icon an an-cart-l"></i> <span class="tooltip-label top">Add to Cart</span></a></li>
<!--End Cart Button-->
<!--Quick View Button-->
<li><a class="btn-icon quick-view-popup quick-view" href="javascript:void(0)" data-toggle="modal" data-target="#content_quickview"><i class="icon an an-search-l"></i> <span class="tooltip-label top">Quick View</span></a></li>
<!--End Quick View Button-->
<!--Wishlist Button-->
<li><a class="btn-icon wishlist add-to-wishlist" href="my-wishlist.html"><i class="icon an an-heart-l"></i> <span class="tooltip-label top">Add To Wishlist</span></a></li>
<!--End Wishlist Button-->
<!--Compare Button-->
<li><a class="btn-icon compare add-to-compare" href="compare-style2.html"><i class="icon an an-sync-ar"></i> <span class="tooltip-label top">Add to Compare</span></a></li>
<!--End Compare Button-->
</ul>
</div>
<!--End Product Button-->
</div>
<!--End Product Image-->
<!--Start Product Details-->
<div class="product-details text-center">
<!--Product Name-->
<div class="product-name text-uppercase">
<a href="product-layout1.html">Grouper Fish ( 1 KG )</a>
</div>
<!--End Product Name-->
<!--Product Price-->
<div class="product-price">
<span class="price">$10.00</span>
</div>
<!--End Product Price-->
<!--Product Review-->
<div class="product-review d-flex-center justify-content-center"><i class="an an-star"></i> <i class="an an-star-o"></i> <i class="an an-star-o"></i> <i class="an an-star-o"></i> <i class="an an-star-o"></i></div>
<!--End Product Review-->
</div>
<!--End Product Details-->
</div>
<div class="item">
<!--Start Product Image-->
<div class="product-image">
<!--Start Product Image-->
<a href="product-layout1.html" class="product-img">
<!--Image-->
<img class="primary blur-up lazyload" data-src="assets/images/products/meat-product3.jpg" src="assets/images/products/meat-product3.jpg" alt="product" title="">
<!--End Image-->
<!--Hover Image-->
<img class="hover blur-up lazyload" data-src="assets/images/products/meat-product3.jpg" src="assets/images/products/meat-product3.jpg" alt="product" title="">
<!--End Hover Image-->
</a>
<!--End Product Image-->
<!--Product Button-->
<div class="button-set style0 d-none d-md-block">
<ul>
<!--Cart Button-->
<li><a class="btn-icon btn cartIcon pro-addtocart-popup" href="#pro-addtocart-popup"><i class="icon an an-cart-l"></i> <span class="tooltip-label top">Add to Cart</span></a></li>
<!--End Cart Button-->
<!--Quick View Button-->
<li><a class="btn-icon quick-view-popup quick-view" href="javascript:void(0)" data-toggle="modal" data-target="#content_quickview"><i class="icon an an-search-l"></i> <span class="tooltip-label top">Quick View</span></a></li>
<!--End Quick View Button-->
<!--Wishlist Button-->
<li><a class="btn-icon wishlist add-to-wishlist" href="my-wishlist.html"><i class="icon an an-heart-l"></i> <span class="tooltip-label top">Add To Wishlist</span></a></li>
<!--End Wishlist Button-->
<!--Compare Button-->
<li><a class="btn-icon compare add-to-compare" href="compare-style2.html"><i class="icon an an-sync-ar"></i> <span class="tooltip-label top">Add to Compare</span></a></li>
<!--End Compare Button-->
</ul>
</div>
<!--End Product Button-->
</div>
<!--End Product Image-->
<!--Start Product Details-->
<div class="product-details text-center">
<!--Product Name-->
<div class="product-name text-uppercase">
<a href="product-layout1.html">Mutton Meat ( 500 Grams)</a>
</div>
<!--End Product Name-->
<!--Product Price-->
<div class="product-price">
<span class="price">$25.00</span>
</div>
<!--End Product Price-->
<!--Product Review-->
<div class="product-review d-flex-center justify-content-center"><i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star-o"></i></div>
<!--End Product Review-->
</div>
<!--End Product Details-->
</div>
<div class="item">
<!--Start Product Image-->
<div class="product-image">
<!--Start Product Image-->
<a href="product-layout1.html" class="product-img">
<!--Image-->
<img class="primary blur-up lazyload" data-src="assets/images/products/meat-product4.jpg" src="assets/images/products/meat-product4.jpg" alt="product" title="">
<!--End Image-->
<!--Hover Image-->
<img class="hover blur-up lazyload" data-src="assets/images/products/meat-product4.jpg" src="assets/images/products/meat-product4.jpg" alt="product" title="">
<!--End Hover Image-->
</a>
<!--End Product Image-->
<!--Product Button-->
<div class="button-set style0 d-none d-md-block">
<ul>
<!--Cart Button-->
<li><a class="btn-icon btn cartIcon pro-addtocart-popup" href="#pro-addtocart-popup"><i class="icon an an-cart-l"></i> <span class="tooltip-label top">Add to Cart</span></a></li>
<!--End Cart Button-->
<!--Quick View Button-->
<li><a class="btn-icon quick-view-popup quick-view" href="javascript:void(0)" data-toggle="modal" data-target="#content_quickview"><i class="icon an an-search-l"></i> <span class="tooltip-label top">Quick View</span></a></li>
<!--End Quick View Button-->
<!--Wishlist Button-->
<li><a class="btn-icon wishlist add-to-wishlist" href="my-wishlist.html"><i class="icon an an-heart-l"></i> <span class="tooltip-label top">Add To Wishlist</span></a></li>
<!--End Wishlist Button-->
<!--Compare Button-->
<li><a class="btn-icon compare add-to-compare" href="compare-style2.html"><i class="icon an an-sync-ar"></i> <span class="tooltip-label top">Add to Compare</span></a></li>
<!--End Compare Button-->
</ul>
</div>
<!--End Product Button-->
</div>
<!--End Product Image-->
<!--Start Product Details-->
<div class="product-details text-center">
<!--Product Name-->
<div class="product-name text-uppercase">
<a href="product-layout1.html">Steamed Crabs (500 Grams)</a>
</div>
<!--End Product Name-->
<!--Product Price-->
<div class="product-price">
<span class="price">$10.00</span>
</div>
<!--End Product Price-->
<!--Product Review-->
<div class="product-review d-flex-center justify-content-center"><i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star-o"></i></div>
<!--End Product Review-->
</div>
<!--End Product Details-->
</div>
</div>
<div class="view-collection text-center mt-3 mt-md-4">
<a href="#" class="btn btn-lg rounded-pill text-uppercase">Shop All</a>
</div>
</div>
</div>
</div>
</section>
<section class="product-slider tab-slider-product py-3">
<div class="tabs-listing">
<ul class="tabs clearfix tabs-style2">
<li class="active py-2 rounded-0" rel="tab1">Women</li>
<li class="py-2 rounded-0" rel="tab2">Men</li>
<li class="py-2 rounded-0" rel="tab3" class="tab_last">Accessories</li>
</ul>
<div class="tab_container">
<h3 class="tab_drawer_heading d_active body-font text-uppercase text-center" rel="tab1">Women <i class="an an-angle-down-r" aria-hidden="true"></i></h3>
<div id="tab1" class="tab_content">
<div class="grid-products">
<div class="row">
<div class="col-6 col-sm-6 col-md-4 col-lg-3 item">
<!--Start Product Image-->
<div class="product-image">
<!--Start Product Image-->
<a href="product-layout1.html" class="product-img">
<!--Image-->
<img class="primary blur-up lazyload" data-src="assets/images/products/product-8.jpg" src="assets/images/products/product-8.jpg" alt="" title="">
<!--End Image-->
<!--Hover Image-->
<img class="hover blur-up lazyload" data-src="assets/images/products/product-8-1.jpg" src="assets/images/products/product-8-1.jpg" alt="" title="">
<!--End Hover Image-->
<!-- product label -->
<div class="product-labels"><span class="lbl on-sale">50% Off</span></div>
<!-- End product label -->
</a>
<!--End Product Image-->
<!--Product Button-->
<div class="button-set style2">
<ul>
<li>
<!--Cart Button-->
<a class="btn-icon btn btn-addto-cart pro-addtocart-popup" href="#pro-addtocart-popup">
<i class="icon an an-cart-l"></i> <span class="tooltip-label">Add to Cart</span>
</a>
<!--End Cart Button-->
</li>
<li>
<!--Quick View Button-->
<a href="javascript:void(0)" title="Quick View" class="btn-icon quick-view-popup quick-view" data-toggle="modal" data-target="#content_quickview">
<i class="icon an an-search-l"></i>
<span class="tooltip-label">Quick View</span>
</a>
<!--End Quick View Button-->
</li>
<li>
<!--Wishlist Button-->
<a class="btn-icon wishlist add-to-wishlist" href="my-wishlist.html">
<i class="icon an an-heart-l"></i>
<span class="tooltip-label">Add To Wishlist</span>
</a>
<!--End Wishlist Button-->
</li>
<li>
<!--Compare Button-->
<a class="btn-icon compare add-to-compare" href="compare-style2.html" title="Add to Compare">
<i class="icon an an-sync-ar"></i>
<span class="tooltip-label">Add to Compare</span>
</a>
<!--End Compare Button-->
</li>
</ul>
</div>
<!--End Product Button-->
</div>
<!--End Product Image-->
<!--Start Product Details-->
<div class="product-details text-left">
<!--Product Name-->
<div class="product-name">
<a href="product-layout1.html">Martha Knit Top</a>
</div>
<!--End Product Name-->
<!--Product Price-->
<div class="product-price">
<span class="old-price">$199.00</span>
<span class="price">$219.00</span>
</div>
<!--End Product Price-->
<!--Product Review-->
<div class="product-review"><i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star-o"></i></div>
<!--End Product Review-->
<!--Color Variant -->
<ul class="image-swatches swatches">
<li class="swatch rounded blue small"><span class="swacth-btn"></span><span class="tooltip-label">Blue</span></li>
<li class="swatch rounded pink small"><span class="swacth-btn"></span><span class="tooltip-label">Pink</span></li>
<li class="swatch rounded red small"><span class="swacth-btn"></span><span class="tooltip-label">Red</span></li>
<li class="swatch rounded yellow small"><span class="swacth-btn"></span><span class="tooltip-label">Yellow</span></li>
</ul>
<!-- End Variant -->
</div>
<!--End Product Details-->
</div>
<div class="col-6 col-sm-6 col-md-4 col-lg-3 item">
<!--Start Product Image-->
<div class="product-image">
<!--Start Product Image-->
<a href="product-layout1.html" class="product-img">
<!--Image-->
<img class="primary blur-up lazyload" data-src="assets/images/products/product-9-2.jpg" src="assets/images/products/product-9-2.jpg" alt="" title="">
<!--End Image-->
<!--Hover Image-->
<img class="hover blur-up lazyload" data-src="assets/images/products/product-9-1.jpg" src="assets/images/products/product-9-1.jpg" alt="" title="">
<!--End Hover Image-->
</a>
<!--End Product Image-->
<!--Countdown Timer-->
<div class="saleTime desktop" data-countdown="2024/10/01"></div>
<!--End Countdown Timer-->
<!--Product Button-->
<div class="button-set style2">
<ul>
<li>
<!--Cart Button-->
<a class="btn-icon btn btn-addto-cart pro-addtocart-popup" href="#pro-addtocart-popup">
<i class="icon an an-cart-l"></i> <span class="tooltip-label">Add to Cart</span>
</a>
<!--End Cart Button-->
</li>
<li>
<!--Quick View Button-->
<a href="javascript:void(0)" title="Quick View" class="btn-icon quick-view-popup quick-view" data-toggle="modal" data-target="#content_quickview">
<i class="icon an an-search-l"></i>
<span class="tooltip-label">Quick View</span>
</a>
<!--End Quick View Button-->
</li>
<li>
<!--Wishlist Button-->
<a class="btn-icon wishlist add-to-wishlist" href="my-wishlist.html">
<i class="icon an an-heart-l"></i>
<span class="tooltip-label">Add To Wishlist</span>
</a>
<!--End Wishlist Button-->
</li>
<li>
<!--Compare Button-->
<a class="btn-icon compare add-to-compare" href="compare-style2.html" title="Add to Compare">
<i class="icon an an-sync-ar"></i>
<span class="tooltip-label">Add to Compare</span>
</a>
<!--End Compare Button-->
</li>
</ul>
</div>
<!--End Product Button-->
</div>
<!--End Product Image-->
<!--Start Product Details-->
<div class="product-details text-left">
<!--Product Name-->
<div class="product-name">
<a href="product-layout1.html">Long Sleeve T-shirts</a>
</div>
<!--End Product Name-->
<!--Product Price-->
<div class="product-price">
<span class="price">$199.01</span>
</div>
<!--End Product Price-->
<!--Product Review-->
<div class="product-review"><i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star"></i><i class="an an-star"></i> <i class="an an-star"></i></div>
<!--End Product Review-->
<!-- Color Variant -->
<ul class="swatches">
<li class="swatch rounded purple small"><span class="tooltip-label">Purple</span></li>
<li class="swatch rounded black small"><span class="tooltip-label">Black</span></li>
<li class="swatch rounded navy small"><span class="tooltip-label">Navy</span></li>
</ul>
<!-- End Variant -->
</div>
<!--End Product Details-->
</div>
<div class="col-6 col-sm-6 col-md-4 col-lg-3 item">
<!--Start Product Image-->
<div class="product-image">
<!--Start Product Image-->
<a href="product-layout1.html" class="product-img">
<!--Image-->
<img class="primary blur-up lazyload" data-src="assets/images/products/product-7.jpg" src="assets/images/products/product-7.jpg" alt="" title="">
<!--End Image-->
<!--Hover Image-->
<img class="hover blur-up lazyload" data-src="assets/images/products/product-7-1.jpg" src="assets/images/products/product-7-1.jpg" alt="" title="">
<!--End Hover Image-->
</a>
<!--End Product Image-->
<!--Product label-->
<div class="product-labels"><span class="lbl pr-label1">New</span></div>
<!--Product label-->
<!--Product Button-->
<div class="button-set style2">
<ul>
<li>
<!--Cart Button-->
<a class="btn-icon btn btn-addto-cart pro-addtocart-popup" href="#pro-addtocart-popup">
<i class="icon an an-cart-l"></i> <span class="tooltip-label">Add to Cart</span>
</a>
<!--End Cart Button-->
</li>
<li>
<!--Quick View Button-->
<a href="javascript:void(0)" title="Quick View" class="btn-icon quick-view-popup quick-view" data-toggle="modal" data-target="#content_quickview">
<i class="icon an an-search-l"></i>
<span class="tooltip-label">Quick View</span>
</a>
<!--End Quick View Button-->
</li>
<li>
<!--Wishlist Button-->
<a class="btn-icon wishlist add-to-wishlist" href="my-wishlist.html">
<i class="icon an an-heart-l"></i>
<span class="tooltip-label">Add To Wishlist</span>
</a>
<!--End Wishlist Button-->
</li>
<li>
<!--Compare Button-->
<a class="btn-icon compare add-to-compare" href="compare-style2.html" title="Add to Compare">
<i class="icon an an-sync-ar"></i>
<span class="tooltip-label">Add to Compare</span>
</a>
<!--End Compare Button-->
</li>
</ul>
</div>
<!--End Product Button-->
</div>
<!--End Product Image-->
<!--Start Product Details-->
<div class="product-details text-left">
<!--Product Name-->
<div class="product-name">
<a href="product-layout1.html">Button Up Top Black</a>
</div>
<!--End Product Name-->
<!--Product Price-->
<div class="product-price">
<span class="price">$99.01</span>
</div>
<!--End Product Price-->
<!--Product Review-->
<div class="product-review"><i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star-o"></i> <i class="an an-star-o"></i> <i class="an an-star-o"></i></div>
<!--End Product Review-->
<!--Color Variant -->
<ul class="image-swatches swatches">
<li class="swatch rounded red small"><span class="swacth-btn"></span><span class="tooltip-label">Red</span></li>
<li class="swatch rounded yellow small"><span class="swacth-btn"></span><span class="tooltip-label">Yellow</span></li>
</ul>
<!-- End Variant -->
</div>
<!--End Product Details-->
</div>
<div class="col-6 col-sm-6 col-md-4 col-lg-3 item">
<!--Start Product Image-->
<div class="product-image">
<!--Start Product Image-->
<a href="product-layout1.html" class="product-img">
<!--Image-->
<img class="primary blur-up lazyload" data-src="assets/images/products/product-6.jpg" src="assets/images/products/product-6.jpg" alt="" title="">
<!--End Image-->
<!--Hover Image-->
<img class="hover blur-up lazyload" data-src="assets/images/products/product-6-1.jpg" src="assets/images/products/product-6-1.jpg" alt="" title="">
<!--End Hover Image-->
</a>
<!--End Product Image-->
<!--Product Button-->
<div class="button-set style2">
<ul>
<li>
<!--Cart Button-->
<a class="btn-icon btn btn-addto-cart pro-addtocart-popup" href="#pro-addtocart-popup">
<i class="icon an an-cart-l"></i> <span class="tooltip-label">Add to Cart</span>
</a>
<!--End Cart Button-->
</li>
<li>
<!--Quick View Button-->
<a href="javascript:void(0)" title="Quick View" class="btn-icon quick-view-popup quick-view" data-toggle="modal" data-target="#content_quickview">
<i class="icon an an-search-l"></i>
<span class="tooltip-label">Quick View</span>
</a>
<!--End Quick View Button-->
</li>
<li>
<!--Wishlist Button-->
<a class="btn-icon wishlist add-to-wishlist" href="my-wishlist.html">
<i class="icon an an-heart-l"></i>
<span class="tooltip-label">Add To Wishlist</span>
</a>
<!--End Wishlist Button-->
</li>
<li>
<!--Compare Button-->
<a class="btn-icon compare add-to-compare" href="compare-style2.html" title="Add to Compare">
<i class="icon an an-sync-ar"></i>
<span class="tooltip-label">Add to Compare</span>
</a>
<!--End Compare Button-->
</li>
</ul>
</div>
<!--End Product Button-->
</div>
<!--End Product Image-->
<!--Start Product Details-->
<div class="product-details text-left">
<!--Product Name-->
<div class="product-name">
<a href="product-layout1.html">Sunset Sleep Scarf Top</a>
</div>
<!--End Product Name-->
<!--Product Price-->
<div class="product-price">
<span class="price">$99.01</span>
</div>
<!--End Product Price-->
<!--Product Review-->
<div class="product-review"><i class="an an-star"></i> <i class="an an-star-o"></i> <i class="an an-star-o"></i> <i class="an an-star-o"></i> <i class="an an-star-o"></i></div>
<!--End Product Review-->
<!-- Color Variant -->
<ul class="swatches">
<li class="swatch rounded black small"><span class="tooltip-label">black</span></li>
<li class="swatch rounded navy small"><span class="tooltip-label">navy</span></li>
<li class="swatch rounded darkgreen small"><span class="tooltip-label">darkgreen</span></li>
</ul>
<!-- End Variant -->
</div>
<!--End Product Details-->
</div>
</div>
</div>
<div class="view-collection text-center mt-0">
<a href="#" class="btn btn-primary">View Collection</a>
</div>
</div>
<h3 class="tab_drawer_heading body-font text-uppercase text-center" rel="tab2">Men <i class="an an-angle-down-r" aria-hidden="true"></i></h3>
<div id="tab2" class="tab_content">
<div class="grid-products">
<div class="row">
<div class="col-6 col-sm-6 col-md-4 col-lg-3 item">
<!--Start Product Image-->
<div class="product-image">
<!--Start Product Image-->
<a href="product-layout1.html" class="product-img">
<!--Image-->
<img class="primary blur-up lazyload" data-src="assets/images/products/product-14.jpg" src="assets/images/products/product-14.jpg" alt="" title="">
<!--End Image-->
<!--Hover Image-->
<img class="hover blur-up lazyload" data-src="assets/images/products/product-14-1.jpg" src="assets/images/products/product-14-1.jpg" alt="" title="">
<!--End Hover Image-->
</a>
<!--End Product Image-->
<!--Product Button-->
<div class="button-set style2">
<ul>
<li>
<!--Cart Button-->
<a class="btn-icon btn btn-addto-cart pro-addtocart-popup" href="#pro-addtocart-popup">
<i class="icon an an-cart-l"></i> <span class="tooltip-label">Add to Cart</span>
</a>
<!--End Cart Button-->
</li>
<li>
<!--Quick View Button-->
<a href="javascript:void(0)" title="Quick View" class="btn-icon quick-view-popup quick-view" data-toggle="modal" data-target="#content_quickview">
<i class="icon an an-search-l"></i>
<span class="tooltip-label">Quick View</span>
</a>
<!--End Quick View Button-->
</li>
<li>
<!--Wishlist Button-->
<a class="btn-icon wishlist add-to-wishlist" href="my-wishlist.html">
<i class="icon an an-heart-l"></i>
<span class="tooltip-label">Add To Wishlist</span>
</a>
<!--End Wishlist Button-->
</li>
<li>
<!--Compare Button-->
<a class="btn-icon compare add-to-compare" href="compare-style2.html" title="Add to Compare">
<i class="icon an an-sync-ar"></i>
<span class="tooltip-label">Add to Compare</span>
</a>
<!--End Compare Button-->
</li>
</ul>
</div>
<!--End Product Button-->
</div>
<!--End Product Image-->
<!--Start Product Details-->
<div class="product-details text-left">
<!--Product Name-->
<div class="product-name">
<a href="product-layout1.html">Martha Knit Top</a>
</div>
<!--End Product Name-->
<!--Product Price-->
<div class="product-price">
<span class="old-price">$199.00</span>
<span class="price">$219.00</span>
</div>
<!--End Product Price-->
<!--Product Review-->
<div class="product-review"><i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star-o"></i></div>
<!--End Product Review-->
<!--Color Variant -->
<ul class="swatches">
<li class="swatch rounded green small"><span class="tooltip-label">Green</span></li>
<li class="swatch rounded orange small"><span class="tooltip-label">Orange</span></li>
</ul>
<!-- End Variant -->
</div>
<!--End Product Details-->
</div>
<div class="col-6 col-sm-6 col-md-4 col-lg-3 item">
<!--Start Product Image-->
<div class="product-image">
<!--Start Product Image-->
<a href="product-layout1.html" class="product-img">
<!--Image-->
<img class="primary blur-up lazyload" data-src="assets/images/products/product-12.jpg" src="assets/images/products/product-12.jpg" alt="" title="">
<!--End Image-->
<!--Hover Image-->
<img class="hover blur-up lazyload" data-src="assets/images/products/product-12-1.jpg" src="assets/images/products/product-12-1.jpg" alt="" title="">
<!--End Hover Image-->
</a>
<!--End Product Image-->
<!--Product Button-->
<div class="button-set style2">
<ul>
<li>
<!--Cart Button-->
<a class="btn-icon btn btn-addto-cart pro-addtocart-popup" href="#pro-addtocart-popup">
<i class="icon an an-cart-l"></i> <span class="tooltip-label">Add to Cart</span>
</a>
<!--End Cart Button-->
</li>
<li>
<!--Quick View Button-->
<a href="javascript:void(0)" title="Quick View" class="btn-icon quick-view-popup quick-view" data-toggle="modal" data-target="#content_quickview">
<i class="icon an an-search-l"></i>
<span class="tooltip-label">Quick View</span>
</a>
<!--End Quick View Button-->
</li>
<li>
<!--Wishlist Button-->
<a class="btn-icon wishlist add-to-wishlist" href="my-wishlist.html">
<i class="icon an an-heart-l"></i>
<span class="tooltip-label">Add To Wishlist</span>
</a>
<!--End Wishlist Button-->
</li>
<li>
<!--Compare Button-->
<a class="btn-icon compare add-to-compare" href="compare-style2.html" title="Add to Compare">
<i class="icon an an-sync-ar"></i>
<span class="tooltip-label">Add to Compare</span>
</a>
<!--End Compare Button-->
</li>
</ul>
</div>
<!--End Product Button-->
</div>
<!--End Product Image-->
<!--Start Product Details-->
<div class="product-details text-left">
<!--Product Name-->
<div class="product-name">
<a href="product-layout1.html">Long Sleeve T-shirts</a>
</div>
<!--End Product Name-->
<!--Product Price-->
<div class="product-price">
<span class="price">$199.00</span>
</div>
<!--End Product Price-->
<!--Product Review-->
<div class="product-review"><i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star"></i><i class="an an-star"></i> <i class="an an-star"></i></div>
<!--End Product Review-->
<!-- Color Variant -->
<ul class="swatches">
<li class="swatch rounded black small"><span class="tooltip-label">Black</span></li>
<li class="swatch rounded purple small"><span class="tooltip-label">Purple</span></li>
</ul>
<!-- End Variant -->
</div>
<!--End Product Details-->
</div>
<div class="col-6 col-sm-6 col-md-4 col-lg-3 item">
<!--Start Product Image-->
<div class="product-image">
<!--Start Product Image-->
<a href="product-layout1.html" class="product-img">
<!--Image-->
<img class="primary blur-up lazyload" data-src="assets/images/products/product-13.jpg" src="assets/images/products/product-13.jpg" alt="" title="">
<!--End Image-->
<!--Hover Image-->
<img class="hover blur-up lazyload" data-src="assets/images/products/product-13-1.jpg" src="assets/images/products/product-13-1.jpg" alt="" title="">
<!--End Hover Image-->
</a>
<!--End Product Image-->
<!--Product label-->
<div class="product-labels"><span class="lbl pr-label1">HOT</span></div>
<!--Product label-->
<!--Product Button-->
<div class="button-set style2">
<ul>
<li>
<!--Cart Button-->
<a class="btn-icon btn btn-addto-cart pro-addtocart-popup" href="#pro-addtocart-popup">
<i class="icon an an-cart-l"></i> <span class="tooltip-label">Add to Cart</span>
</a>
<!--End Cart Button-->
</li>
<li>
<!--Quick View Button-->
<a href="javascript:void(0)" title="Quick View" class="btn-icon quick-view-popup quick-view" data-toggle="modal" data-target="#content_quickview">
<i class="icon an an-search-l"></i>
<span class="tooltip-label">Quick View</span>
</a>
<!--End Quick View Button-->
</li>
<li>
<!--Wishlist Button-->
<a class="btn-icon wishlist add-to-wishlist" href="my-wishlist.html">
<i class="icon an an-heart-l"></i>
<span class="tooltip-label">Add To Wishlist</span>
</a>
<!--End Wishlist Button-->
</li>
<li>
<!--Compare Button-->
<a class="btn-icon compare add-to-compare" href="compare-style2.html" title="Add to Compare">
<i class="icon an an-sync-ar"></i>
<span class="tooltip-label">Add to Compare</span>
</a>
<!--End Compare Button-->
</li>
</ul>
</div>
<!--End Product Button-->
</div>
<!--End Product Image-->
<!--Start Product Details-->
<div class="product-details text-left">
<!--Product Name-->
<div class="product-name">
<a href="product-layout1.html">Stand Collar Slim Shirt</a>
</div>
<!--End Product Name-->
<!--Product Price-->
<div class="product-price">
<span class="price">$399.00</span>
</div>
<!--End Product Price-->
<!--Product Review-->
<div class="product-review"><i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star-o"></i> <i class="an an-star-o"></i> <i class="an an-star-o"></i></div>
<!--End Product Review-->
<!-- Color Variant -->
<ul class="swatches">
<li class="swatch rounded red small"><span class="tooltip-label">red</span></li>
</ul>
<!-- End Variant -->
</div>
<!--End Product Details-->
</div>
<div class="col-6 col-sm-6 col-md-4 col-lg-3 item">
<!--Start Product Image-->
<div class="product-image">
<!--Start Product Image-->
<a href="product-layout1.html" class="product-img">
<!--Image-->
<img class="primary blur-up lazyload" data-src="assets/images/products/product-15.jpg" src="assets/images/products/product-15.jpg" alt="" title="">
<!--End Image-->
<!--Hover Image-->
<img class="hover blur-up lazyload" data-src="assets/images/products/product-15-1.jpg" src="assets/images/products/product-15-1.jpg" alt="" title="">
<!--End Hover Image-->
</a>
<!--End Product Image-->
<!--Product Button-->
<div class="button-set style2">
<ul>
<li>
<!--Cart Button-->
<a class="btn-icon btn btn-addto-cart pro-addtocart-popup" href="#pro-addtocart-popup">
<i class="icon an an-cart-l"></i> <span class="tooltip-label">Add to Cart</span>
</a>
<!--End Cart Button-->
</li>
<li>
<!--Quick View Button-->
<a href="javascript:void(0)" title="Quick View" class="btn-icon quick-view-popup quick-view" data-toggle="modal" data-target="#content_quickview">
<i class="icon an an-search-l"></i>
<span class="tooltip-label">Quick View</span>
</a>
<!--End Quick View Button-->
</li>
<li>
<!--Wishlist Button-->
<a class="btn-icon wishlist add-to-wishlist" href="my-wishlist.html">
<i class="icon an an-heart-l"></i>
<span class="tooltip-label">Add To Wishlist</span>
</a>
<!--End Wishlist Button-->
</li>
<li>
<!--Compare Button-->
<a class="btn-icon compare add-to-compare" href="compare-style2.html" title="Add to Compare">
<i class="icon an an-sync-ar"></i>
<span class="tooltip-label">Add to Compare</span>
</a>
<!--End Compare Button-->
</li>
</ul>
</div>
<!--End Product Button-->
</div>
<!--End Product Image-->
<!--Start Product Details-->
<div class="product-details text-left">
<!--Product Name-->
<div class="product-name">
<a href="product-layout1.html">Weave Hoodie Sweatshirt</a>
</div>
<!--End Product Name-->
<!--Product Price-->
<div class="product-price">
<span class="price">$199.00</span>
</div>
<!--End Product Price-->
<!--Product Review-->
<div class="product-review"><i class="an an-star"></i> <i class="an an-star-o"></i> <i class="an an-star-o"></i> <i class="an an-star-o"></i> <i class="an an-star-o"></i></div>
<!--End Product Review-->
<!-- Color Variant -->
<ul class="swatches">
<li class="swatch rounded darkgreen small"><span class="tooltip-label">darkgreen</span></li>
</ul>
<!-- End Variant -->
</div>
<!--End Product Details-->
</div>
</div>
</div>
<div class="view-collection text-center mt-3 mt-md-4">
<a href="#" class="btn btn-primary">View Collection</a>
</div>
</div>
<h3 class="tab_drawer_heading body-font text-uppercase text-center" rel="tab3">Accessories <i class="an an-angle-down-r" aria-hidden="true"></i></h3>
<div id="tab3" class="tab_content">
<div class="grid-products">
<div class="row">
<div class="col-6 col-sm-6 col-md-4 col-lg-3 item">
<!--Start Product Image-->
<div class="product-image">
<!--Start Product Image-->
<a href="product-layout1.html" class="product-img">
<!--Image-->
<img class="primary blur-up lazyload" data-src="assets/images/products/product-17.jpg" src="assets/images/products/product-17.jpg" alt="" title="">
<!--End Image-->
<!--Hover Image-->
<img class="hover blur-up lazyload" data-src="assets/images/products/product-17-1.jpg" src="assets/images/products/product-17-1.jpg" alt="" title="">
<!--End Hover Image-->
<!-- product label -->
<div class="product-labels"><span class="lbl on-sale">40% OFF</span></div>
<!-- End product label -->
</a>
<!--End Product Image-->
<!--Product Button-->
<div class="button-set style2">
<ul>
<li>
<!--Cart Button-->
<a class="btn-icon btn btn-addto-cart pro-addtocart-popup" href="#pro-addtocart-popup">
<i class="icon an an-cart-l"></i> <span class="tooltip-label">Add to Cart</span>
</a>
<!--End Cart Button-->
</li>
<li>
<!--Quick View Button-->
<a href="javascript:void(0)" title="Quick View" class="btn-icon quick-view-popup quick-view" data-toggle="modal" data-target="#content_quickview">
<i class="icon an an-search-l"></i>
<span class="tooltip-label">Quick View</span>
</a>
<!--End Quick View Button-->
</li>
<li>
<!--Wishlist Button-->
<a class="btn-icon wishlist add-to-wishlist" href="my-wishlist.html">
<i class="icon an an-heart-l"></i>
<span class="tooltip-label">Add To Wishlist</span>
</a>
<!--End Wishlist Button-->
</li>
<li>
<!--Compare Button-->
<a class="btn-icon compare add-to-compare" href="compare-style2.html" title="Add to Compare">
<i class="icon an an-sync-ar"></i>
<span class="tooltip-label">Add to Compare</span>
</a>
<!--End Compare Button-->
</li>
</ul>
</div>
<!--End Product Button-->
</div>
<!--End Product Image-->
<!--Start Product Details-->
<div class="product-details text-left">
<!--Product Name-->
<div class="product-name">
<a href="product-layout1.html">Black Solid Cap</a>
</div>
<!--End Product Name-->
<!--Product Price-->
<div class="product-price">
<span class="old-price">$99.00</span>
<span class="price">$89.00</span>
</div>
<!--End Product Price-->
<!--Product Review-->
<div class="product-review"><i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star-o"></i></div>
<!--End Product Review-->
<!--Color Variant -->
<ul class="swatches">
<li class="swatch rounded aqua small"><span class="tooltip-label">Aqua</span></li>
<li class="swatch rounded orange small"><span class="tooltip-label">Orange</span></li>
</ul>
<!-- End Variant -->
</div>
<!--End Product Details-->
</div>
<div class="col-6 col-sm-6 col-md-4 col-lg-3 item">
<!--Start Product Image-->
<div class="product-image">
<!--Start Product Image-->
<a href="product-layout1.html" class="product-img">
<!--Image-->
<img class="primary blur-up lazyload" data-src="assets/images/products/product-18.jpg" src="assets/images/products/product-18.jpg" alt="" title="">
<!--End Image-->
<!--Hover Image-->
<img class="hover blur-up lazyload" data-src="assets/images/products/product-18-1.jpg" src="assets/images/products/product-18-1.jpg" alt="" title="">
<!--End Hover Image-->
</a>
<!--End Product Image-->
<!--Product Button-->
<div class="button-set style2">
<ul>
<li>
<!--Cart Button-->
<a class="btn-icon btn btn-addto-cart pro-addtocart-popup" href="#pro-addtocart-popup">
<i class="icon an an-cart-l"></i> <span class="tooltip-label">Add to Cart</span>
</a>
<!--End Cart Button-->
</li>
<li>
<!--Quick View Button-->
<a href="javascript:void(0)" title="Quick View" class="btn-icon quick-view-popup quick-view" data-toggle="modal" data-target="#content_quickview">
<i class="icon an an-search-l"></i>
<span class="tooltip-label">Quick View</span>
</a>
<!--End Quick View Button-->
</li>
<li>
<!--Wishlist Button-->
<a class="btn-icon wishlist add-to-wishlist" href="my-wishlist.html">
<i class="icon an an-heart-l"></i>
<span class="tooltip-label">Add To Wishlist</span>
</a>
<!--End Wishlist Button-->
</li>
<li>
<!--Compare Button-->
<a class="btn-icon compare add-to-compare" href="compare-style2.html" title="Add to Compare">
<i class="icon an an-sync-ar"></i>
<span class="tooltip-label">Add to Compare</span>
</a>
<!--End Compare Button-->
</li>
</ul>
</div>
<!--End Product Button-->
</div>
<!--End Product Image-->
<!--Start Product Details-->
<div class="product-details text-left">
<!--Product Name-->
<div class="product-name">
<a href="product-layout1.html">Leather backpack Black</a>
</div>
<!--End Product Name-->
<!--Product Price-->
<div class="product-price">
<span class="price">$199.00</span>
</div>
<!--End Product Price-->
<!--Product Review-->
<div class="product-review"><i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star"></i><i class="an an-star"></i> <i class="an an-star"></i></div>
<!--End Product Review-->
<!-- Color Variant -->
<ul class="swatches">
<li class="swatch rounded black small"><span class="tooltip-label">Black</span></li>
<li class="swatch rounded purple small"><span class="tooltip-label">Purple</span></li>
</ul>
<!-- End Variant -->
</div>
<!--End Product Details-->
</div>
<div class="col-6 col-sm-6 col-md-4 col-lg-3 item">
<!--Start Product Image-->
<div class="product-image">
<!--Start Product Image-->
<a href="product-layout1.html" class="product-img">
<!--Image-->
<img class="primary blur-up lazyload" data-src="assets/images/products/product-19.jpg" src="assets/images/products/product-19.jpg" alt="" title="">
<!--End Image-->
<!--Hover Image-->
<img class="hover blur-up lazyload" data-src="assets/images/products/product-19-1.jpg" src="assets/images/products/product-19-1.jpg" alt="" title="">
<!--End Hover Image-->
</a>
<!--End Product Image-->
<!--Product Button-->
<div class="button-set style2">
<ul>
<li>
<!--Cart Button-->
<a class="btn-icon btn btn-addto-cart pro-addtocart-popup" href="#pro-addtocart-popup">
<i class="icon an an-cart-l"></i> <span class="tooltip-label">Add to Cart</span>
</a>
<!--End Cart Button-->
</li>
<li>
<!--Quick View Button-->
<a href="javascript:void(0)" title="Quick View" class="btn-icon quick-view-popup quick-view" data-toggle="modal" data-target="#content_quickview">
<i class="icon an an-search-l"></i>
<span class="tooltip-label">Quick View</span>
</a>
<!--End Quick View Button-->
</li>
<li>
<!--Wishlist Button-->
<a class="btn-icon wishlist add-to-wishlist" href="my-wishlist.html">
<i class="icon an an-heart-l"></i>
<span class="tooltip-label">Add To Wishlist</span>
</a>
<!--End Wishlist Button-->
</li>
<li>
<!--Compare Button-->
<a class="btn-icon compare add-to-compare" href="compare-style2.html" title="Add to Compare">
<i class="icon an an-sync-ar"></i>
<span class="tooltip-label">Add to Compare</span>
</a>
<!--End Compare Button-->
</li>
</ul>
</div>
<!--End Product Button-->
</div>
<!--End Product Image-->
<!--Start Product Details-->
<div class="product-details text-left">
<!--Product Name-->
<div class="product-name">
<a href="product-layout1.html">Aviator Sunglasses</a>
</div>
<!--End Product Name-->
<!--Product Price-->
<div class="product-price">
<span class="price">$59.00</span>
</div>
<!--End Product Price-->
<!--Product Review-->
<div class="product-review"><i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star-o"></i> <i class="an an-star-o"></i> <i class="an an-star-o"></i></div>
<!--End Product Review-->
<!-- Color Variant -->
<ul class="swatches">
<li class="swatch rounded red small"><span class="tooltip-label">red</span></li>
<li class="swatch rounded orange small"><span class="tooltip-label">orange</span></li>
<li class="swatch rounded yellow small"><span class="tooltip-label">yellow</span></li>
</ul>
<!-- End Variant -->
</div>
<!--End Product Details-->
</div>
<div class="col-6 col-sm-6 col-md-4 col-lg-3 item">
<!--Start Product Image-->
<div class="product-image">
<!--Start Product Image-->
<a href="product-layout1.html" class="product-img">
<!--Image-->
<img class="primary blur-up lazyload" data-src="assets/images/products/product-20.jpg" src="assets/images/products/product-20.jpg" alt="" title="">
<!--End Image-->
<!--Hover Image-->
<img class="hover blur-up lazyload" data-src="assets/images/products/product-20-1.jpg" src="assets/images/products/product-20-1.jpg" alt="" title="">
<!--End Hover Image-->
</a>
<!--End Product Image-->
<!--Product Button-->
<div class="button-set style2">
<ul>
<li>
<!--Cart Button-->
<a class="btn-icon btn btn-addto-cart pro-addtocart-popup" href="#pro-addtocart-popup">
<i class="icon an an-cart-l"></i> <span class="tooltip-label">Add to Cart</span>
</a>
<!--End Cart Button-->
</li>
<li>
<!--Quick View Button-->
<a href="javascript:void(0)" title="Quick View" class="btn-icon quick-view-popup quick-view" data-toggle="modal" data-target="#content_quickview">
<i class="icon an an-search-l"></i>
<span class="tooltip-label">Quick View</span>
</a>
<!--End Quick View Button-->
</li>
<li>
<!--Wishlist Button-->
<a class="btn-icon wishlist add-to-wishlist" href="my-wishlist.html">
<i class="icon an an-heart-l"></i>
<span class="tooltip-label">Add To Wishlist</span>
</a>
<!--End Wishlist Button-->
</li>
<li>
<!--Compare Button-->
<a class="btn-icon compare add-to-compare" href="compare-style2.html" title="Add to Compare">
<i class="icon an an-sync-ar"></i>
<span class="tooltip-label">Add to Compare</span>
</a>
<!--End Compare Button-->
</li>
</ul>
</div>
<!--End Product Button-->
</div>
<!--End Product Image-->
<!--Start Product Details-->
<div class="product-details text-left">
<!--Product Name-->
<div class="product-name">
<a href="product-layout1.html">Classic Watch Khaki</a>
</div>
<!--End Product Name-->
<!--Product Price-->
<div class="product-price">
<span class="price">$499.00</span>
</div>
<!--End Product Price-->
<!--Product Review-->
<div class="product-review"><i class="an an-star"></i> <i class="an an-star-o"></i> <i class="an an-star-o"></i> <i class="an an-star-o"></i> <i class="an an-star-o"></i></div>
<!--End Product Review-->
<!-- Color Variant -->
<ul class="swatches">
<li class="swatch rounded darkgreen small"><span class="tooltip-label">darkgreen</span></li>
</ul>
<!-- End Variant -->
</div>
<!--End Product Details-->
</div>
</div>
</div>
<div class="view-collection text-center mt-3 mt-md-4">
<a href="#" class="btn btn-primary">View Collection</a>
</div>
</div>
</div>
</div>
</section>
Color: Gray
1 X $113.88
