<header>
<div class="top-header">
<div class="mobile-fix-option"></div>
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="header-contact">
<ul>
<li>Welcome to Our store Multikart</li>
<li><i class="ri-phone-fill"></i>Call Us: 123 - 456 - 7890</li>
</ul>
</div>
</div>
<div class="col-lg-6 text-end">
<ul class="header-dropdown">
<li class="mobile-wishlist">
<a href="#!">
<i class="ri-heart-fill"></i>
</a>
</li>
<li class="onhover-dropdown mobile-account">
<i class="ri-user-fill"></i>
My Account
<ul class="onhover-show-div">
<li>
<a href="login.html">Login</a>
</li>
<li>
<a href="register.html">register</a>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-sm-12">
<div class="main-menu">
<div class="menu-left">
<div class="navbar">
<a href="#!" onclick="openNav()">
<div class="bar-style">
<i class="ri-bar-chart-horizontal-line sidebar-bar"></i>
</div>
</a>
<div id="mySidenav" class="sidenav">
<a href="#!" class="sidebar-overlay" onclick="closeNav()"></a>
<nav>
<div onclick="closeNav()">
<div class="sidebar-back text-start">
<i class="fa fa-angle-left pe-2"></i>
Back
</div>
</div>
<ul id="sub-menu" class="sm pixelstrap sm-vertical">
<li>
<a href="#!">clothing</a>
<ul class="mega-menu clothing-menu">
<li>
<div class="row m-0">
<div class="col-xl-4">
<div class="link-section">
<h5>women's fashion</h5>
<ul>
<li>
<a href="#!">dresses</a>
</li>
<li>
<a href="#!">skirts</a>
</li>
<li>
<a href="#!">western wear</a>
</li>
<li>
<a href="#!">ethic wear</a>
</li>
<li>
<a href="#!">sport wear</a>
</li>
</ul>
<h5>men's fashion</h5>
<ul>
<li>
<a href="#!">sports wear</a>
</li>
<li>
<a href="#!">western wear</a>
</li>
<li>
<a href="#!">ethic wear</a>
</li>
</ul>
</div>
</div>
<div class="col-xl-4">
<div class="link-section">
<h5>accessories</h5>
<ul>
<li>
<a href="#!">fashion jewellery</a>
</li>
<li>
<a href="#!">caps and hats</a>
</li>
<li>
<a href="#!">precious jewellery</a>
</li>
<li>
<a href="#!">necklaces</a>
</li>
<li>
<a href="#!">earrings</a>
</li>
<li>
<a href="#!">wrist wear</a>
</li>
<li>
<a href="#!">ties</a>
</li>
<li>
<a href="#!">cufflinks</a>
</li>
<li>
<a href="#!">pockets squares</a>
</li>
</ul>
</div>
</div>
<div class="col-xl-4">
<a href="#!" class="mega-menu-banner">
<img src="/assets/images/mega-menu/fashion.jpg" alt="" class="img-fluid blur-up lazyload">
</a>
</div>
</div>
</li>
</ul>
</li>
<li>
<a href="#!">bags</a>
<ul>
<li>
<a href="#!">shopper bags</a>
</li>
<li>
<a href="#!">laptop bags</a>
</li>
<li>
<a href="#!">clutches</a>
</li>
<li>
<a href="#!">purses</a>
<ul>
<li>
<a href="#!">purses</a>
</li>
<li>
<a href="#!">wallets</a>
</li>
<li>
<a href="#!">leathers</a>
</li>
<li>
<a href="#!">satchels</a>
</li>
</ul>
</li>
</ul>
</li>
<li>
<a href="#!">bags</a>
<ul>
<li>
<a href="#!">shopper bags</a>
</li>
<li>
<a href="#!">laptop bags</a>
</li>
<li>
<a href="#!">clutches</a>
</li>
<li>
<a href="#!">purses</a>
<ul>
<li>
<a href="#!">purses</a>
</li>
<li>
<a href="#!">wallets</a>
</li>
<li>
<a href="#!">leathers</a>
</li>
<li>
<a href="#!">satchels</a>
</li>
</ul>
</li>
</ul>
</li>
<li>
<a href="#!">bags</a>
<ul>
<li>
<a href="#!">shopper bags</a>
</li>
<li>
<a href="#!">laptop bags</a>
</li>
<li>
<a href="#!">clutches</a>
</li>
<li>
<a href="#!">purses</a>
<ul>
<li>
<a href="#!">purses</a>
</li>
<li>
<a href="#!">wallets</a>
</li>
<li>
<a href="#!">leathers</a>
</li>
<li>
<a href="#!">satchels</a>
</li>
</ul>
</li>
</ul>
</li>
<li>
<a href="#!">footwear</a>
<ul>
<li>
<a href="#!">sport shoes</a>
</li>
<li>
<a href="#!">formal shoes</a>
</li>
<li>
<a href="#!">casual shoes</a>
</li>
</ul>
</li>
<li>
<a href="#!">watches</a>
</li>
<li>
<a href="#!">Accessories</a>
<ul>
<li>
<a href="#!">fashion jewellery</a>
</li>
<li>
<a href="#!">caps and hats</a>
</li>
<li>
<a href="#!">precious jewellery</a>
</li>
<li>
<a href="#!">more..</a>
<ul>
<li>
<a href="#!">necklaces</a>
</li>
<li>
<a href="#!">earrings</a>
</li>
<li>
<a href="#!">wrist wear</a>
</li>
<li>
<a href="#!">accessories</a>
<ul>
<li>
<a href="#!">ties</a>
</li>
<li>
<a href="#!">cufflinks</a>
</li>
<li>
<a href="#!">pockets squares</a>
</li>
<li>
<a href="#!">helmets</a>
</li>
<li>
<a href="#!">scarves</a>
</li>
<li>
<a href="#!">more...</a>
<ul>
<li>
<a href="#!">accessory gift sets</a>
</li>
<li>
<a href="#!">travel accessories</a>
</li>
<li>
<a href="#!">phone cases</a>
</li>
</ul>
</li>
</ul>
</li>
<li>
<a href="#!">belts & more</a>
</li>
<li>
<a href="#!">wearable</a>
</li>
</ul>
</li>
</ul>
</li>
<li>
<a href="#!">house of design</a>
</li>
<li>
<a href="#!">beauty & personal care</a>
<ul>
<li>
<a href="#!">makeup</a>
</li>
<li>
<a href="#!">skincare</a>
</li>
<li>
<a href="#!">premium beauty</a>
</li>
<li>
<a href="#!">more</a>
<ul>
<li>
<a href="#!">fragrances</a>
</li>
<li>
<a href="#!">luxury beauty</a>
</li>
<li>
<a href="#!">hair care</a>
</li>
<li>
<a href="#!">tools & brushes</a>
</li>
</ul>
</li>
</ul>
</li>
<li>
<a href="#!">home & decor</a>
</li>
<li>
<a href="#!">kitchen</a>
</li>
</ul>
</nav>
</div>
</div>
<div class="brand-logo">
<a href="index.html">
<img src="/assets/images/logo.png" class="img-fluid blur-up lazyload" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<header>
<div class="container layout3-menu">
<div class="row">
<div class="col-sm-12">
<div class="main-menu">
<div class="menu-left around-border">
<div class="navbar">
<a href="#!" onclick="openNav()">
<i class="ri-bar-chart-horizontal-line sidebar-bar"></i>
</a>
<div id="mySidenav" class="sidenav">
<a href="javascript:void(0)" class="sidebar-overlay" onclick="closeNav()"></a>
<nav>
<a href="javascript:void(0)" onclick="closeNav()">
<div class="sidebar-back text-start">
<i class="fa fa-angle-left pe-2"></i>
Back
</div>
</a>
<ul id="sub-menu" class="sm pixelstrap sm-vertical">
<li>
<a href="#!">clothing</a>
<ul class="mega-menu clothing-menu">
<li>
<div class="row m-0">
<div class="col-xl-4">
<div class="link-section">
<h5>women's fashion</h5>
<ul>
<li>
<a href="#!">dresses</a>
</li>
<li>
<a href="#!">skirts</a>
</li>
<li>
<a href="#!">western wear</a>
</li>
<li>
<a href="#!">ethic wear</a>
</li>
<li>
<a href="#!">sport wear</a>
</li>
</ul>
<h5>men's fashion</h5>
<ul>
<li>
<a href="#!">sports wear</a>
</li>
<li>
<a href="#!">western wear</a>
</li>
<li>
<a href="#!">ethic wear</a>
</li>
</ul>
</div>
</div>
<div class="col-xl-4">
<div class="link-section">
<h5>accessories</h5>
<ul>
<li>
<a href="#!">fashion jewellery</a>
</li>
<li>
<a href="#!">caps and hats</a>
</li>
<li>
<a href="#!">precious jewellery</a>
</li>
<li>
<a href="#!">necklaces</a>
</li>
<li>
<a href="#!">earrings</a>
</li>
<li>
<a href="#!">wrist wear</a>
</li>
<li>
<a href="#!">ties</a>
</li>
<li>
<a href="#!">cufflinks</a>
</li>
<li>
<a href="#!">pockets squares</a>
</li>
</ul>
</div>
</div>
<div class="col-xl-4">
<a href="#!" class="mega-menu-banner">
<img src="/assets/images/mega-menu/bag.jpg" alt="" class="img-fluid blur-up lazyload">
</a>
</div>
</div>
</li>
</ul>
</li>
<li>
<a href="#!">bags</a>
<ul>
<li>
<a href="#!">shopper bags</a>
</li>
<li>
<a href="#!">laptop bags</a>
</li>
<li>
<a href="#!">clutches</a>
</li>
<li>
<a href="#!">purses</a>
<ul>
<li>
<a href="#!">purses</a>
</li>
<li>
<a href="#!">wallets</a>
</li>
<li>
<a href="#!">leathers</a>
</li>
<li>
<a href="#!">satchels</a>
</li>
</ul>
</li>
</ul>
</li>
<li>
<a href="#!">footwear</a>
<ul>
<li>
<a href="#!">sport shoes</a>
</li>
<li>
<a href="#!">formal shoes</a>
</li>
<li>
<a href="#!">casual shoes</a>
</li>
</ul>
</li>
<li>
<a href="#!">watches</a>
</li>
<li>
<a href="#!">Accessories</a>
<ul>
<li>
<a href="#!">fashion jewellery</a>
</li>
<li>
<a href="#!">caps and hats</a>
</li>
<li>
<a href="#!">precious jewellery</a>
</li>
<li>
<a href="#!">more..</a>
<ul>
<li>
<a href="#!">necklaces</a>
</li>
<li>
<a href="#!">earrings</a>
</li>
<li>
<a href="#!">wrist wear</a>
</li>
<li>
<a href="#!">accessories</a>
<ul>
<li>
<a href="#!">ties</a>
</li>
<li>
<a href="#!">cufflinks</a>
</li>
<li>
<a href="#!">pockets squares</a>
</li>
<li>
<a href="#!">helmets</a>
</li>
<li>
<a href="#!">scarves</a>
</li>
<li>
<a href="#!">more...</a>
<ul>
<li>
<a href="#!">accessory gift sets</a>
</li>
<li>
<a href="#!">travel accessories</a>
</li>
<li>
<a href="#!">phone cases</a>
</li>
</ul>
</li>
</ul>
</li>
<li>
<a href="#!">belts & more</a>
</li>
<li>
<a href="#!">wearable</a>
</li>
</ul>
</li>
</ul>
</li>
<li>
<a href="#!">house of design</a>
</li>
<li>
<a href="#!">beauty & personal care</a>
<ul>
<li>
<a href="#!">makeup</a>
</li>
<li>
<a href="#!">skincare</a>
</li>
<li>
<a href="#!">premium beauty</a>
</li>
<li>
<a href="#!">more</a>
<ul>
<li>
<a href="#!">fragrances</a>
</li>
<li>
<a href="#!">luxury beauty</a>
</li>
<li>
<a href="#!">hair care</a>
</li>
<li>
<a href="#!">tools & brushes</a>
</li>
</ul>
</li>
</ul>
</li>
<li>
<a href="#!">home & decor</a>
</li>
<li>
<a href="#!">kitchen</a>
</li>
</ul>
</nav>
</div>
</div>
<div class="main-menu-right">
<nav id="main-nav">
<div class="toggle-nav">
<i class="ri-bar-chart-horizontal-line sidebar-bar"></i>
</div>
<ul id="main-menu" class="sm pixelstrap sm-horizontal">
<li class="mobile-box">
<div class="mobile-back text-end">Menu<i class="ri-close-line"></i></div>
</li>
<li>
<a href="index.html">Home</a>
</li>
<li class="mega hover-cls">
<a href="#!">feature <div class="lable-nav">new</div></a>
<ul class="mega-menu full-mega-menu">
<li>
<div class="container">
<div class="row g-xl-4 g-0">
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>invoice template</h5>
</div>
<div class="menu-content">
<ul>
<li>
<a target="_blank" href="invoice-1.html">invoice 1</a>
</li>
<li>
<a target="_blank" href="invoice-2.html">invoice 2</a>
</li>
<li>
<a target="_blank" href="invoice-3.html">invoice 3</a>
</li>
<li>
<a target="_blank" href="invoice-4.html">invoice 4</a>
</li>
<li>
<a target="_blank" href="invoice-5.html">invoice 5</a>
</li>
</ul>
</div>
<div class="menu-title">
<h5>elements</h5>
</div>
<div class="menu-content">
<ul>
<li>
<a href="elements.html">
elements page
<i class="ms-2 fa fa-bolt icon-trend"></i>
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>email template</h5>
</div>
<div class="menu-content">
<ul>
<li>
<a target="_blank" href="../email-template/welcome.html">welcome</a>
</li>
<li>
<a target="_blank" href="../email-template/new-product-announcement.html">announcement</a>
</li>
<li>
<a target="_blank" href="../email-template/abandonment-email.html">abandonment</a>
</li>
<li>
<a target="_blank" href="../email-template/offer.html">offer</a>
</li>
<li>
<a target="_blank" href="../email-template/offer-2.html">offer 2</a>
</li>
<li>
<a target="_blank" href="../email-template/product-review.html">review</a>
</li>
<li>
<a target="_blank" href="../email-template/featured-products.html">featured product</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>email template</h5>
</div>
<div class="menu-content">
<ul>
<li>
<a target="_blank" href="../email-template/black-friday.html">black friday</a>
</li>
<li>
<a target="_blank" href="../email-template/christmas.html">christmas</a>
</li>
<li>
<a target="_blank" href="../email-template/cyber-monday.html">cyber-monday</a>
</li>
<li>
<a target="_blank" href="../email-template/flash-sale.html">flash sale</a>
</li>
<li>
<a target="_blank" href="../email-template/email-order-success.html">order success</a>
</li>
<li>
<a target="_blank" href="../email-template/email-order-success-two.html">order success 2</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>cookie bar</h5>
</div>
<div class="menu-content">
<ul>
<li>
<a href="index.html">bottom<i class="ms-2 fa fa-bolt icon-trend"></i></a>
</li>
<li>
<a href="fashion-4.html">bottom left</a>
</li>
<li>
<a href="bicycle.html">bottom right</a>
</li>
</ul>
</div>
<div class="menu-title">
<h5>search</h5>
</div>
<div class="menu-content">
<ul>
<li>
<a href="marketplace-demo-2.html">ajax search<i class="ms-2 fa fa-bolt icon-trend"></i></a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>model</h5>
</div>
<div class="menu-content">
<ul>
<li>
<a href="index.html">Newsletter</a>
</li>
<li>
<a href="index.html">exit<i class="ms-2 fa fa-bolt icon-trend"></i></a>
</li>
<li>
<a href="christmas.html">christmas</a>
</li>
<li>
<a href="furniture-3.html">black friday</a>
</li>
<li>
<a href="fashion-4.html">cyber monday</a>
</li>
<li>
<a href="marketplace-demo-3.html">new year</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>add to cart</h5>
</div>
<div class="menu-content">
<ul>
<li>
<a href="nursery.html">cart modal popup</a>
</li>
<li>
<a href="vegetables.html">qty. counter <i class="fa fa-bolt icon-trend"></i></a>
</li>
<li>
<a href="bags.html">cart top</a>
</li>
<li>
<a href="shoes.html">cart bottom</a>
</li>
<li>
<a href="watch.html">cart left</a>
</li>
<li>
<a href="tools.html">cart right</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<img src="/assets/images/menu-banner.jpg" class="img-fluid mega-img d-xl-block d-none">
</div>
</div>
</div>
</li>
</ul>
</li>
<li>
<a href="#!">shop</a>
<ul>
<li>
<a href="category-page(vegetables).html">tab style<span class="new-tag">new</span></a>
</li>
<li>
<a href="category-page(top-filter).html">top filter</a>
</li>
<li>
<a href="category-page(modern).html">modern</a>
</li>
<li>
<a href="category-page.html">left sidebar</a>
</li>
<li>
<a href="category-page(right).html">right sidebar</a>
</li>
<li>
<a href="category-page(no-sidebar).html">no sidebar</a>
</li>
<li>
<a href="category-page(category-slider).html">Category Slider</a>
</li>
<li>
<a href="category-page(sidebar-popup).html">sidebar popup</a>
</li>
<li>
<a href="category-page(metro).html">metro</a>
</li>
<li>
<a href="category-page(full-width).html">full width</a>
</li>
<li>
<a href="category-page(load-more).html">load more</a>
</li>
<li>
<a href=category-page(2-grid).html>two grid</a>
</li>
<li>
<a href=category-page(3-grid).html>three grid</a>
</li>
<li>
<a href="category-page(4-grid).html">four grid</a>
</li>
<li>
<a href="category-page(list-view).html">list view</a>
</li>
</ul>
</li>
<li class="mega hover-cls">
<a href="#!">product</a>
<ul class="mega-menu full-mega-menu">
<li>
<div class="container">
<div class="row g-xl-4 g-0">
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>Product Page</h5>
</div>
<div class="menu-content">
<ul>
<li>
<a href="product-page(thumbnail).html">Product Thumbnail</a>
</li>
<li>
<a href="product-page(4-image).html">Product Image</a>
</li>
<li>
<a href="product-page(slider).html">Product Slider</a>
</li>
<li>
<a href="product-page(accordian).html">Product Accordion</a>
</li>
<li>
<a href="product-page(sticky).html">Product Sticky</a>
</li>
<li>
<a href="product-page(vertical-tab).html">Product Vertical Tab</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>Product Page</h5>
</div>
<div class="menu-content">
<ul>
<li>
<a href="product-page(left-sidebar).html">Product Sidebar Left</a>
</li>
<li>
<a href="product-page(right-sidebar).html">Product Sidebar Right</a>
</li>
<li>
<a href="product-page(accordian).html">Product No Sidebar</a>
</li>
<li>
<a href="product-page(accordian).html">Product Column Thumbnail</a>
</li>
<li>
<a href="product-page(image-outside).html">Product Thumbnail Image Outside</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>Product Variants Style</h5>
</div>
<div class="menu-content">
<ul>
<li>
<a href="product-page(3-column).html">Variant Rectangle</a>
</li>
<li>
<a href="product-page(360-view).html">Variant Circle</a>
</li>
<li>
<a href="product-page(accordian).html">Variant Image Swatch</a>
</li>
<li>
<a href="product-page(3-column).html">Variant Color</a>
</li>
<li>
<a href="product-page(vertical-tab).html">Variant Radio Button</a>
</li>
<li>
<a href="product-page(sticky).html">Variant Dropdown</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>Product Features</h5>
</div>
<div class="menu-content">
<ul>
<li>
<a href="product-page(accordian).html">Product Simple</a>
</li>
<li>
<a href="product-page(left-sidebar).html">Product Classified</a>
</li>
<li>
<a href="product-page(accordian).html">Size Chart</a>
</li>
<li>
<a href="product-page(accordian).html">Delivery & Return</a>
</li>
<li>
<a href="product-page(accordian).html">Product Review</a>
</li>
<li>
<a href="product-page(accordian).html">Ask an Expert</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>Product Features</h5>
</div>
<div class="menu-content">
<ul>
<li>
<a href="product-page(bundle).html">Bundle (Cross Sale)</a>
</li>
<li>
<a href="product-page(accordian).html">Hot Stock Progress</a>
</li>
<li>
<a href="product-page(accordian).html">Out Stock</a>
</li>
<li>
<a href="product-page(thumbnail).html">Sale Countdown</a>
</li>
<li>
<a href="product-page(thumbnail).html">Product Zoom</a>
</li>
<li>
<a href="product-page(360-view).html">Product 360 View</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>Product Features</h5>
</div>
<div class="menu-content">
<ul>
<li>
<a href="product-page(accordian).html">Sticky Checkout</a>
</li>
<li>
<a href="product-page(accordian).html">Secure Checkout</a>
</li>
<li>
<a
href="product-page(vertical-tab).html">Social Share</a>
</li>
<li>
<a href="product-page(thumbnail).html">Related Products</a>
</li>
<li>
<a href="product-page(right-sidebar).html">Wishlist & Compare</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<img src="/assets/images/menu-banner.jpg" class="img-fluid mega-img d-xl-block d-none">
</div>
</div>
</div>
</li>
</ul>
</li>
<li><a href="#!">pages</a>
<ul>
<li>
<a href="#!">vendor</a>
<ul>
<li>
<a href="vendor-dashboard.html">vendor dashboard</a>
</li>
<li>
<a href="vendor-profile.html">vendor profile</a>
</li>
<li>
<a href="become-vendor.html">become vendor</a>
</li>
</ul>
</li>
<li>
<a href="#!">account</a>
<ul>
<li>
<a href="wishlist.html">wishlist</a>
</li>
<li>
<a href="cart.html">cart</a>
</li>
<li>
<a href="dashboard.html">Dashboard</a>
</li>
<li>
<a href="login.html">login</a>
</li>
<li>
<a href="register.html">register</a>
</li>
<li>
<a href="contact.html">contact</a>
</li>
<li>
<a href="forget_pwd.html">forget password</a>
</li>
<li>
<a href="profile.html">profile</a>
</li>
<li>
<a href="checkout.html">checkout</a>
</li>
<li>
<a href="order-success.html">order success</a>
</li>
<li>
<a href="order-tracking.html">order tracking<span class="new-tag">new</span></a>
</li>
</ul>
</li>
<li>
<a href="#!">portfolio</a>
<ul>
<li><a href="">grid</a>
<ul>
<li>
<a href="grid-2-col.html">grid 2</a>
</li>
<li>
<a href="grid-3-col.html">grid 3</a>
</li>
<li>
<a href="grid-4-col.html">grid 4</a>
</li>
</ul>
</li>
<li><a href="">masonry</a>
<ul>
<li>
<a href="masonary-2-grid.html">grid 2</a>
</li>
<li>
<a href="masonary-3-grid.html">grid 3</a>
</li>
<li>
<a href="masonary-4-grid.html">grid 4</a>
</li>
<li>
<a href="masonary-fullwidth.html">full width</a>
</li>
</ul>
</li>
</ul>
</li>
<li>
<a href="about-page.html">about us</a>
</li>
<li>
<a href="search.html">search</a>
</li>
<li>
<a href="review.html">review</a>
</li>
<li>
<a href="#!">compare</a>
<ul>
<li>
<a href="compare.html">compare</a>
</li>
<li>
<a href="compare-2.html">compare-2</a>
</li>
</ul>
</li>
<li>
<a href="collection.html">collection</a>
</li>
<li>
<a href="lookbook.html">lookbook</a>
</li>
<li>
<a href="sitemap.html">site map</a>
</li>
<li>
<a href="404.html">404</a>
</li>
<li>
<a href="coming-soon.html">coming soon</a>
</li>
<li>
<a href="faq.html">FAQ</a>
</li>
</ul>
</li>
<li>
<a href="#!">blog</a>
<ul>
<li>
<a href="blog-page.html">left sidebar</a>
</li>
<li>
<a href="blog(right-sidebar).html">right sidebar</a>
</li>
<li>
<a href="blog(no-sidebar).html">no sidebar</a>
</li>
<li>
<a href="blog-details.html">blog details</a>
</li>
</ul>
</li>
</ul>
</nav>
</div>
</div>
<div class="absolute-logo">
<div class="brand-logo">
<a href="index.html">
<img alt="" src="/assets/images/fashion-2/logo.png">
</a>
</div>
</div>
<div>
<div class="menu-right pull-right">
<div>
<div class="icon-nav">
<ul>
<li class="onhover-div mobile-search">
<div data-bs-toggle="modal" data-bs-target="#searchModal">
<i class="ri-search-line"></i>
</div>
</li>
<li class="onhover-div mobile-setting">
<div>
<i class="ri-equalizer-2-line"></i>
</div>
<div class="show-div setting">
<h6>language</h6>
<ul>
<li>
<a href="#!">english</a>
</li>
<li>
<a href="#!">french</a>
</li>
</ul>
<h6>currency</h6>
<ul class="list-inline">
<li>
<a href="#!">euro</a>
</li>
<li>
<a href="#!">rupees</a>
</li>
<li>
<a href="#!">pound</a>
</li>
<li>
<a href="#!">dollar</a>
</li>
</ul>
</div>
</li>
<li class="onhover-div mobile-cart">
<div data-bs-toggle="offcanvas" data-bs-target="#cartOffcanvas">
<i class="ri-shopping-cart-line"></i>
</div>
<span class="cart_qty_cls">2</span>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<header class="header-2 position-relative w-auto">
<div class="mobile-fix-option"></div>
<div class="top-header">
<div class="container container-lg">
<div class="row">
<div class="col-lg-6">
<div class="header-contact">
<ul>
<li>Welcome to Our store Multikart</li>
<li><i class="ri-phone-fill text-white"></i>Call Us: 123 - 456 -
7890</li>
</ul>
</div>
</div>
<div class="col-lg-6 text-end">
<ul class="header-dropdown">
<li class="mobile-wishlist"><a href="#"><i class="ri-heart-fill"></i>
wishlist</a></li>
<li class="onhover-dropdown mobile-account"><i class="ri-user-fill"></i>
My
Account
<ul class="onhover-show-div">
<li><a href="login.html">Login</a></li>
<li><a href="register.html">register</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="container container-lg layout3-menu">
<div class="row">
<div class="col-sm-12">
<div class="main-menu">
<div class="menu-left around-border">
<div class="navbar d-xl-none">
<a href="javascript:void(0)" onclick="openNav()">
<div class="bar-style"><i class="ri-bar-chart-horizontal-line sidebar-bar"></i>
</div>
</a>
</div>
<div class="main-menu-right">
<nav id="main-nav">
<div class="toggle-nav"><i class="ri-bar-chart-horizontal-line sidebar-bar"></i>
</div>
<ul id="main-menu" class="sm pixelstrap sm-horizontal">
<li class="mobile-box">
<div class="mobile-back text-end">Menu<i class="ri-close-line"></i></div>
</li>
<li><a href="index.html">Home</a></li>
<li class="mega hover-cls">
<a href="#!">feature <div class="lable-nav">new</div></a>
<ul class="mega-menu full-mega-menu">
<li>
<div class="container">
<div class="row g-xl-4 g-0">
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>invoice template</h5>
</div>
<div class="menu-content">
<ul>
<li><a target="_blank"
href="invoice-1.html">invoice
1</a></li>
<li><a target="_blank"
href="invoice-2.html">invoice
2</a></li>
<li><a target="_blank"
href="invoice-3.html">invoice
3</a></li>
<li><a target="_blank"
href="invoice-4.html">invoice
4</a></li>
<li><a target="_blank"
href="invoice-5.html">invoice
5</a></li>
</ul>
</div>
<div class="menu-title">
<h5>elements</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="elements.html">
elements page<i
class="ms-2 fa fa-bolt icon-trend"></i>
</a></li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>email template</h5>
</div>
<div class="menu-content">
<ul>
<li><a target="_blank"
href="../email-template/welcome.html">welcome</a>
</li>
<li><a target="_blank"
href="../email-template/new-product-announcement.html">announcement</a>
</li>
<li><a target="_blank"
href="../email-template/abandonment-email.html">abandonment</a>
</li>
<li><a target="_blank"
href="../email-template/offer.html">offer</a>
</li>
<li><a target="_blank"
href="../email-template/offer-2.html">offer
2</a></li>
<li><a target="_blank"
href="../email-template/product-review.html">review</a>
</li>
<li><a target="_blank"
href="../email-template/featured-products.html">featured
product</a></li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>email template</h5>
</div>
<div class="menu-content">
<ul>
<li><a target="_blank"
href="../email-template/black-friday.html">black
friday</a></li>
<li><a target="_blank"
href="../email-template/christmas.html">christmas</a>
</li>
<li><a target="_blank"
href="../email-template/cyber-monday.html">cyber-monday</a>
</li>
<li><a target="_blank"
href="../email-template/flash-sale.html">flash
sale</a></li>
<li><a target="_blank"
href="../email-template/email-order-success.html">order
success</a></li>
<li><a target="_blank"
href="../email-template/email-order-success-two.html">order
success 2</a></li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>cookie bar</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="index.html">bottom<i
class="ms-2 fa fa-bolt icon-trend"></i></a>
</li>
<li><a href="fashion-4.html">bottom left</a>
</li>
<li><a href="bicycle.html">bottom right</a>
</li>
</ul>
</div>
<div class="menu-title">
<h5>search</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="marketplace-demo-2.html">ajax
search<i
class="ms-2 fa fa-bolt icon-trend"></i></a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>model</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="index.html">Newsletter</a></li>
<li><a href="index.html">exit<i
class="ms-2 fa fa-bolt icon-trend"></i></a>
</li>
<li><a href="christmas.html">christmas</a>
</li>
<li><a href="furniture-3.html">black
friday</a></li>
<li><a href="fashion-4.html">cyber
monday</a></li>
<li><a href="marketplace-demo-3.html">new
year</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>add to cart</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="nursery.html">cart modal
popup</a></li>
<li><a href="vegetables.html">qty. counter
<i
class="fa fa-bolt icon-trend"></i></a>
</li>
<li><a href="bags.html">cart top</a></li>
<li><a href="shoes.html">cart bottom</a>
</li>
<li><a href="watch.html">cart left</a></li>
<li><a href="tools.html">cart right</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<img src="/assets/images/menu-banner.jpg"
class="img-fluid mega-img d-xl-block d-none">
</div>
</div>
</div>
</li>
</ul>
</li>
<li>
<a href="#!">shop</a>
<ul>
<li>
<a href="category-page(vegetables).html">tab style<span
class="new-tag">new</span></a>
</li>
<li>
<a href="category-page(top-filter).html">top filter</a>
</li>
<li>
<a href="category-page(modern).html">modern</a>
</li>
<li>
<a href="category-page.html">left sidebar</a>
</li>
<li>
<a href="category-page(right).html">right sidebar</a>
</li>
<li>
<a href="category-page(no-sidebar).html">no sidebar</a>
</li>
<li>
<a href="category-page(category-slider).html">Category Slider</a>
</li>
<li>
<a href="category-page(sidebar-popup).html">sidebar popup</a>
</li>
<li>
<a href="category-page(metro).html">metro</a>
</li>
<li>
<a href="category-page(full-width).html">full width</a>
</li>
<li>
<a href="category-page(load-more).html">load more</a>
</li>
<li>
<a href=category-page(2-grid).html>two grid</a>
</li>
<li>
<a href=category-page(3-grid).html>three grid</a>
</li>
<li>
<a href="category-page(4-grid).html">four grid</a>
</li>
<li>
<a href="category-page(list-view).html">list view</a>
</li>
</ul>
</li>
<li class="mega hover-cls">
<a href="#!">product</a>
<ul class="mega-menu full-mega-menu">
<li>
<div class="container">
<div class="row g-xl-4 g-0">
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>Product Page</h5>
</div>
<div class="menu-content">
<ul>
<li>
<a href="product-page(thumbnail).html">Product
Thumbnail</a>
</li>
<li>
<a href="product-page(4-image).html">Product
Image</a>
</li>
<li>
<a href="product-page(slider).html">Product
Slider</a>
</li>
<li>
<a href="product-page(accordian).html">Product
Accordion</a>
</li>
<li>
<a href="product-page(sticky).html">Product
Sticky</a>
</li>
<li>
<a
href="product-page(vertical-tab).html">Product
Vertical Tab</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>Product Page</h5>
</div>
<div class="menu-content">
<ul>
<li>
<a
href="product-page(left-sidebar).html">Product
Sidebar Left</a>
</li>
<li>
<a
href="product-page(right-sidebar).html">Product
Sidebar Right</a>
</li>
<li>
<a href="product-page(no-sidebar).html">Product
No Sidebar</a>
</li>
<li>
<a href="product-page(accordian).html">Product
Column Thumbnail</a>
</li>
<li>
<a
href="product-page(image-outside).html">Product
Thumbnail Image Outside</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>Product Variants Style</h5>
</div>
<div class="menu-content">
<ul>
<li>
<a href="product-page(3-column).html">Variant
Rectangle</a>
</li>
<li>
<a href="product-page(360-view).html">Variant
Circle</a>
</li>
<li>
<a href="product-page(accordian).html">Variant
Image Swatch</a>
</li>
<li>
<a href="product-page(3-column).html">Variant
Color</a>
</li>
<li>
<a
href="product-page(vertical-tab).html">Variant
Radio Button</a>
</li>
<li>
<a href="product-page(sticky).html">Variant
Dropdown</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>Product Features</h5>
</div>
<div class="menu-content">
<ul>
<li>
<a href="product-page(accordian).html">Product
Simple</a>
</li>
<li>
<a
href="product-page(left-sidebar).html">Product
Classified</a>
</li>
<li>
<a href="product-page(no-sidebar).html">Size
Chart</a>
</li>
<li>
<a href="product-page(no-sidebar).html">Delivery
& Return</a>
</li>
<li>
<a href="product-page(no-sidebar).html">Product
Review</a>
</li>
<li>
<a href="product-page(no-sidebar).html">Ask
an Expert</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>Product Features</h5>
</div>
<div class="menu-content">
<ul>
<li>
<a href="product-page(bundle).html">Bundle
(Cross Sale)</a>
</li>
<li>
<a href="product-page(accordian).html">Hot
Stock
Progress</a>
</li>
<li>
<a href="product-page(accordian).html">Out
Stock</a>
</li>
<li>
<a href="product-page(thumbnail).html">Sale
Countdown</a>
</li>
<li>
<a href="product-page(thumbnail).html">Product
Zoom</a>
</li>
<li>
<a href="product-page(360-view).html">Product
360 View</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>Product Features</h5>
</div>
<div class="menu-content">
<ul>
<li>
<a href="product-page(accordian).html">Sticky
Checkout</a>
</li>
<li>
<a href="product-page(accordian).html">Secure
Checkout</a>
</li>
<li>
<a
href="product-page(vertical-tab).html">Social
Share</a>
</li>
<li>
<a href="product-page(thumbnail).html">Related
Products</a>
</li>
<li>
<a
href="product-page(right-sidebar).html">Wishlist
& Compare</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<img src="/assets/images/menu-banner.jpg"
class="img-fluid mega-img d-xl-block d-none">
</div>
</div>
</div>
</li>
</ul>
</li>
<li><a href="#!">pages</a>
<ul>
<li>
<a href="#!">vendor</a>
<ul>
<li><a href="vendor-dashboard.html">vendor dashboard</a>
</li>
<li><a href="vendor-profile.html">vendor profile</a></li>
<li><a href="become-vendor.html">become vendor</a></li>
</ul>
</li>
<li>
<a href="#!">account</a>
<ul>
<li><a href="wishlist.html">wishlist</a></li>
<li><a href="cart.html">cart</a></li>
<li><a href="dashboard.html">Dashboard</a></li>
<li><a href="login.html">login</a></li>
<li><a href="register.html">register</a></li>
<li><a href="contact.html">contact</a></li>
<li><a href="forget_pwd.html">forget password</a></li>
<li><a href="profile.html">profile</a></li>
<li><a href="checkout.html">checkout</a></li>
<li><a href="order-success.html">order success</a></li>
<li><a href="order-tracking.html">order tracking<span
class="new-tag">new</span></a></li>
</ul>
</li>
<li>
<a href="#!">portfolio</a>
<ul>
<li><a href="">grid</a>
<ul>
<li><a href="grid-2-col.html">grid
2</a></li>
<li><a href="grid-3-col.html">grid
3</a></li>
<li><a href="grid-4-col.html">grid
4</a></li>
</ul>
</li>
<li><a href="">masonry</a>
<ul>
<li><a href="masonary-2-grid.html">grid 2</a></li>
<li><a href="masonary-3-grid.html">grid 3</a></li>
<li><a href="masonary-4-grid.html">grid 4</a></li>
<li><a href="masonary-fullwidth.html">full width</a>
</li>
</ul>
</li>
</ul>
</li>
<li><a href="about-page.html">about us</a></li>
<li><a href="search.html">search</a></li>
<li><a href="review.html">review</a>
</li>
<li>
<a href="#!">compare</a>
<ul>
<li><a href="compare.html">compare</a></li>
<li><a href="compare-2.html">compare-2</a></li>
</ul>
</li>
<li><a href="collection.html">collection</a></li>
<li><a href="lookbook.html">lookbook</a></li>
<li><a href="sitemap.html">site map</a>
</li>
<li><a href="404.html">404</a></li>
<li><a href="coming-soon.html">coming soon</a></li>
<li><a href="faq.html">FAQ</a></li>
</ul>
</li>
<li>
<a href="#!">blog</a>
<ul>
<li><a href="blog-page.html">left sidebar</a></li>
<li><a href="blog(right-sidebar).html">right sidebar</a></li>
<li><a href="blog(no-sidebar).html">no sidebar</a></li>
<li><a href="blog-details.html">blog details</a></li>
</ul>
</li>
</ul>
</nav>
</div>
</div>
<div class="absolute-logo">
<div class="brand-logo">
<a href="#"><img alt="" src="/assets/images/fashion-4/logo.png"></a>
</div>
</div>
<div>
<div class="menu-right pull-right">
<div>
<div class="icon-nav">
<ul>
<li class="onhover-div mobile-search">
<div data-bs-toggle="modal" data-bs-target="#searchModal">
<i class="ri-search-line"></i>
</div>
</li>
<li class="onhover-div mobile-setting">
<div><i class="ri-equalizer-2-line"></i>
</div>
<div class="show-div setting">
<h6>language</h6>
<ul>
<li><a href="#!">english</a></li>
<li><a href="#!">french</a></li>
</ul>
<h6>currency</h6>
<ul class="list-inline">
<li><a href="#!">euro</a></li>
<li><a href="#!">rupees</a></li>
<li><a href="#!">pound</a></li>
<li><a href="#!">dollar</a></li>
</ul>
</div>
</li>
<li class="onhover-div mobile-cart">
<div data-bs-toggle="offcanvas" data-bs-target="#cartOffcanvas">
<i class="ri-shopping-cart-line"></i>
</div>
<span class="cart_qty_cls">2</span>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<header class="header-style-1">
<div class="mobile-fix-option"></div>
<div class="top-header dark-top">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="header-contact">
<ul>
<li>Welcome to Our store Multikart</li>
<li><i class="ri-phone-fill"></i>Call Us: 123 - 456 - 7890</li>
</ul>
</div>
</div>
<div class="col-lg-6 text-end">
<ul class="header-dropdown">
<li class="mobile-wishlist"><a href="#"><i class="ri-heart-fill"></i></a>
</li>
<li class="onhover-dropdown mobile-account px-0"> <i class="ri-user-fill"></i>
My Account
<ul class="onhover-show-div">
<li><a href="login.html">Login</a></li>
<li><a href="register.html">register</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col">
<nav class="navbar navbar-expand navbar-light p-0 d-md-none d-block">
<div class="collapse navbar-collapse">
<ul class="navbar-nav me-auto">
<li class="nav-item active">
<a class="nav-link" href="#">Women <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Men</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Kids</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Home decor</a>
</li>
</ul>
</div>
</nav>
</div>
</div>
</div>
<div class="bg-light-xl">
<div class="container">
<div class="row">
<div class="col-sm-12">
<div class="main-menu">
<div class="menu-left">
<div class="brand-logo me-4">
<a href="index.html"><img src="/assets/images/fashion-5/logo.png"
class="img-fluid blur-up lazyload" alt=""></a>
</div>
<nav class="navbar navbar-expand-sm navbar-light pe-0 d-none d-md-block">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto">
<li class="nav-item active">
<a class="nav-link" href="#">Women <span
class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Men</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Kids</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Home decor</a>
</li>
</ul>
</div>
</nav>
</div>
<div class="menu-right pull-right">
<div>
<div class="icon-nav">
<ul>
<li class="onhover-div mobile-search">
<div data-bs-toggle="modal" data-bs-target="#searchModal">
<i class="ri-search-line"></i>
</div>
</li>
<li class="onhover-div mobile-setting">
<div><i class="ri-equalizer-2-line"></i>
</div>
<div class="show-div setting">
<h6>language</h6>
<ul>
<li><a href="#!">english</a></li>
<li><a href="#!">french</a></li>
</ul>
<h6>currency</h6>
<ul class="list-inline">
<li><a href="#!">euro</a></li>
<li><a href="#!">rupees</a></li>
<li><a href="#!">pound</a></li>
<li><a href="#!">dollar</a></li>
</ul>
</div>
</li>
<li class="onhover-div mobile-cart">
<div data-bs-toggle="offcanvas" data-bs-target="#cartOffcanvas">
<i class="ri-shopping-cart-line"></i>
</div>
<span class="cart_qty_cls">2</span>
</li>
</ul>
</div>
</div>
<div class="d-sm-none d-block">
<a href="#" class="btn btn-solid btn-xs btn-rounded">login</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bg-light">
<div class="container">
<div class="col-12">
<nav id="main-nav">
<div class="toggle-nav"><i class="ri-bar-chart-horizontal-line sidebar-bar"></i></div>
<ul id="main-menu" class="sm pixelstrap sm-horizontal">
<li class="mobile-box">
<div class="mobile-back text-end">Menu<i class="ri-close-line"></i></div>
</li>
<li><a href="index.html">Home</a></li>
<li class="mega hover-cls">
<a href="#!">feature <div class="lable-nav">new</div></a>
<ul class="mega-menu full-mega-menu">
<li>
<div class="container">
<div class="row g-xl-4 g-0">
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>invoice template</h5>
</div>
<div class="menu-content">
<ul>
<li><a target="_blank" href="invoice-1.html">invoice
1</a></li>
<li><a target="_blank" href="invoice-2.html">invoice
2</a></li>
<li><a target="_blank" href="invoice-3.html">invoice
3</a></li>
<li><a target="_blank" href="invoice-4.html">invoice
4</a></li>
<li><a target="_blank" href="invoice-5.html">invoice
5</a></li>
</ul>
</div>
<div class="menu-title">
<h5>elements</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="elements.html">
elements page<i
class="ms-2 fa fa-bolt icon-trend"></i>
</a></li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>email template</h5>
</div>
<div class="menu-content">
<ul>
<li><a target="_blank"
href="../email-template/welcome.html">welcome</a>
</li>
<li><a target="_blank"
href="../email-template/new-product-announcement.html">announcement</a>
</li>
<li><a target="_blank"
href="../email-template/abandonment-email.html">abandonment</a>
</li>
<li><a target="_blank"
href="../email-template/offer.html">offer</a>
</li>
<li><a target="_blank"
href="../email-template/offer-2.html">offer
2</a></li>
<li><a target="_blank"
href="../email-template/product-review.html">review</a>
</li>
<li><a target="_blank"
href="../email-template/featured-products.html">featured
product</a></li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>email template</h5>
</div>
<div class="menu-content">
<ul>
<li><a target="_blank"
href="../email-template/black-friday.html">black
friday</a></li>
<li><a target="_blank"
href="../email-template/christmas.html">christmas</a>
</li>
<li><a target="_blank"
href="../email-template/cyber-monday.html">cyber-monday</a>
</li>
<li><a target="_blank"
href="../email-template/flash-sale.html">flash
sale</a></li>
<li><a target="_blank"
href="../email-template/email-order-success.html">order
success</a></li>
<li><a target="_blank"
href="../email-template/email-order-success-two.html">order
success 2</a></li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>cookie bar</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="index.html">bottom<i
class="ms-2 fa fa-bolt icon-trend"></i></a>
</li>
<li><a href="fashion-4.html">bottom left</a>
</li>
<li><a href="bicycle.html">bottom right</a>
</li>
</ul>
</div>
<div class="menu-title">
<h5>search</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="marketplace-demo-2.html">ajax
search<i
class="ms-2 fa fa-bolt icon-trend"></i></a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>model</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="index.html">Newsletter</a></li>
<li><a href="index.html">exit<i
class="ms-2 fa fa-bolt icon-trend"></i></a>
</li>
<li><a href="christmas.html">christmas</a>
</li>
<li><a href="furniture-3.html">black
friday</a></li>
<li><a href="fashion-4.html">cyber
monday</a></li>
<li><a href="marketplace-demo-3.html">new
year</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>add to cart</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="nursery.html">cart modal
popup</a></li>
<li><a href="vegetables.html">qty. counter
<i class="fa fa-bolt icon-trend"></i></a>
</li>
<li><a href="bags.html">cart top</a></li>
<li><a href="shoes.html">cart bottom</a>
</li>
<li><a href="watch.html">cart left</a></li>
<li><a href="tools.html">cart right</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<img src="/assets/images/menu-banner.jpg"
class="img-fluid mega-img d-xl-block d-none">
</div>
</div>
</div>
</li>
</ul>
</li>
<li>
<a href="#!">shop</a>
<ul>
<li>
<a href="category-page(vegetables).html">tab style<span
class="new-tag">new</span></a>
</li>
<li>
<a href="category-page(top-filter).html">top filter</a>
</li>
<li>
<a href="category-page(modern).html">modern</a>
</li>
<li>
<a href="category-page.html">left sidebar</a>
</li>
<li>
<a href="category-page(right).html">right sidebar</a>
</li>
<li>
<a href="category-page(no-sidebar).html">no sidebar</a>
</li>
<li>
<a href="category-page(category-slider).html">Category Slider</a>
</li>
<li>
<a href="category-page(sidebar-popup).html">sidebar popup</a>
</li>
<li>
<a href="category-page(metro).html">metro</a>
</li>
<li>
<a href="category-page(full-width).html">full width</a>
</li>
<li>
<a href="category-page(load-more).html">load more</a>
</li>
<li>
<a href=category-page(2-grid).html>two grid</a>
</li>
<li>
<a href=category-page(3-grid).html>three grid</a>
</li>
<li>
<a href="category-page(4-grid).html">four grid</a>
</li>
<li>
<a href="category-page(list-view).html">list view</a>
</li>
</ul>
</li>
<li class="mega hover-cls">
<a href="#!">product</a>
<ul class="mega-menu full-mega-menu">
<li>
<div class="container">
<div class="row g-xl-4 g-0">
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>Product Page</h5>
</div>
<div class="menu-content">
<ul>
<li>
<a href="product-page(thumbnail).html">Product
Thumbnail</a>
</li>
<li>
<a href="product-page(4-image).html">Product
Image</a>
</li>
<li>
<a href="product-page(slider).html">Product
Slider</a>
</li>
<li>
<a href="product-page(accordian).html">Product
Accordion</a>
</li>
<li>
<a href="product-page(sticky).html">Product
Sticky</a>
</li>
<li>
<a href="product-page(vertical-tab).html">Product
Vertical Tab</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>Product Page</h5>
</div>
<div class="menu-content">
<ul>
<li>
<a href="product-page(left-sidebar).html">Product
Sidebar Left</a>
</li>
<li>
<a href="product-page(right-sidebar).html">Product
Sidebar Right</a>
</li>
<li>
<a href="product-page(no-sidebar).html">Product
No Sidebar</a>
</li>
<li>
<a href="product-page(accordian).html">Product
Column Thumbnail</a>
</li>
<li>
<a href="product-page(image-outside).html">Product
Thumbnail Image Outside</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>Product Variants Style</h5>
</div>
<div class="menu-content">
<ul>
<li>
<a href="product-page(3-column).html">Variant
Rectangle</a>
</li>
<li>
<a href="product-page(360-view).html">Variant
Circle</a>
</li>
<li>
<a href="product-page(accordian).html">Variant
Image Swatch</a>
</li>
<li>
<a href="product-page(3-column).html">Variant
Color</a>
</li>
<li>
<a href="product-page(vertical-tab).html">Variant
Radio Button</a>
</li>
<li>
<a href="product-page(sticky).html">Variant
Dropdown</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>Product Features</h5>
</div>
<div class="menu-content">
<ul>
<li>
<a href="product-page(accordian).html">Product
Simple</a>
</li>
<li>
<a href="product-page(left-sidebar).html">Product
Classified</a>
</li>
<li>
<a href="product-page(no-sidebar).html">Size
Chart</a>
</li>
<li>
<a href="product-page(no-sidebar).html">Delivery
& Return</a>
</li>
<li>
<a href="product-page(no-sidebar).html">Product
Review</a>
</li>
<li>
<a href="product-page(no-sidebar).html">Ask
an Expert</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>Product Features</h5>
</div>
<div class="menu-content">
<ul>
<li>
<a href="product-page(bundle).html">Bundle
(Cross Sale)</a>
</li>
<li>
<a href="product-page(accordian).html">Hot
Stock
Progress</a>
</li>
<li>
<a href="product-page(accordian).html">Out
Stock</a>
</li>
<li>
<a href="product-page(thumbnail).html">Sale
Countdown</a>
</li>
<li>
<a href="product-page(thumbnail).html">Product
Zoom</a>
</li>
<li>
<a href="product-page(360-view).html">Product
360 View</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>Product Features</h5>
</div>
<div class="menu-content">
<ul>
<li>
<a href="product-page(accordian).html">Sticky
Checkout</a>
</li>
<li>
<a href="product-page(accordian).html">Secure
Checkout</a>
</li>
<li>
<a href="product-page(vertical-tab).html">Social
Share</a>
</li>
<li>
<a href="product-page(thumbnail).html">Related
Products</a>
</li>
<li>
<a href="product-page(right-sidebar).html">Wishlist
& Compare</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<img src="/assets/images/menu-banner.jpg"
class="img-fluid mega-img d-xl-block d-none">
</div>
</div>
</div>
</li>
</ul>
</li>
<li><a href="#!">pages</a>
<ul>
<li>
<a href="#!">vendor</a>
<ul>
<li><a href="vendor-dashboard.html">vendor dashboard</a>
</li>
<li><a href="vendor-profile.html">vendor profile</a></li>
<li><a href="become-vendor.html">become vendor</a></li>
</ul>
</li>
<li>
<a href="#!">account</a>
<ul>
<li><a href="wishlist.html">wishlist</a></li>
<li><a href="cart.html">cart</a></li>
<li><a href="dashboard.html">Dashboard</a></li>
<li><a href="login.html">login</a></li>
<li><a href="register.html">register</a></li>
<li><a href="contact.html">contact</a></li>
<li><a href="forget_pwd.html">forget password</a></li>
<li><a href="profile.html">profile</a></li>
<li><a href="checkout.html">checkout</a></li>
<li><a href="order-success.html">order success</a></li>
<li><a href="order-tracking.html">order tracking<span
class="new-tag">new</span></a></li>
</ul>
</li>
<li>
<a href="#!">portfolio</a>
<ul>
<li><a href="">grid</a>
<ul>
<li><a href="grid-2-col.html">grid
2</a></li>
<li><a href="grid-3-col.html">grid
3</a></li>
<li><a href="grid-4-col.html">grid
4</a></li>
</ul>
</li>
<li><a href="">masonry</a>
<ul>
<li><a href="masonary-2-grid.html">grid 2</a></li>
<li><a href="masonary-3-grid.html">grid 3</a></li>
<li><a href="masonary-4-grid.html">grid 4</a></li>
<li><a href="masonary-fullwidth.html">full width</a>
</li>
</ul>
</li>
</ul>
</li>
<li><a href="about-page.html">about us</a></li>
<li><a href="search.html">search</a></li>
<li><a href="review.html">review</a>
</li>
<li>
<a href="#!">compare</a>
<ul>
<li><a href="compare.html">compare</a></li>
<li><a href="compare-2.html">compare-2</a></li>
</ul>
</li>
<li><a href="collection.html">collection</a></li>
<li><a href="lookbook.html">lookbook</a></li>
<li><a href="sitemap.html">site map</a>
</li>
<li><a href="404.html">404</a></li>
<li><a href="coming-soon.html">coming soon</a></li>
<li><a href="faq.html">FAQ</a></li>
</ul>
</li>
<li>
<a href="#!">blog</a>
<ul>
<li><a href="blog-page.html">left sidebar</a></li>
<li><a href="blog(right-sidebar).html">right sidebar</a></li>
<li><a href="blog(no-sidebar).html">no sidebar</a></li>
<li><a href="blog-details.html">blog details</a></li>
</ul>
</li>
</ul>
</nav>
</div>
</div>
</div>
</header>
<header class="header-2 position-relative w-auto">
<div class="mobile-fix-option"></div>
<div class="top-header">
<div class="container container-lg">
<div class="row">
<div class="col-lg-6">
<div class="header-contact">
<ul>
<li>Welcome to Our store Multikart</li>
<li><i class="ri-phone-fill text-white"></i>Call Us: 123 - 456 -
7890</li>
</ul>
</div>
</div>
<div class="col-lg-6 text-end">
<ul class="header-dropdown">
<li class="mobile-wishlist"><a href="#"><i class="ri-heart-fill"></i>
wishlist</a></li>
<li class="onhover-dropdown mobile-account"><i class="ri-user-fill"></i>
My
Account
<ul class="onhover-show-div">
<li><a href="login.html">Login</a></li>
<li><a href="register.html">register</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="container container-lg layout3-menu">
<div class="row">
<div class="col-sm-12">
<div class="main-menu">
<div class="menu-left around-border">
<div class="navbar d-xl-none">
<a href="javascript:void(0)" onclick="openNav()">
<div class="bar-style"><i class="ri-bar-chart-horizontal-line sidebar-bar"></i>
</div>
</a>
</div>
<div class="main-menu-right">
<nav id="main-nav">
<div class="toggle-nav"><i class="ri-bar-chart-horizontal-line sidebar-bar"></i>
</div>
<ul id="main-menu" class="sm pixelstrap sm-horizontal">
<li class="mobile-box">
<div class="mobile-back text-end">Menu<i class="ri-close-line"></i></div>
</li>
<li><a href="index.html">Home</a></li>
<li class="mega hover-cls">
<a href="#!">feature <div class="lable-nav">new</div></a>
<ul class="mega-menu full-mega-menu">
<li>
<div class="container">
<div class="row g-xl-4 g-0">
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>invoice template</h5>
</div>
<div class="menu-content">
<ul>
<li><a target="_blank"
href="invoice-1.html">invoice
1</a></li>
<li><a target="_blank"
href="invoice-2.html">invoice
2</a></li>
<li><a target="_blank"
href="invoice-3.html">invoice
3</a></li>
<li><a target="_blank"
href="invoice-4.html">invoice
4</a></li>
<li><a target="_blank"
href="invoice-5.html">invoice
5</a></li>
</ul>
</div>
<div class="menu-title">
<h5>elements</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="elements.html">
elements page<i
class="ms-2 fa fa-bolt icon-trend"></i>
</a></li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>email template</h5>
</div>
<div class="menu-content">
<ul>
<li><a target="_blank"
href="../email-template/welcome.html">welcome</a>
</li>
<li><a target="_blank"
href="../email-template/new-product-announcement.html">announcement</a>
</li>
<li><a target="_blank"
href="../email-template/abandonment-email.html">abandonment</a>
</li>
<li><a target="_blank"
href="../email-template/offer.html">offer</a>
</li>
<li><a target="_blank"
href="../email-template/offer-2.html">offer
2</a></li>
<li><a target="_blank"
href="../email-template/product-review.html">review</a>
</li>
<li><a target="_blank"
href="../email-template/featured-products.html">featured
product</a></li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>email template</h5>
</div>
<div class="menu-content">
<ul>
<li><a target="_blank"
href="../email-template/black-friday.html">black
friday</a></li>
<li><a target="_blank"
href="../email-template/christmas.html">christmas</a>
</li>
<li><a target="_blank"
href="../email-template/cyber-monday.html">cyber-monday</a>
</li>
<li><a target="_blank"
href="../email-template/flash-sale.html">flash
sale</a></li>
<li><a target="_blank"
href="../email-template/email-order-success.html">order
success</a></li>
<li><a target="_blank"
href="../email-template/email-order-success-two.html">order
success 2</a></li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>cookie bar</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="index.html">bottom<i
class="ms-2 fa fa-bolt icon-trend"></i></a>
</li>
<li><a href="fashion-4.html">bottom left</a>
</li>
<li><a href="bicycle.html">bottom right</a>
</li>
</ul>
</div>
<div class="menu-title">
<h5>search</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="marketplace-demo-2.html">ajax
search<i
class="ms-2 fa fa-bolt icon-trend"></i></a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>model</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="index.html">Newsletter</a></li>
<li><a href="index.html">exit<i
class="ms-2 fa fa-bolt icon-trend"></i></a>
</li>
<li><a href="christmas.html">christmas</a>
</li>
<li><a href="furniture-3.html">black
friday</a></li>
<li><a href="fashion-4.html">cyber
monday</a></li>
<li><a href="marketplace-demo-3.html">new
year</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>add to cart</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="nursery.html">cart modal
popup</a></li>
<li><a href="vegetables.html">qty. counter
<i
class="fa fa-bolt icon-trend"></i></a>
</li>
<li><a href="bags.html">cart top</a></li>
<li><a href="shoes.html">cart bottom</a>
</li>
<li><a href="watch.html">cart left</a></li>
<li><a href="tools.html">cart right</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<img src="/assets/images/menu-banner.jpg"
class="img-fluid mega-img d-xl-block d-none">
</div>
</div>
</div>
</li>
</ul>
</li>
<li>
<a href="#!">shop</a>
<ul>
<li>
<a href="category-page(vegetables).html">tab style<span
class="new-tag">new</span></a>
</li>
<li>
<a href="category-page(top-filter).html">top filter</a>
</li>
<li>
<a href="category-page(modern).html">modern</a>
</li>
<li>
<a href="category-page.html">left sidebar</a>
</li>
<li>
<a href="category-page(right).html">right sidebar</a>
</li>
<li>
<a href="category-page(no-sidebar).html">no sidebar</a>
</li>
<li>
<a href="category-page(category-slider).html">Category Slider</a>
</li>
<li>
<a href="category-page(sidebar-popup).html">sidebar popup</a>
</li>
<li>
<a href="category-page(metro).html">metro</a>
</li>
<li>
<a href="category-page(full-width).html">full width</a>
</li>
<li>
<a href="category-page(load-more).html">load more</a>
</li>
<li>
<a href=category-page(2-grid).html>two grid</a>
</li>
<li>
<a href=category-page(3-grid).html>three grid</a>
</li>
<li>
<a href="category-page(4-grid).html">four grid</a>
</li>
<li>
<a href="category-page(list-view).html">list view</a>
</li>
</ul>
</li>
<li class="mega hover-cls">
<a href="#!">product</a>
<ul class="mega-menu full-mega-menu">
<li>
<div class="container">
<div class="row g-xl-4 g-0">
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>Product Page</h5>
</div>
<div class="menu-content">
<ul>
<li>
<a href="product-page(thumbnail).html">Product
Thumbnail</a>
</li>
<li>
<a href="product-page(4-image).html">Product
Image</a>
</li>
<li>
<a href="product-page(slider).html">Product
Slider</a>
</li>
<li>
<a href="product-page(accordian).html">Product
Accordion</a>
</li>
<li>
<a href="product-page(sticky).html">Product
Sticky</a>
</li>
<li>
<a
href="product-page(vertical-tab).html">Product
Vertical Tab</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>Product Page</h5>
</div>
<div class="menu-content">
<ul>
<li>
<a
href="product-page(left-sidebar).html">Product
Sidebar Left</a>
</li>
<li>
<a
href="product-page(right-sidebar).html">Product
Sidebar Right</a>
</li>
<li>
<a href="product-page(no-sidebar).html">Product
No Sidebar</a>
</li>
<li>
<a href="product-page(accordian).html">Product
Column Thumbnail</a>
</li>
<li>
<a
href="product-page(image-outside).html">Product
Thumbnail Image Outside</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>Product Variants Style</h5>
</div>
<div class="menu-content">
<ul>
<li>
<a href="product-page(3-column).html">Variant
Rectangle</a>
</li>
<li>
<a href="product-page(360-view).html">Variant
Circle</a>
</li>
<li>
<a href="product-page(accordian).html">Variant
Image Swatch</a>
</li>
<li>
<a href="product-page(3-column).html">Variant
Color</a>
</li>
<li>
<a
href="product-page(vertical-tab).html">Variant
Radio Button</a>
</li>
<li>
<a href="product-page(sticky).html">Variant
Dropdown</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>Product Features</h5>
</div>
<div class="menu-content">
<ul>
<li>
<a href="product-page(accordian).html">Product
Simple</a>
</li>
<li>
<a
href="product-page(left-sidebar).html">Product
Classified</a>
</li>
<li>
<a href="product-page(no-sidebar).html">Size
Chart</a>
</li>
<li>
<a href="product-page(no-sidebar).html">Delivery
& Return</a>
</li>
<li>
<a href="product-page(no-sidebar).html">Product
Review</a>
</li>
<li>
<a href="product-page(no-sidebar).html">Ask
an Expert</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>Product Features</h5>
</div>
<div class="menu-content">
<ul>
<li>
<a href="product-page(bundle).html">Bundle
(Cross Sale)</a>
</li>
<li>
<a href="product-page(accordian).html">Hot
Stock
Progress</a>
</li>
<li>
<a href="product-page(accordian).html">Out
Stock</a>
</li>
<li>
<a href="product-page(thumbnail).html">Sale
Countdown</a>
</li>
<li>
<a href="product-page(thumbnail).html">Product
Zoom</a>
</li>
<li>
<a href="product-page(360-view).html">Product
360 View</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>Product Features</h5>
</div>
<div class="menu-content">
<ul>
<li>
<a href="product-page(accordian).html">Sticky
Checkout</a>
</li>
<li>
<a href="product-page(accordian).html">Secure
Checkout</a>
</li>
<li>
<a
href="product-page(vertical-tab).html">Social
Share</a>
</li>
<li>
<a href="product-page(thumbnail).html">Related
Products</a>
</li>
<li>
<a
href="product-page(right-sidebar).html">Wishlist
& Compare</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<img src="/assets/images/menu-banner.jpg"
class="img-fluid mega-img d-xl-block d-none">
</div>
</div>
</div>
</li>
</ul>
</li>
<li><a href="#!">pages</a>
<ul>
<li>
<a href="#!">vendor</a>
<ul>
<li><a href="vendor-dashboard.html">vendor dashboard</a>
</li>
<li><a href="vendor-profile.html">vendor profile</a></li>
<li><a href="become-vendor.html">become vendor</a></li>
</ul>
</li>
<li>
<a href="#!">account</a>
<ul>
<li><a href="wishlist.html">wishlist</a></li>
<li><a href="cart.html">cart</a></li>
<li><a href="dashboard.html">Dashboard</a></li>
<li><a href="login.html">login</a></li>
<li><a href="register.html">register</a></li>
<li><a href="contact.html">contact</a></li>
<li><a href="forget_pwd.html">forget password</a></li>
<li><a href="profile.html">profile</a></li>
<li><a href="checkout.html">checkout</a></li>
<li><a href="order-success.html">order success</a></li>
<li><a href="order-tracking.html">order tracking<span
class="new-tag">new</span></a></li>
</ul>
</li>
<li>
<a href="#!">portfolio</a>
<ul>
<li><a href="">grid</a>
<ul>
<li><a href="grid-2-col.html">grid
2</a></li>
<li><a href="grid-3-col.html">grid
3</a></li>
<li><a href="grid-4-col.html">grid
4</a></li>
</ul>
</li>
<li><a href="">masonry</a>
<ul>
<li><a href="masonary-2-grid.html">grid 2</a></li>
<li><a href="masonary-3-grid.html">grid 3</a></li>
<li><a href="masonary-4-grid.html">grid 4</a></li>
<li><a href="masonary-fullwidth.html">full width</a>
</li>
</ul>
</li>
</ul>
</li>
<li><a href="about-page.html">about us</a></li>
<li><a href="search.html">search</a></li>
<li><a href="review.html">review</a>
</li>
<li>
<a href="#!">compare</a>
<ul>
<li><a href="compare.html">compare</a></li>
<li><a href="compare-2.html">compare-2</a></li>
</ul>
</li>
<li><a href="collection.html">collection</a></li>
<li><a href="lookbook.html">lookbook</a></li>
<li><a href="sitemap.html">site map</a>
</li>
<li><a href="404.html">404</a></li>
<li><a href="coming-soon.html">coming soon</a></li>
<li><a href="faq.html">FAQ</a></li>
</ul>
</li>
<li>
<a href="#!">blog</a>
<ul>
<li><a href="blog-page.html">left sidebar</a></li>
<li><a href="blog(right-sidebar).html">right sidebar</a></li>
<li><a href="blog(no-sidebar).html">no sidebar</a></li>
<li><a href="blog-details.html">blog details</a></li>
</ul>
</li>
</ul>
</nav>
</div>
</div>
<div class="absolute-logo">
<div class="brand-logo">
<a href="#"><img alt="" src="/assets/images/fashion-4/logo.png"></a>
</div>
</div>
<div>
<div class="menu-right pull-right">
<div>
<div class="icon-nav">
<ul>
<li class="onhover-div mobile-search">
<div data-bs-toggle="modal" data-bs-target="#searchModal">
<i class="ri-search-line"></i>
</div>
</li>
<li class="onhover-div mobile-setting">
<div><i class="ri-equalizer-2-line"></i>
</div>
<div class="show-div setting">
<h6>language</h6>
<ul>
<li><a href="#!">english</a></li>
<li><a href="#!">french</a></li>
</ul>
<h6>currency</h6>
<ul class="list-inline">
<li><a href="#!">euro</a></li>
<li><a href="#!">rupees</a></li>
<li><a href="#!">pound</a></li>
<li><a href="#!">dollar</a></li>
</ul>
</div>
</li>
<li class="onhover-div mobile-cart">
<div data-bs-toggle="offcanvas" data-bs-target="#cartOffcanvas">
<i class="ri-shopping-cart-line"></i>
</div>
<span class="cart_qty_cls">2</span>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<header class="header-2">
<div class="mobile-fix-option"></div>
<div class="top-header top-header-dark">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="header-contact">
<ul>
<li>Welcome to Our store Multikart</li>
<li><i class="ri-phone-fill"></i>Call Us: 123 - 456 - 7890</li>
</ul>
</div>
</div>
<div class="col-lg-6 text-end">
<ul class="header-dropdown">
<li class="mobile-wishlist"><a href="#"><i class="ri-heart-fill"></i>
wishlist</a></li>
<li class="onhover-dropdown mobile-account"><i class="ri-user-fill"></i>
My
Account
<ul class="onhover-show-div">
<li><a href="login.html">Login</a></li>
<li><a href="register.html">register</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-sm-12">
<div class="main-menu border-section border-top-0">
<div class="menu-left">
<div class="navbar"><a href="javascript:void(0)" onclick="openNav()"><i
class="ri-bar-chart-horizontal-line sidebar-bar"></i></a>
<div id="mySidenav" class="sidenav">
<a href="javascript:void(0)" class="sidebar-overlay" onclick="closeNav()"></a>
<nav>
<a href="javascript:void(0)" onclick="closeNav()">
<div class="sidebar-back text-start"><i class="fa fa-angle-left pe-2"></i>
Back</div>
</a>
<!-- Vertical Menu -->
<ul id="sub-menu" class="sm pixelstrap sm-vertical">
<li><a href="#">clothing</a>
<ul class="mega-menu clothing-menu">
<li>
<div class="row m-0">
<div class="col-xl-4">
<div class="link-section">
<h5>women's fashion</h5>
<ul>
<li><a href="#">dresses</a></li>
<li><a href="#">skirts</a></li>
<li><a href="#">westarn wear</a></li>
<li><a href="#">ethic wear</a></li>
<li><a href="#">sport wear</a></li>
</ul>
<h5>men's fashion</h5>
<ul>
<li><a href="#">sports wear</a></li>
<li><a href="#">western wear</a></li>
<li><a href="#">ethic wear</a></li>
</ul>
</div>
</div>
<div class="col-xl-4">
<div class="link-section">
<h5>accessories</h5>
<ul>
<li><a href="#">fashion jewellery</a></li>
<li><a href="#">caps and hats</a></li>
<li><a href="#">precious jewellery</a></li>
<li><a href="#">necklaces</a></li>
<li><a href="#">earrings</a></li>
<li><a href="#">wrist wear</a></li>
<li><a href="#">ties</a></li>
<li><a href="#">cufflinks</a></li>
<li><a href="#">pockets squares</a></li>
</ul>
</div>
</div>
<div class="col-xl-4">
<a href="#" class="mega-menu-banner"><img
src="/assets/images/mega-menu/furniture/1.jpg"
alt="" class="img-fluid blur-up lazyload"></a>
</div>
</div>
</li>
</ul>
</li>
<li><a href="#">bags</a>
<ul>
<li><a href="#">shopper bags</a></li>
<li><a href="#">laptop bags</a></li>
<li><a href="#">clutches</a></li>
<li><a href="#">purses</a>
<ul>
<li><a href="#">purses</a></li>
<li><a href="#">wallets</a></li>
<li><a href="#">leathers</a></li>
<li><a href="#">satchels</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">footwear</a>
<ul>
<li><a href="#">sport shoes</a></li>
<li><a href="#">formal shoes</a></li>
<li><a href="#">casual shoes</a></li>
</ul>
</li>
<li><a href="#">watches</a></li>
<li><a href="#">Accessories</a>
<ul>
<li><a href="#">fashion jewellery</a></li>
<li><a href="#">caps and hats</a></li>
<li><a href="#">precious jewellery</a></li>
<li><a href="#">more..</a>
<ul>
<li><a href="#">necklaces</a></li>
<li><a href="#">earrings</a></li>
<li><a href="#">wrist wear</a></li>
<li><a href="#">accessories</a>
<ul>
<li><a href="#">ties</a></li>
<li><a href="#">cufflinks</a></li>
<li><a href="#">pockets squares</a></li>
<li><a href="#">helmets</a></li>
<li><a href="#">scarves</a></li>
<li><a href="#">more...</a>
<ul>
<li><a href="#">accessory gift sets</a></li>
<li><a href="#">travel accessories</a></li>
<li><a href="#">phone cases</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">belts & more</a></li>
<li><a href="#">wearable</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">house of design</a></li>
<li><a href="#">beauty & personal care</a>
<ul>
<li><a href="#">makeup</a></li>
<li><a href="#">skincare</a></li>
<li><a href="#">premium beauty</a></li>
<li><a href="#">more</a>
<ul>
<li><a href="#">fragrances</a></li>
<li><a href="#">luxury beauty</a></li>
<li><a href="#">hair care</a></li>
<li><a href="#">tools & brushes</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">home & decor</a></li>
<li><a href="#">kitchen</a></li>
</ul>
</nav>
</div>
</div>
</div>
<div class="brand-logo layout2-logo">
<a href="#"><img src="/assets/images/furniture-1/logo.png"
class="img-fluid blur-up lazyload" alt=""></a>
</div>
<div class="menu-right pull-right">
<div class="icon-nav">
<ul>
<li class="onhover-div mobile-search">
<div data-bs-toggle="modal" data-bs-target="#searchModal">
<i class="ri-search-line"></i>
</div>
</li>
<li class="onhover-div mobile-setting">
<div><i class="ri-settings-2-line"></i>
</div>
<div class="show-div setting">
<h6>language</h6>
<ul>
<li><a href="#">english</a></li>
<li><a href="#">french</a></li>
</ul>
<h6>currency</h6>
<ul class="list-inline">
<li><a href="#">euro</a></li>
<li><a href="#">rupees</a></li>
<li><a href="#">pound</a></li>
<li><a href="#">dollar</a></li>
</ul>
</div>
</li>
<li class="onhover-div mobile-cart">
<div data-bs-toggle="offcanvas" data-bs-target="#cartOffcanvas">
<i class="ri-shopping-cart-line"></i>
</div>
<span class="cart_qty_cls">2</span>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="main-nav-center">
<nav id="main-nav">
<div class="toggle-nav"><i class="ri-bar-chart-horizontal-line sidebar-bar"></i></div>
<ul id="main-menu" class="sm pixelstrap sm-horizontal">
<li class="mobile-box">
<div class="mobile-back text-end">Menu<i class="ri-close-line"></i></div>
</li>
<li><a href="index.html">Home</a></li>
<li class="mega hover-cls">
<a href="#!">feature <div class="lable-nav">new</div></a>
<ul class="mega-menu full-mega-menu">
<li>
<div class="container">
<div class="row g-xl-4 g-0">
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>invoice template</h5>
</div>
<div class="menu-content">
<ul>
<li><a target="_blank" href="invoice-1.html">invoice
1</a></li>
<li><a target="_blank" href="invoice-2.html">invoice
2</a></li>
<li><a target="_blank" href="invoice-3.html">invoice
3</a></li>
<li><a target="_blank" href="invoice-4.html">invoice
4</a></li>
<li><a target="_blank" href="invoice-5.html">invoice
5</a></li>
</ul>
</div>
<div class="menu-title">
<h5>elements</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="elements.html">
elements page<i
class="ms-2 fa fa-bolt icon-trend"></i>
</a></li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>email template</h5>
</div>
<div class="menu-content">
<ul>
<li><a target="_blank"
href="../email-template/welcome.html">welcome</a>
</li>
<li><a target="_blank"
href="../email-template/new-product-announcement.html">announcement</a>
</li>
<li><a target="_blank"
href="../email-template/abandonment-email.html">abandonment</a>
</li>
<li><a target="_blank"
href="../email-template/offer.html">offer</a>
</li>
<li><a target="_blank"
href="../email-template/offer-2.html">offer
2</a></li>
<li><a target="_blank"
href="../email-template/product-review.html">review</a>
</li>
<li><a target="_blank"
href="../email-template/featured-products.html">featured
product</a></li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>email template</h5>
</div>
<div class="menu-content">
<ul>
<li><a target="_blank"
href="../email-template/black-friday.html">black
friday</a></li>
<li><a target="_blank"
href="../email-template/christmas.html">christmas</a>
</li>
<li><a target="_blank"
href="../email-template/cyber-monday.html">cyber-monday</a>
</li>
<li><a target="_blank"
href="../email-template/flash-sale.html">flash
sale</a></li>
<li><a target="_blank"
href="../email-template/email-order-success.html">order
success</a></li>
<li><a target="_blank"
href="../email-template/email-order-success-two.html">order
success 2</a></li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>cookie bar</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="index.html">bottom<i
class="ms-2 fa fa-bolt icon-trend"></i></a>
</li>
<li><a href="fashion-4.html">bottom left</a>
</li>
<li><a href="bicycle.html">bottom right</a>
</li>
</ul>
</div>
<div class="menu-title">
<h5>search</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="marketplace-demo-2.html">ajax
search<i
class="ms-2 fa fa-bolt icon-trend"></i></a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>model</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="index.html">Newsletter</a></li>
<li><a href="index.html">exit<i
class="ms-2 fa fa-bolt icon-trend"></i></a>
</li>
<li><a href="christmas.html">christmas</a>
</li>
<li><a href="furniture-3.html">black
friday</a></li>
<li><a href="fashion-4.html">cyber
monday</a></li>
<li><a href="marketplace-demo-3.html">new
year</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>add to cart</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="nursery.html">cart modal
popup</a></li>
<li><a href="vegetables.html">qty. counter
<i class="fa fa-bolt icon-trend"></i></a>
</li>
<li><a href="bags.html">cart top</a></li>
<li><a href="shoes.html">cart bottom</a>
</li>
<li><a href="watch.html">cart left</a></li>
<li><a href="tools.html">cart right</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<img src="/assets/images/menu-banner.jpg"
class="img-fluid mega-img d-xl-block d-none">
</div>
</div>
</div>
</li>
</ul>
</li>
<li>
<a href="#!">shop</a>
<ul>
<li>
<a href="category-page(vegetables).html">tab style<span
class="new-tag">new</span></a>
</li>
<li>
<a href="category-page(top-filter).html">top filter</a>
</li>
<li>
<a href="category-page(modern).html">modern</a>
</li>
<li>
<a href="category-page.html">left sidebar</a>
</li>
<li>
<a href="category-page(right).html">right sidebar</a>
</li>
<li>
<a href="category-page(no-sidebar).html">no sidebar</a>
</li>
<li>
<a href="category-page(category-slider).html">Category Slider</a>
</li>
<li>
<a href="category-page(sidebar-popup).html">sidebar popup</a>
</li>
<li>
<a href="category-page(metro).html">metro</a>
</li>
<li>
<a href="category-page(full-width).html">full width</a>
</li>
<li>
<a href="category-page(load-more).html">load more</a>
</li>
<li>
<a href=category-page(2-grid).html>two grid</a>
</li>
<li>
<a href=category-page(3-grid).html>three grid</a>
</li>
<li>
<a href="category-page(4-grid).html">four grid</a>
</li>
<li>
<a href="category-page(list-view).html">list view</a>
</li>
</ul>
</li>
<li class="mega hover-cls">
<a href="#!">product</a>
<ul class="mega-menu full-mega-menu">
<li>
<div class="container">
<div class="row g-xl-4 g-0">
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>Product Page</h5>
</div>
<div class="menu-content">
<ul>
<li>
<a href="product-page(thumbnail).html">Product
Thumbnail</a>
</li>
<li>
<a href="product-page(4-image).html">Product
Image</a>
</li>
<li>
<a href="product-page(slider).html">Product
Slider</a>
</li>
<li>
<a href="product-page(accordian).html">Product
Accordion</a>
</li>
<li>
<a href="product-page(sticky).html">Product
Sticky</a>
</li>
<li>
<a href="product-page(vertical-tab).html">Product
Vertical Tab</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>Product Page</h5>
</div>
<div class="menu-content">
<ul>
<li>
<a href="product-page(left-sidebar).html">Product
Sidebar Left</a>
</li>
<li>
<a href="product-page(right-sidebar).html">Product
Sidebar Right</a>
</li>
<li>
<a href="product-page(no-sidebar).html">Product
No Sidebar</a>
</li>
<li>
<a href="product-page(accordian).html">Product
Column Thumbnail</a>
</li>
<li>
<a href="product-page(image-outside).html">Product
Thumbnail Image Outside</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>Product Variants Style</h5>
</div>
<div class="menu-content">
<ul>
<li>
<a href="product-page(3-column).html">Variant
Rectangle</a>
</li>
<li>
<a href="product-page(360-view).html">Variant
Circle</a>
</li>
<li>
<a href="product-page(accordian).html">Variant
Image Swatch</a>
</li>
<li>
<a href="product-page(3-column).html">Variant
Color</a>
</li>
<li>
<a href="product-page(vertical-tab).html">Variant
Radio Button</a>
</li>
<li>
<a href="product-page(sticky).html">Variant
Dropdown</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>Product Features</h5>
</div>
<div class="menu-content">
<ul>
<li>
<a href="product-page(accordian).html">Product
Simple</a>
</li>
<li>
<a href="product-page(left-sidebar).html">Product
Classified</a>
</li>
<li>
<a href="product-page(no-sidebar).html">Size
Chart</a>
</li>
<li>
<a href="product-page(no-sidebar).html">Delivery
& Return</a>
</li>
<li>
<a href="product-page(no-sidebar).html">Product
Review</a>
</li>
<li>
<a href="product-page(no-sidebar).html">Ask
an Expert</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>Product Features</h5>
</div>
<div class="menu-content">
<ul>
<li>
<a href="product-page(bundle).html">Bundle
(Cross Sale)</a>
</li>
<li>
<a href="product-page(accordian).html">Hot
Stock
Progress</a>
</li>
<li>
<a href="product-page(accordian).html">Out
Stock</a>
</li>
<li>
<a href="product-page(thumbnail).html">Sale
Countdown</a>
</li>
<li>
<a href="product-page(thumbnail).html">Product
Zoom</a>
</li>
<li>
<a href="product-page(360-view).html">Product
360 View</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>Product Features</h5>
</div>
<div class="menu-content">
<ul>
<li>
<a href="product-page(accordian).html">Sticky
Checkout</a>
</li>
<li>
<a href="product-page(accordian).html">Secure
Checkout</a>
</li>
<li>
<a href="product-page(vertical-tab).html">Social
Share</a>
</li>
<li>
<a href="product-page(thumbnail).html">Related
Products</a>
</li>
<li>
<a href="product-page(right-sidebar).html">Wishlist
& Compare</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<img src="/assets/images/menu-banner.jpg"
class="img-fluid mega-img d-xl-block d-none">
</div>
</div>
</div>
</li>
</ul>
</li>
<li><a href="#!">pages</a>
<ul>
<li>
<a href="#!">vendor</a>
<ul>
<li><a href="vendor-dashboard.html">vendor dashboard</a>
</li>
<li><a href="vendor-profile.html">vendor profile</a></li>
<li><a href="become-vendor.html">become vendor</a></li>
</ul>
</li>
<li>
<a href="#!">account</a>
<ul>
<li><a href="wishlist.html">wishlist</a></li>
<li><a href="cart.html">cart</a></li>
<li><a href="dashboard.html">Dashboard</a></li>
<li><a href="login.html">login</a></li>
<li><a href="register.html">register</a></li>
<li><a href="contact.html">contact</a></li>
<li><a href="forget_pwd.html">forget password</a></li>
<li><a href="profile.html">profile</a></li>
<li><a href="checkout.html">checkout</a></li>
<li><a href="order-success.html">order success</a></li>
<li><a href="order-tracking.html">order tracking<span
class="new-tag">new</span></a></li>
</ul>
</li>
<li>
<a href="#!">portfolio</a>
<ul>
<li><a href="">grid</a>
<ul>
<li><a href="grid-2-col.html">grid
2</a></li>
<li><a href="grid-3-col.html">grid
3</a></li>
<li><a href="grid-4-col.html">grid
4</a></li>
</ul>
</li>
<li><a href="">masonry</a>
<ul>
<li><a href="masonary-2-grid.html">grid 2</a></li>
<li><a href="masonary-3-grid.html">grid 3</a></li>
<li><a href="masonary-4-grid.html">grid 4</a></li>
<li><a href="masonary-fullwidth.html">full width</a>
</li>
</ul>
</li>
</ul>
</li>
<li><a href="about-page.html">about us</a></li>
<li><a href="search.html">search</a></li>
<li><a href="review.html">review</a>
</li>
<li>
<a href="#!">compare</a>
<ul>
<li><a href="compare.html">compare</a></li>
<li><a href="compare-2.html">compare-2</a></li>
</ul>
</li>
<li><a href="collection.html">collection</a></li>
<li><a href="lookbook.html">lookbook</a></li>
<li><a href="sitemap.html">site map</a>
</li>
<li><a href="404.html">404</a></li>
<li><a href="coming-soon.html">coming soon</a></li>
<li><a href="faq.html">FAQ</a></li>
</ul>
</li>
<li>
<a href="#!">blog</a>
<ul>
<li><a href="blog-page.html">left sidebar</a></li>
<li><a href="blog(right-sidebar).html">right sidebar</a></li>
<li><a href="blog(no-sidebar).html">no sidebar</a></li>
<li><a href="blog-details.html">blog details</a></li>
</ul>
</li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</header>
<header class="header-style-5 style-light">
<div class="mobile-fix-option"></div>
<div class="top-header top-header-dark2">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="header-contact">
<ul>
<li>Welcome to Our store Multikart</li>
<li><i class="ri-phone-fill"></i>Call Us: 123 - 456 - 7890</li>
</ul>
</div>
</div>
<div class="col-lg-6 text-end">
<ul class="header-dropdown">
<li class="mobile-wishlist"><a href="#"><i class="ri-heart-fill"></i></a>
</li>
<li class="onhover-dropdown mobile-account"> <i class="ri-user-fill"></i>
My Account
<ul class="onhover-show-div">
<li><a href="login.html">Login</a></li>
<li><a href="register.html">register</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-sm-12">
<div class="main-menu">
<div class="menu-left">
<div class="navbar d-block d-xl-none">
<a href="javascript:void(0)">
<div class="bar-style" id="toggle-sidebar-res"><i
class="ri-bar-chart-horizontal-line sidebar-bar"></i>
</div>
</a>
</div>
<div class="brand-logo">
<a href="index.html"><img src="/assets/images/furniture-2/logo.png"
class="img-fluid blur-up lazyload" alt=""></a>
</div>
</div>
<div>
<form class="form_search" role="form">
<input id="query search-autocomplete" type="search"
placeholder="Search any Device or Gadgets..." class="nav-search nav-search-field"
aria-expanded="true">
<button type="submit" name="nav-submit-button" class="btn-search">
<i class="ri-search-line"></i>
</button>
</form>
</div>
<div class="menu-right pull-right">
<div>
<div class="icon-nav">
<ul>
<li class="onhover-div mobile-search d-xl-none d-inline-block">
<div data-bs-toggle="modal" data-bs-target="#searchModal">
<i class="ri-search-line"></i>
</div>
</li>
<li class="onhover-div mobile-setting">
<div><i class="ri-settings-2-line"></i></div>
<div class="show-div setting">
<h6>language</h6>
<ul>
<li><a href="#">english</a></li>
<li><a href="#">french</a></li>
</ul>
<h6>currency</h6>
<ul class="list-inline">
<li><a href="#">euro</a></li>
<li><a href="#">rupees</a></li>
<li><a href="#">pound</a></li>
<li><a href="#">dollar</a></li>
</ul>
</div>
</li>
<li class="onhover-div mobile-cart">
<div data-bs-toggle="offcanvas" data-bs-target="#cartOffcanvas">
<i class="ri-shopping-cart-line"></i>
</div>
<span class="cart_qty_cls">2</span>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bottom-part bottom-light">
<div class="container">
<div class="row">
<div class="col-xl-3">
<div class="category-menu d-none d-xl-block h-100">
<div id="toggle-sidebar" class="toggle-sidebar">
<i class="ri-bar-chart-horizontal-line sidebar-bar"></i>
<h5 class="mb-0">shop by category</h5>
</div>
</div>
<div class="sidenav fixed-sidebar marketplace-sidebar svg-icon-menu">
<nav>
<div>
<div class="sidebar-back text-start d-xl-none d-block"><i
class="fa fa-angle-left pe-2"></i> Back</div>
</div>
<ul id="sub-menu" class="sm pixelstrap sm-vertical">
<li> <a href="#">fruits & vegetable</a>
</li>
<li> <a href="#">eggs, meat, fish</a>
<ul>
<li><a href="#">makeup</a></li>
<li><a href="#">skincare</a></li>
<li><a href="#">premium beauty</a></li>
<li> <a href="#">more</a>
<ul>
<li><a href="#">fragrances</a></li>
<li><a href="#">luxury beauty</a></li>
<li><a href="#">hair care</a></li>
<li><a href="#">tools & brushes</a></li>
</ul>
</li>
</ul>
</li>
<li> <a href="#">food grains</a>
<ul>
<li><a href="#">shopper bags</a></li>
<li><a href="#">laptop bags</a></li>
<li><a href="#">clutches</a></li>
<li> <a href="#">purses</a>
<ul>
<li><a href="#">purses</a></li>
<li><a href="#">wallets</a></li>
<li><a href="#">leathers</a></li>
<li><a href="#">satchels</a></li>
</ul>
</li>
</ul>
</li>
<li> <a href="#">bakery & dairy</a>
<ul>
<li><a href="#">sport shoes</a></li>
<li><a href="#">formal shoes</a></li>
<li><a href="#">casual shoes</a></li>
</ul>
</li>
<li><a href="#">beverages</a></li>
<li> <a href="#">snacks</a>
<ul>
<li><a href="#">fashion jewellery</a></li>
<li><a href="#">caps and hats</a></li>
<li><a href="#">precious jewellery</a></li>
<li> <a href="#">more..</a>
<ul>
<li><a href="#">necklaces</a></li>
<li><a href="#">earrings</a></li>
<li><a href="#">wrist wear</a></li>
<li> <a href="#">accessories</a>
<ul>
<li><a href="#">ties</a></li>
<li><a href="#">cufflinks</a></li>
<li><a href="#">pockets squares</a></li>
<li><a href="#">helmets</a></li>
<li><a href="#">scarves</a></li>
<li> <a href="#">more...</a>
<ul>
<li><a href="#">accessory gift sets</a></li>
<li><a href="#">travel accessories</a></li>
<li><a href="#">phone cases</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">belts & more</a></li>
<li><a href="#">wearable</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">beauty product</a></li>
<li><a href="#">gourment</a></li>
<li><a href="#">kitchen, garden</a></li>
<li><a href="#">kitchen, garden</a></li>
</ul>
</nav>
</div>
</div>
<div class="col-xl-9">
<div class="main-nav-center">
<nav id="main-nav" class="text-start">
<div class="toggle-nav"><i class="ri-bar-chart-horizontal-line sidebar-bar"></i></div>
<ul id="main-menu" class="sm pixelstrap sm-horizontal">
<li class="mobile-box">
<div class="mobile-back text-end">Menu<i class="ri-close-line"></i></div>
</li>
<li><a href="index.html">Home</a></li>
<li class="mega hover-cls">
<a href="#!">feature <div class="lable-nav">new</div></a>
<ul class="mega-menu full-mega-menu">
<li>
<div class="container">
<div class="row g-xl-4 g-0">
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>invoice template</h5>
</div>
<div class="menu-content">
<ul>
<li><a target="_blank"
href="invoice-1.html">invoice
1</a></li>
<li><a target="_blank"
href="invoice-2.html">invoice
2</a></li>
<li><a target="_blank"
href="invoice-3.html">invoice
3</a></li>
<li><a target="_blank"
href="invoice-4.html">invoice
4</a></li>
<li><a target="_blank"
href="invoice-5.html">invoice
5</a></li>
</ul>
</div>
<div class="menu-title">
<h5>elements</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="elements.html">
elements page<i
class="ms-2 fa fa-bolt icon-trend"></i>
</a></li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>email template</h5>
</div>
<div class="menu-content">
<ul>
<li><a target="_blank"
href="../email-template/welcome.html">welcome</a>
</li>
<li><a target="_blank"
href="../email-template/new-product-announcement.html">announcement</a>
</li>
<li><a target="_blank"
href="../email-template/abandonment-email.html">abandonment</a>
</li>
<li><a target="_blank"
href="../email-template/offer.html">offer</a>
</li>
<li><a target="_blank"
href="../email-template/offer-2.html">offer
2</a></li>
<li><a target="_blank"
href="../email-template/product-review.html">review</a>
</li>
<li><a target="_blank"
href="../email-template/featured-products.html">featured
product</a></li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>email template</h5>
</div>
<div class="menu-content">
<ul>
<li><a target="_blank"
href="../email-template/black-friday.html">black
friday</a></li>
<li><a target="_blank"
href="../email-template/christmas.html">christmas</a>
</li>
<li><a target="_blank"
href="../email-template/cyber-monday.html">cyber-monday</a>
</li>
<li><a target="_blank"
href="../email-template/flash-sale.html">flash
sale</a></li>
<li><a target="_blank"
href="../email-template/email-order-success.html">order
success</a></li>
<li><a target="_blank"
href="../email-template/email-order-success-two.html">order
success 2</a></li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>cookie bar</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="index.html">bottom<i
class="ms-2 fa fa-bolt icon-trend"></i></a>
</li>
<li><a href="fashion-4.html">bottom left</a>
</li>
<li><a href="bicycle.html">bottom right</a>
</li>
</ul>
</div>
<div class="menu-title">
<h5>search</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="marketplace-demo-2.html">ajax
search<i
class="ms-2 fa fa-bolt icon-trend"></i></a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>model</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="index.html">Newsletter</a></li>
<li><a href="index.html">exit<i
class="ms-2 fa fa-bolt icon-trend"></i></a>
</li>
<li><a href="christmas.html">christmas</a>
</li>
<li><a href="furniture-3.html">black
friday</a></li>
<li><a href="fashion-4.html">cyber
monday</a></li>
<li><a href="marketplace-demo-3.html">new
year</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>add to cart</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="nursery.html">cart modal
popup</a></li>
<li><a href="vegetables.html">qty. counter
<i
class="fa fa-bolt icon-trend"></i></a>
</li>
<li><a href="bags.html">cart top</a></li>
<li><a href="shoes.html">cart bottom</a>
</li>
<li><a href="watch.html">cart left</a></li>
<li><a href="tools.html">cart right</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<img src="/assets/images/menu-banner.jpg"
class="img-fluid mega-img d-xl-block d-none">
</div>
</div>
</div>
</li>
</ul>
</li>
<li>
<a href="#!">shop</a>
<ul>
<li>
<a href="category-page(vegetables).html">tab style<span
class="new-tag">new</span></a>
</li>
<li>
<a href="category-page(top-filter).html">top filter</a>
</li>
<li>
<a href="category-page(modern).html">modern</a>
</li>
<li>
<a href="category-page.html">left sidebar</a>
</li>
<li>
<a href="category-page(right).html">right sidebar</a>
</li>
<li>
<a href="category-page(no-sidebar).html">no sidebar</a>
</li>
<li>
<a href="category-page(category-slider).html">Category Slider</a>
</li>
<li>
<a href="category-page(sidebar-popup).html">sidebar popup</a>
</li>
<li>
<a href="category-page(metro).html">metro</a>
</li>
<li>
<a href="category-page(full-width).html">full width</a>
</li>
<li>
<a href="category-page(load-more).html">load more</a>
</li>
<li>
<a href=category-page(2-grid).html>two grid</a>
</li>
<li>
<a href=category-page(3-grid).html>three grid</a>
</li>
<li>
<a href="category-page(4-grid).html">four grid</a>
</li>
<li>
<a href="category-page(list-view).html">list view</a>
</li>
</ul>
</li>
<li class="mega hover-cls">
<a href="#!">product</a>
<ul class="mega-menu full-mega-menu">
<li>
<div class="container">
<div class="row g-xl-4 g-0">
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>Product Page</h5>
</div>
<div class="menu-content">
<ul>
<li>
<a href="product-page(thumbnail).html">Product
Thumbnail</a>
</li>
<li>
<a href="product-page(4-image).html">Product
Image</a>
</li>
<li>
<a href="product-page(slider).html">Product
Slider</a>
</li>
<li>
<a href="product-page(accordian).html">Product
Accordion</a>
</li>
<li>
<a href="product-page(sticky).html">Product
Sticky</a>
</li>
<li>
<a href="product-page(vertical-tab).html">Product
Vertical Tab</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>Product Page</h5>
</div>
<div class="menu-content">
<ul>
<li>
<a href="product-page(left-sidebar).html">Product
Sidebar Left</a>
</li>
<li>
<a href="product-page(right-sidebar).html">Product
Sidebar Right</a>
</li>
<li>
<a href="product-page(no-sidebar).html">Product
No Sidebar</a>
</li>
<li>
<a href="product-page(accordian).html">Product
Column Thumbnail</a>
</li>
<li>
<a href="product-page(image-outside).html">Product
Thumbnail Image Outside</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>Product Variants Style</h5>
</div>
<div class="menu-content">
<ul>
<li>
<a href="product-page(3-column).html">Variant
Rectangle</a>
</li>
<li>
<a href="product-page(360-view).html">Variant
Circle</a>
</li>
<li>
<a href="product-page(accordian).html">Variant
Image Swatch</a>
</li>
<li>
<a href="product-page(3-column).html">Variant
Color</a>
</li>
<li>
<a href="product-page(vertical-tab).html">Variant
Radio Button</a>
</li>
<li>
<a href="product-page(sticky).html">Variant
Dropdown</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>Product Features</h5>
</div>
<div class="menu-content">
<ul>
<li>
<a href="product-page(accordian).html">Product
Simple</a>
</li>
<li>
<a href="product-page(left-sidebar).html">Product
Classified</a>
</li>
<li>
<a href="product-page(no-sidebar).html">Size
Chart</a>
</li>
<li>
<a href="product-page(no-sidebar).html">Delivery
& Return</a>
</li>
<li>
<a href="product-page(no-sidebar).html">Product
Review</a>
</li>
<li>
<a href="product-page(no-sidebar).html">Ask
an Expert</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>Product Features</h5>
</div>
<div class="menu-content">
<ul>
<li>
<a href="product-page(bundle).html">Bundle
(Cross Sale)</a>
</li>
<li>
<a href="product-page(accordian).html">Hot
Stock
Progress</a>
</li>
<li>
<a href="product-page(accordian).html">Out
Stock</a>
</li>
<li>
<a href="product-page(thumbnail).html">Sale
Countdown</a>
</li>
<li>
<a href="product-page(thumbnail).html">Product
Zoom</a>
</li>
<li>
<a href="product-page(360-view).html">Product
360 View</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>Product Features</h5>
</div>
<div class="menu-content">
<ul>
<li>
<a href="product-page(accordian).html">Sticky
Checkout</a>
</li>
<li>
<a href="product-page(accordian).html">Secure
Checkout</a>
</li>
<li>
<a href="product-page(vertical-tab).html">Social
Share</a>
</li>
<li>
<a href="product-page(thumbnail).html">Related
Products</a>
</li>
<li>
<a href="product-page(right-sidebar).html">Wishlist
& Compare</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<img src="/assets/images/menu-banner.jpg"
class="img-fluid mega-img d-xl-block d-none">
</div>
</div>
</div>
</li>
</ul>
</li>
<li><a href="#!">pages</a>
<ul>
<li>
<a href="#!">vendor</a>
<ul>
<li><a href="vendor-dashboard.html">vendor dashboard</a>
</li>
<li><a href="vendor-profile.html">vendor profile</a></li>
<li><a href="become-vendor.html">become vendor</a></li>
</ul>
</li>
<li>
<a href="#!">account</a>
<ul>
<li><a href="wishlist.html">wishlist</a></li>
<li><a href="cart.html">cart</a></li>
<li><a href="dashboard.html">Dashboard</a></li>
<li><a href="login.html">login</a></li>
<li><a href="register.html">register</a></li>
<li><a href="contact.html">contact</a></li>
<li><a href="forget_pwd.html">forget password</a></li>
<li><a href="profile.html">profile</a></li>
<li><a href="checkout.html">checkout</a></li>
<li><a href="order-success.html">order success</a></li>
<li><a href="order-tracking.html">order tracking<span
class="new-tag">new</span></a></li>
</ul>
</li>
<li>
<a href="#!">portfolio</a>
<ul>
<li><a href="">grid</a>
<ul>
<li><a href="grid-2-col.html">grid
2</a></li>
<li><a href="grid-3-col.html">grid
3</a></li>
<li><a href="grid-4-col.html">grid
4</a></li>
</ul>
</li>
<li><a href="">masonry</a>
<ul>
<li><a href="masonary-2-grid.html">grid 2</a></li>
<li><a href="masonary-3-grid.html">grid 3</a></li>
<li><a href="masonary-4-grid.html">grid 4</a></li>
<li><a href="masonary-fullwidth.html">full width</a>
</li>
</ul>
</li>
</ul>
</li>
<li><a href="about-page.html">about us</a></li>
<li><a href="search.html">search</a></li>
<li><a href="review.html">review</a>
</li>
<li>
<a href="#!">compare</a>
<ul>
<li><a href="compare.html">compare</a></li>
<li><a href="compare-2.html">compare-2</a></li>
</ul>
</li>
<li><a href="collection.html">collection</a></li>
<li><a href="lookbook.html">lookbook</a></li>
<li><a href="sitemap.html">site map</a>
</li>
<li><a href="404.html">404</a></li>
<li><a href="coming-soon.html">coming soon</a></li>
<li><a href="faq.html">FAQ</a></li>
</ul>
</li>
<li>
<a href="#!">blog</a>
<ul>
<li><a href="blog-page.html">left sidebar</a></li>
<li><a href="blog(right-sidebar).html">right sidebar</a></li>
<li><a href="blog(no-sidebar).html">no sidebar</a></li>
<li><a href="blog-details.html">blog details</a></li>
</ul>
</li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</div>
</header>
<header class="header-5 text-light-header">
<div class="mobile-fix-option"></div>
<div class="container">
<div class="row">
<div class="col-sm-12">
<div class="main-menu">
<div class="menu-left">
<div class="brand-logo">
<a href="index.html"> <img src="/assets/images/furniture-3/logo.png"
class="img-fluid blur-up lazyload" alt=""></a>
</div>
</div>
<div class="menu-right pull-right">
<div>
<nav id="main-nav">
<div class="toggle-nav"><i class="ri-bar-chart-horizontal-line sidebar-bar"></i>
</div>
<ul id="main-menu" class="sm pixelstrap sm-horizontal">
<li class="mobile-box">
<div class="mobile-back text-end">Menu<i class="ri-close-line"></i></div>
</li>
<li><a href="index.html">Home</a></li>
<li class="mega hover-cls">
<a href="#!">feature <div class="lable-nav">new</div></a>
<ul class="mega-menu full-mega-menu">
<li>
<div class="container">
<div class="row g-xl-4 g-0">
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>invoice template</h5>
</div>
<div class="menu-content">
<ul>
<li><a target="_blank"
href="invoice-1.html">invoice
1</a></li>
<li><a target="_blank"
href="invoice-2.html">invoice
2</a></li>
<li><a target="_blank"
href="invoice-3.html">invoice
3</a></li>
<li><a target="_blank"
href="invoice-4.html">invoice
4</a></li>
<li><a target="_blank"
href="invoice-5.html">invoice
5</a></li>
</ul>
</div>
<div class="menu-title">
<h5>elements</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="elements.html">
elements page<i
class="ms-2 fa fa-bolt icon-trend"></i>
</a></li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>email template</h5>
</div>
<div class="menu-content">
<ul>
<li><a target="_blank"
href="../email-template/welcome.html">welcome</a>
</li>
<li><a target="_blank"
href="../email-template/new-product-announcement.html">announcement</a>
</li>
<li><a target="_blank"
href="../email-template/abandonment-email.html">abandonment</a>
</li>
<li><a target="_blank"
href="../email-template/offer.html">offer</a>
</li>
<li><a target="_blank"
href="../email-template/offer-2.html">offer
2</a></li>
<li><a target="_blank"
href="../email-template/product-review.html">review</a>
</li>
<li><a target="_blank"
href="../email-template/featured-products.html">featured
product</a></li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>email template</h5>
</div>
<div class="menu-content">
<ul>
<li><a target="_blank"
href="../email-template/black-friday.html">black
friday</a></li>
<li><a target="_blank"
href="../email-template/christmas.html">christmas</a>
</li>
<li><a target="_blank"
href="../email-template/cyber-monday.html">cyber-monday</a>
</li>
<li><a target="_blank"
href="../email-template/flash-sale.html">flash
sale</a></li>
<li><a target="_blank"
href="../email-template/email-order-success.html">order
success</a></li>
<li><a target="_blank"
href="../email-template/email-order-success-two.html">order
success 2</a></li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>cookie bar</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="index.html">bottom<i
class="ms-2 fa fa-bolt icon-trend"></i></a>
</li>
<li><a href="fashion-4.html">bottom left</a>
</li>
<li><a href="bicycle.html">bottom right</a>
</li>
</ul>
</div>
<div class="menu-title">
<h5>search</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="marketplace-demo-2.html">ajax
search<i
class="ms-2 fa fa-bolt icon-trend"></i></a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>model</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="index.html">Newsletter</a></li>
<li><a href="index.html">exit<i
class="ms-2 fa fa-bolt icon-trend"></i></a>
</li>
<li><a href="christmas.html">christmas</a>
</li>
<li><a href="furniture-3.html">black
friday</a></li>
<li><a href="fashion-4.html">cyber
monday</a></li>
<li><a href="marketplace-demo-3.html">new
year</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>add to cart</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="nursery.html">cart modal
popup</a></li>
<li><a href="vegetables.html">qty. counter
<i
class="fa fa-bolt icon-trend"></i></a>
</li>
<li><a href="bags.html">cart top</a></li>
<li><a href="shoes.html">cart bottom</a>
</li>
<li><a href="watch.html">cart left</a></li>
<li><a href="tools.html">cart right</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<img src="/assets/images/menu-banner.jpg"
class="img-fluid mega-img d-xl-block d-none">
</div>
</div>
</div>
</li>
</ul>
</li>
<li>
<a href="#!">shop</a>
<ul>
<li>
<a href="category-page(vegetables).html">tab style<span
class="new-tag">new</span></a>
</li>
<li>
<a href="category-page(top-filter).html">top filter</a>
</li>
<li>
<a href="category-page(modern).html">modern</a>
</li>
<li>
<a href="category-page.html">left sidebar</a>
</li>
<li>
<a href="category-page(right).html">right sidebar</a>
</li>
<li>
<a href="category-page(no-sidebar).html">no sidebar</a>
</li>
<li>
<a href="category-page(category-slider).html">Category Slider</a>
</li>
<li>
<a href="category-page(sidebar-popup).html">sidebar popup</a>
</li>
<li>
<a href="category-page(metro).html">metro</a>
</li>
<li>
<a href="category-page(full-width).html">full width</a>
</li>
<li>
<a href="category-page(load-more).html">load more</a>
</li>
<li>
<a href=category-page(2-grid).html>two grid</a>
</li>
<li>
<a href=category-page(3-grid).html>three grid</a>
</li>
<li>
<a href="category-page(4-grid).html">four grid</a>
</li>
<li>
<a href="category-page(list-view).html">list view</a>
</li>
</ul>
</li>
<li class="mega hover-cls">
<a href="#!">product</a>
<ul class="mega-menu full-mega-menu">
<li>
<div class="container">
<div class="row g-xl-4 g-0">
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>Product Page</h5>
</div>
<div class="menu-content">
<ul>
<li>
<a href="product-page(thumbnail).html">Product
Thumbnail</a>
</li>
<li>
<a href="product-page(4-image).html">Product
Image</a>
</li>
<li>
<a href="product-page(slider).html">Product
Slider</a>
</li>
<li>
<a href="product-page(accordian).html">Product
Accordion</a>
</li>
<li>
<a href="product-page(sticky).html">Product
Sticky</a>
</li>
<li>
<a
href="product-page(vertical-tab).html">Product
Vertical Tab</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>Product Page</h5>
</div>
<div class="menu-content">
<ul>
<li>
<a
href="product-page(left-sidebar).html">Product
Sidebar Left</a>
</li>
<li>
<a
href="product-page(right-sidebar).html">Product
Sidebar Right</a>
</li>
<li>
<a href="product-page(no-sidebar).html">Product
No Sidebar</a>
</li>
<li>
<a href="product-page(accordian).html">Product
Column Thumbnail</a>
</li>
<li>
<a
href="product-page(image-outside).html">Product
Thumbnail Image Outside</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>Product Variants Style</h5>
</div>
<div class="menu-content">
<ul>
<li>
<a href="product-page(3-column).html">Variant
Rectangle</a>
</li>
<li>
<a href="product-page(360-view).html">Variant
Circle</a>
</li>
<li>
<a href="product-page(accordian).html">Variant
Image Swatch</a>
</li>
<li>
<a href="product-page(3-column).html">Variant
Color</a>
</li>
<li>
<a
href="product-page(vertical-tab).html">Variant
Radio Button</a>
</li>
<li>
<a href="product-page(sticky).html">Variant
Dropdown</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>Product Features</h5>
</div>
<div class="menu-content">
<ul>
<li>
<a href="product-page(accordian).html">Product
Simple</a>
</li>
<li>
<a
href="product-page(left-sidebar).html">Product
Classified</a>
</li>
<li>
<a href="product-page(no-sidebar).html">Size
Chart</a>
</li>
<li>
<a href="product-page(no-sidebar).html">Delivery
& Return</a>
</li>
<li>
<a href="product-page(no-sidebar).html">Product
Review</a>
</li>
<li>
<a href="product-page(no-sidebar).html">Ask
an Expert</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>Product Features</h5>
</div>
<div class="menu-content">
<ul>
<li>
<a href="product-page(bundle).html">Bundle
(Cross Sale)</a>
</li>
<li>
<a href="product-page(accordian).html">Hot
Stock
Progress</a>
</li>
<li>
<a href="product-page(accordian).html">Out
Stock</a>
</li>
<li>
<a href="product-page(thumbnail).html">Sale
Countdown</a>
</li>
<li>
<a href="product-page(thumbnail).html">Product
Zoom</a>
</li>
<li>
<a href="product-page(360-view).html">Product
360 View</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>Product Features</h5>
</div>
<div class="menu-content">
<ul>
<li>
<a href="product-page(accordian).html">Sticky
Checkout</a>
</li>
<li>
<a href="product-page(accordian).html">Secure
Checkout</a>
</li>
<li>
<a
href="product-page(vertical-tab).html">Social
Share</a>
</li>
<li>
<a href="product-page(thumbnail).html">Related
Products</a>
</li>
<li>
<a
href="product-page(right-sidebar).html">Wishlist
& Compare</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<img src="/assets/images/menu-banner.jpg"
class="img-fluid mega-img d-xl-block d-none">
</div>
</div>
</div>
</li>
</ul>
</li>
<li><a href="#!">pages</a>
<ul>
<li>
<a href="#!">vendor</a>
<ul>
<li><a href="vendor-dashboard.html">vendor dashboard</a>
</li>
<li><a href="vendor-profile.html">vendor profile</a></li>
<li><a href="become-vendor.html">become vendor</a></li>
</ul>
</li>
<li>
<a href="#!">account</a>
<ul>
<li><a href="wishlist.html">wishlist</a></li>
<li><a href="cart.html">cart</a></li>
<li><a href="dashboard.html">Dashboard</a></li>
<li><a href="login.html">login</a></li>
<li><a href="register.html">register</a></li>
<li><a href="contact.html">contact</a></li>
<li><a href="forget_pwd.html">forget password</a></li>
<li><a href="profile.html">profile</a></li>
<li><a href="checkout.html">checkout</a></li>
<li><a href="order-success.html">order success</a></li>
<li><a href="order-tracking.html">order tracking<span
class="new-tag">new</span></a></li>
</ul>
</li>
<li>
<a href="#!">portfolio</a>
<ul>
<li><a href="">grid</a>
<ul>
<li><a href="grid-2-col.html">grid
2</a></li>
<li><a href="grid-3-col.html">grid
3</a></li>
<li><a href="grid-4-col.html">grid
4</a></li>
</ul>
</li>
<li><a href="">masonry</a>
<ul>
<li><a href="masonary-2-grid.html">grid 2</a></li>
<li><a href="masonary-3-grid.html">grid 3</a></li>
<li><a href="masonary-4-grid.html">grid 4</a></li>
<li><a href="masonary-fullwidth.html">full width</a>
</li>
</ul>
</li>
</ul>
</li>
<li><a href="about-page.html">about us</a></li>
<li><a href="search.html">search</a></li>
<li><a href="review.html">review</a>
</li>
<li>
<a href="#!">compare</a>
<ul>
<li><a href="compare.html">compare</a></li>
<li><a href="compare-2.html">compare-2</a></li>
</ul>
</li>
<li><a href="collection.html">collection</a></li>
<li><a href="lookbook.html">lookbook</a></li>
<li><a href="sitemap.html">site map</a>
</li>
<li><a href="404.html">404</a></li>
<li><a href="coming-soon.html">coming soon</a></li>
<li><a href="faq.html">FAQ</a></li>
</ul>
</li>
<li>
<a href="#!">blog</a>
<ul>
<li><a href="blog-page.html">left sidebar</a></li>
<li><a href="blog(right-sidebar).html">right sidebar</a></li>
<li><a href="blog(no-sidebar).html">no sidebar</a></li>
<li><a href="blog-details.html">blog details</a></li>
</ul>
</li>
</ul>
</nav>
</div>
<div class="top-header">
<ul class="header-dropdown">
<li class="mobile-wishlist"><a href="#">
<i class="ri-heart-line"></i> </a></li>
<li class="onhover-dropdown mobile-account">
<i class="ri-user-6-line"></i>
<ul class="onhover-show-div">
<li>
<a href="#" data-lng="en">
Login
</a>
</li>
<li>
<a href="#" data-lng="es">
Logout
</a>
</li>
</ul>
</li>
</ul>
</div>
<div>
<div class="icon-nav">
<ul>
<li class="onhover-div mobile-search">
<div data-bs-toggle="modal" data-bs-target="#searchModal">
<i class="ri-search-line"></i>
</div>
</li>
<li class="onhover-div mobile-setting">
<div>
<i class="ri-equalizer-2-line"></i>
</div>
<div class="show-div setting">
<h6>language</h6>
<ul>
<li><a href="#">english</a> </li>
<li><a href="#">french</a> </li>
</ul>
<h6>currency</h6>
<ul class="list-inline">
<li><a href="#">euro</a> </li>
<li><a href="#">rupees</a> </li>
<li><a href="#">pound</a> </li>
<li><a href="#">doller</a> </li>
</ul>
</div>
</li>
<li class="onhover-div mobile-cart">
<div data-bs-toggle="offcanvas" data-bs-target="#cartOffcanvas">
<i class="ri-shopping-cart-line"></i>
</div>
<span class="cart_qty_cls">2</span>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<header class="header-tools header-style">
<div class="mobile-fix-option"></div>
<div class="logo-menu-part">
<div class="container border-bottom-0">
<div class="row">
<div class="col-sm-12">
<div class="main-menu">
<div class="menu-left">
<div class="brand-logo">
<a href="index.html"> <img src="/assets/images/bicycle/logo.png"
class="img-fluid blur-up lazyload" alt=""></a>
</div>
</div>
<div class="menu-right pull-right">
<div>
<nav id="main-nav">
<div class="toggle-nav"><i class="ri-bar-chart-horizontal-line sidebar-bar"></i>
</div>
<ul id="main-menu" class="sm pixelstrap sm-horizontal">
<li class="mobile-box">
<div class="mobile-back text-end">Menu<i class="ri-close-line"></i>
</div>
</li>
<li><a href="index.html">Home</a></li>
<li class="mega hover-cls">
<a href="#!">feature <div class="lable-nav">new</div></a>
<ul class="mega-menu full-mega-menu">
<li>
<div class="container">
<div class="row g-xl-4 g-0">
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>invoice template</h5>
</div>
<div class="menu-content">
<ul>
<li><a target="_blank"
href="invoice-1.html">invoice
1</a></li>
<li><a target="_blank"
href="invoice-2.html">invoice
2</a></li>
<li><a target="_blank"
href="invoice-3.html">invoice
3</a></li>
<li><a target="_blank"
href="invoice-4.html">invoice
4</a></li>
<li><a target="_blank"
href="invoice-5.html">invoice
5</a></li>
</ul>
</div>
<div class="menu-title">
<h5>elements</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="elements.html">
elements page<i
class="ms-2 fa fa-bolt icon-trend"></i>
</a></li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>email template</h5>
</div>
<div class="menu-content">
<ul>
<li><a target="_blank"
href="../email-template/welcome.html">welcome</a>
</li>
<li><a target="_blank"
href="../email-template/new-product-announcement.html">announcement</a>
</li>
<li><a target="_blank"
href="../email-template/abandonment-email.html">abandonment</a>
</li>
<li><a target="_blank"
href="../email-template/offer.html">offer</a>
</li>
<li><a target="_blank"
href="../email-template/offer-2.html">offer
2</a></li>
<li><a target="_blank"
href="../email-template/product-review.html">review</a>
</li>
<li><a target="_blank"
href="../email-template/featured-products.html">featured
product</a></li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>email template</h5>
</div>
<div class="menu-content">
<ul>
<li><a target="_blank"
href="../email-template/black-friday.html">black
friday</a></li>
<li><a target="_blank"
href="../email-template/christmas.html">christmas</a>
</li>
<li><a target="_blank"
href="../email-template/cyber-monday.html">cyber-monday</a>
</li>
<li><a target="_blank"
href="../email-template/flash-sale.html">flash
sale</a></li>
<li><a target="_blank"
href="../email-template/email-order-success.html">order
success</a></li>
<li><a target="_blank"
href="../email-template/email-order-success-two.html">order
success 2</a></li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>cookie bar</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="index.html">bottom<i
class="ms-2 fa fa-bolt icon-trend"></i></a>
</li>
<li><a href="fashion-4.html">bottom
left</a>
</li>
<li><a href="bicycle.html">bottom
right</a>
</li>
</ul>
</div>
<div class="menu-title">
<h5>search</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="marketplace-demo-2.html">ajax
search<i
class="ms-2 fa fa-bolt icon-trend"></i></a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>model</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="index.html">Newsletter</a>
</li>
<li><a href="index.html">exit<i
class="ms-2 fa fa-bolt icon-trend"></i></a>
</li>
<li><a
href="christmas.html">christmas</a>
</li>
<li><a href="furniture-3.html">black
friday</a></li>
<li><a href="fashion-4.html">cyber
monday</a></li>
<li><a href="marketplace-demo-3.html">new
year</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>add to cart</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="nursery.html">cart modal
popup</a></li>
<li><a href="vegetables.html">qty.
counter
<i
class="fa fa-bolt icon-trend"></i></a>
</li>
<li><a href="bags.html">cart top</a>
</li>
<li><a href="shoes.html">cart bottom</a>
</li>
<li><a href="watch.html">cart left</a>
</li>
<li><a href="tools.html">cart right</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<img src="/assets/images/menu-banner.jpg"
class="img-fluid mega-img d-xl-block d-none">
</div>
</div>
</div>
</li>
</ul>
</li>
<li>
<a href="#!">shop</a>
<ul>
<li>
<a href="category-page(vegetables).html">tab style<span
class="new-tag">new</span></a>
</li>
<li>
<a href="category-page(top-filter).html">top filter</a>
</li>
<li>
<a href="category-page(modern).html">modern</a>
</li>
<li>
<a href="category-page.html">left sidebar</a>
</li>
<li>
<a href="category-page(right).html">right sidebar</a>
</li>
<li>
<a href="category-page(no-sidebar).html">no sidebar</a>
</li>
<li>
<a href="category-page(category-slider).html">Category
Slider</a>
</li>
<li>
<a href="category-page(sidebar-popup).html">sidebar popup</a>
</li>
<li>
<a href="category-page(metro).html">metro</a>
</li>
<li>
<a href="category-page(full-width).html">full width</a>
</li>
<li>
<a href="category-page(load-more).html">load more</a>
</li>
<li>
<a href=category-page(2-grid).html>two grid</a>
</li>
<li>
<a href=category-page(3-grid).html>three grid</a>
</li>
<li>
<a href="category-page(4-grid).html">four grid</a>
</li>
<li>
<a href="category-page(list-view).html">list view</a>
</li>
</ul>
</li>
<li class="mega hover-cls">
<a href="#!">product</a>
<ul class="mega-menu full-mega-menu">
<li>
<div class="container">
<div class="row g-xl-4 g-0">
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>Product Page</h5>
</div>
<div class="menu-content">
<ul>
<li>
<a
href="product-page(thumbnail).html">Product
Thumbnail</a>
</li>
<li>
<a
href="product-page(4-image).html">Product
Image</a>
</li>
<li>
<a href="product-page(slider).html">Product
Slider</a>
</li>
<li>
<a
href="product-page(accordian).html">Product
Accordion</a>
</li>
<li>
<a href="product-page(sticky).html">Product
Sticky</a>
</li>
<li>
<a
href="product-page(vertical-tab).html">Product
Vertical Tab</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>Product Page</h5>
</div>
<div class="menu-content">
<ul>
<li>
<a
href="product-page(left-sidebar).html">Product
Sidebar Left</a>
</li>
<li>
<a
href="product-page(right-sidebar).html">Product
Sidebar Right</a>
</li>
<li>
<a
href="product-page(no-sidebar).html">Product
No Sidebar</a>
</li>
<li>
<a
href="product-page(accordian).html">Product
Column Thumbnail</a>
</li>
<li>
<a
href="product-page(image-outside).html">Product
Thumbnail Image Outside</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>Product Variants Style</h5>
</div>
<div class="menu-content">
<ul>
<li>
<a
href="product-page(3-column).html">Variant
Rectangle</a>
</li>
<li>
<a
href="product-page(360-view).html">Variant
Circle</a>
</li>
<li>
<a
href="product-page(accordian).html">Variant
Image Swatch</a>
</li>
<li>
<a
href="product-page(3-column).html">Variant
Color</a>
</li>
<li>
<a
href="product-page(vertical-tab).html">Variant
Radio Button</a>
</li>
<li>
<a href="product-page(sticky).html">Variant
Dropdown</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>Product Features</h5>
</div>
<div class="menu-content">
<ul>
<li>
<a
href="product-page(accordian).html">Product
Simple</a>
</li>
<li>
<a
href="product-page(left-sidebar).html">Product
Classified</a>
</li>
<li>
<a
href="product-page(no-sidebar).html">Size
Chart</a>
</li>
<li>
<a
href="product-page(no-sidebar).html">Delivery
& Return</a>
</li>
<li>
<a
href="product-page(no-sidebar).html">Product
Review</a>
</li>
<li>
<a
href="product-page(no-sidebar).html">Ask
an Expert</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>Product Features</h5>
</div>
<div class="menu-content">
<ul>
<li>
<a href="product-page(bundle).html">Bundle
(Cross Sale)</a>
</li>
<li>
<a
href="product-page(accordian).html">Hot
Stock
Progress</a>
</li>
<li>
<a
href="product-page(accordian).html">Out
Stock</a>
</li>
<li>
<a
href="product-page(thumbnail).html">Sale
Countdown</a>
</li>
<li>
<a
href="product-page(thumbnail).html">Product
Zoom</a>
</li>
<li>
<a
href="product-page(360-view).html">Product
360 View</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>Product Features</h5>
</div>
<div class="menu-content">
<ul>
<li>
<a
href="product-page(accordian).html">Sticky
Checkout</a>
</li>
<li>
<a
href="product-page(accordian).html">Secure
Checkout</a>
</li>
<li>
<a
href="product-page(vertical-tab).html">Social
Share</a>
</li>
<li>
<a
href="product-page(thumbnail).html">Related
Products</a>
</li>
<li>
<a
href="product-page(right-sidebar).html">Wishlist
& Compare</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<img src="/assets/images/menu-banner.jpg"
class="img-fluid mega-img d-xl-block d-none">
</div>
</div>
</div>
</li>
</ul>
</li>
<li><a href="#!">pages</a>
<ul>
<li>
<a href="#!">vendor</a>
<ul>
<li><a href="vendor-dashboard.html">vendor dashboard</a>
</li>
<li><a href="vendor-profile.html">vendor profile</a></li>
<li><a href="become-vendor.html">become vendor</a></li>
</ul>
</li>
<li>
<a href="#!">account</a>
<ul>
<li><a href="wishlist.html">wishlist</a></li>
<li><a href="cart.html">cart</a></li>
<li><a href="dashboard.html">Dashboard</a></li>
<li><a href="login.html">login</a></li>
<li><a href="register.html">register</a></li>
<li><a href="contact.html">contact</a></li>
<li><a href="forget_pwd.html">forget password</a></li>
<li><a href="profile.html">profile</a></li>
<li><a href="checkout.html">checkout</a></li>
<li><a href="order-success.html">order success</a></li>
<li><a href="order-tracking.html">order tracking<span
class="new-tag">new</span></a></li>
</ul>
</li>
<li>
<a href="#!">portfolio</a>
<ul>
<li><a href="">grid</a>
<ul>
<li><a href="grid-2-col.html">grid
2</a></li>
<li><a href="grid-3-col.html">grid
3</a></li>
<li><a href="grid-4-col.html">grid
4</a></li>
</ul>
</li>
<li><a href="">masonry</a>
<ul>
<li><a href="masonary-2-grid.html">grid 2</a></li>
<li><a href="masonary-3-grid.html">grid 3</a></li>
<li><a href="masonary-4-grid.html">grid 4</a></li>
<li><a href="masonary-fullwidth.html">full width</a>
</li>
</ul>
</li>
</ul>
</li>
<li><a href="about-page.html">about us</a></li>
<li><a href="search.html">search</a></li>
<li><a href="review.html">review</a>
</li>
<li>
<a href="#!">compare</a>
<ul>
<li><a href="compare.html">compare</a></li>
<li><a href="compare-2.html">compare-2</a></li>
</ul>
</li>
<li><a href="collection.html">collection</a></li>
<li><a href="lookbook.html">lookbook</a></li>
<li><a href="sitemap.html">site map</a>
</li>
<li><a href="404.html">404</a></li>
<li><a href="coming-soon.html">coming soon</a></li>
<li><a href="faq.html">FAQ</a></li>
</ul>
</li>
<li>
<a href="#!">blog</a>
<ul>
<li><a href="blog-page.html">left sidebar</a></li>
<li><a href="blog(right-sidebar).html">right sidebar</a></li>
<li><a href="blog(no-sidebar).html">no sidebar</a></li>
<li><a href="blog-details.html">blog details</a></li>
</ul>
</li>
</ul>
</nav>
</div>
<div class="top-header">
<ul class="header-dropdown">
<li class="mobile-wishlist"><a href="#"><i class="ri-heart-line"></i></a></li>
<li class="onhover-dropdown mobile-account">
<i class="ri-user-line"></i>
<ul class="onhover-show-div">
<li>
<a href="#" data-lng="en">
Login
</a>
</li>
<li>
<a href="#" data-lng="es">
Logout
</a>
</li>
</ul>
</li>
</ul>
</div>
<div>
<div class="icon-nav">
<ul>
<li class="onhover-div mobile-search">
<div data-bs-toggle="modal" data-bs-target="#searchModal">
<i class="ri-search-line"></i>
</div>
</li>
<li class="onhover-div mobile-setting">
<div>
<i class="ri-settings-2-line"></i>
</div>
<div class="show-div setting">
<h6>language</h6>
<ul>
<li><a href="#">english</a> </li>
<li><a href="#">french</a> </li>
</ul>
<h6>currency</h6>
<ul class="list-inline">
<li><a href="#">euro</a> </li>
<li><a href="#">rupees</a> </li>
<li><a href="#">pound</a> </li>
<li><a href="#">doller</a> </li>
</ul>
</div>
</li>
<li class="onhover-div mobile-cart">
<div data-bs-toggle="offcanvas" data-bs-target="#cartOffcanvas">
<i class="ri-shopping-cart-line"></i>
</div>
<span class="cart_qty_cls">2</span>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<header class="header-style-5">
<div class="mobile-fix-option"></div>
<div class="top-header top-header-dark">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="header-contact">
<ul>
<li>Welcome to Our store Multikart</li>
<li><i class="ri-phone-fill"></i>Call Us: 123 - 456 - 7890</li>
</ul>
</div>
</div>
<div class="col-lg-6 text-end">
<ul class="header-dropdown">
<li class="mobile-wishlist"><a href="#"><i class="ri-heart-fill"></i></a>
</li>
<li class="onhover-dropdown mobile-account"> <i class="ri-user-fill"></i>
My Account
<ul class="onhover-show-div">
<li><a href="login.html">Login</a></li>
<li><a href="register.html">register</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-sm-12">
<div class="main-menu">
<div class="menu-left">
<div class="navbar d-block d-xl-none">
<a href="javascript:void(0)">
<div class="bar-style" id="toggle-sidebar-res"><i
class="ri-bar-chart-horizontal-line sidebar-bar"></i>
</div>
</a>
</div>
<div class="brand-logo">
<a href="index.html"><img src="/assets/images/electronics-3/logo.png"
class="img-fluid blur-up lazyload" alt=""></a>
</div>
</div>
<div>
<form class="form_search" role="form">
<input id="query search-autocomplete" type="search"
placeholder="Search any Device or Gadgets..." class="nav-search nav-search-field"
aria-expanded="true">
<button type="submit" name="nav-submit-button" class="btn-search">
<i class="ri-search-line"></i>
</button>
</form>
</div>
<div class="menu-right pull-right">
<nav class="text-start">
<div class="toggle-nav"><i class="ri-bar-chart-horizontal-line sidebar-bar"></i></div>
</nav>
<div>
<div class="icon-nav">
<ul>
<li class="onhover-div d-xl-none d-inline-block mobile-search">
<div data-bs-toggle="modal" data-bs-target="#searchModal">
<i class="ri-search-line"></i>
</div>
</li>
<li class="onhover-div mobile-setting">
<div> <i class="ri-settings-2-line"></i></div>
<div class="show-div setting">
<h6>language</h6>
<ul>
<li><a href="#">english</a></li>
<li><a href="#">french</a></li>
</ul>
<h6>currency</h6>
<ul class="list-inline">
<li><a href="#">euro</a></li>
<li><a href="#">rupees</a></li>
<li><a href="#">pound</a></li>
<li><a href="#">dollar</a></li>
</ul>
</div>
</li>
<li class="onhover-div mobile-cart">
<div data-bs-toggle="offcanvas" data-bs-target="#cartOffcanvas">
<i class="ri-shopping-cart-line"></i>
</div>
<span class="cart_qty_cls">2</span>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bottom-part bottom-light">
<div class="container">
<div class="row">
<div class="col-xl-3">
<div class="category-menu d-none d-xl-block h-100">
<div id="toggle-sidebar" class="toggle-sidebar">
<i class="ri-bar-chart-horizontal-line sidebar-bar"></i>
<h5 class="mb-0">shop by category</h5>
</div>
</div>
<div class="sidenav fixed-sidebar marketplace-sidebar">
<nav>
<div>
<div class="sidebar-back text-start d-xl-none d-block"><i
class="fa fa-angle-left pe-2"></i> Back</div>
</div>
<ul id="sub-menu" class="sm pixelstrap sm-vertical">
<li> <a href="#">TV & Audio</a>
<ul class="mega-menu clothing-menu">
<li>
<div class="row m-0">
<div class="col-xl-4">
<div class="link-section">
<h5>women's fashion</h5>
<ul>
<li><a href="#">dresses</a></li>
<li><a href="#">skirts</a></li>
<li><a href="#">westarn wear</a></li>
<li><a href="#">ethic wear</a></li>
<li><a href="#">sport wear</a></li>
</ul>
<h5>men's fashion</h5>
<ul>
<li><a href="#">sports wear</a></li>
<li><a href="#">western wear</a></li>
<li><a href="#">ethic wear</a></li>
</ul>
</div>
</div>
<div class="col-xl-4">
<div class="link-section">
<h5>accessories</h5>
<ul>
<li><a href="#">fashion jewellery</a></li>
<li><a href="#">caps and hats</a></li>
<li><a href="#">precious jewellery</a></li>
<li><a href="#">necklaces</a></li>
<li><a href="#">earrings</a></li>
<li><a href="#">wrist wear</a></li>
<li><a href="#">ties</a></li>
<li><a href="#">cufflinks</a></li>
<li><a href="#">pockets squares</a></li>
</ul>
</div>
</div>
<div class="col-xl-4">
<a href="#" class="mega-menu-banner"><img
src="/assets/images/mega-menu/fashion.jpg" alt=""
class="img-fluid blur-up lazyload"></a>
</div>
</div>
</li>
</ul>
</li>
<li> <a href="#">air conditioners</a>
<ul>
<li><a href="#">makeup</a></li>
<li><a href="#">skincare</a></li>
<li><a href="#">premium beauty</a></li>
<li> <a href="#">more</a>
<ul>
<li><a href="#">fragrances</a></li>
<li><a href="#">luxury beauty</a></li>
<li><a href="#">hair care</a></li>
<li><a href="#">tools & brushes</a></li>
</ul>
</li>
</ul>
</li>
<li> <a href="#">Refrigerators</a>
<ul>
<li><a href="#">shopper bags</a></li>
<li><a href="#">laptop bags</a></li>
<li><a href="#">clutches</a></li>
<li> <a href="#">purses</a>
<ul>
<li><a href="#">purses</a></li>
<li><a href="#">wallets</a></li>
<li><a href="#">leathers</a></li>
<li><a href="#">satchels</a></li>
</ul>
</li>
</ul>
</li>
<li> <a href="#">Washing Machines</a>
<ul>
<li><a href="#">sport shoes</a></li>
<li><a href="#">formal shoes</a></li>
<li><a href="#">casual shoes</a></li>
</ul>
</li>
<li><a href="#">Kitchen & Home</a></li>
<li><a href="#">Gaming Consoles</a></li>
<li> <a href="#">cameras</a>
<ul>
<li><a href="#">fashion jewellery</a></li>
<li><a href="#">caps and hats</a></li>
<li><a href="#">precious jewellery</a></li>
<li> <a href="#">more..</a>
<ul>
<li><a href="#">necklaces</a></li>
<li><a href="#">earrings</a></li>
<li><a href="#">wrist wear</a></li>
<li> <a href="#">accessories</a>
<ul>
<li><a href="#">ties</a></li>
<li><a href="#">cufflinks</a></li>
<li><a href="#">pockets squares</a></li>
<li><a href="#">helmets</a></li>
<li><a href="#">scarves</a></li>
<li> <a href="#">more...</a>
<ul>
<li><a href="#">accessory gift sets</a></li>
<li><a href="#">travel accessories</a></li>
<li><a href="#">phone cases</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">belts & more</a></li>
<li><a href="#">wearable</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Heating & Cooling</a></li>
<li><a href="#">All accessories </a></li>
<li><a href="#">All Electronics </a></li>
</ul>
</nav>
</div>
</div>
<div class="col-xl-9">
<div class="main-nav-center">
<nav class="text-start">
<ul id="main-menu" class="sm pixelstrap sm-horizontal">
<li class="mobile-box">
<div class="mobile-back text-end">Menu<i class="ri-close-line"></i></div>
</li>
<li><a href="index.html">Home</a></li>
<li class="mega hover-cls">
<a href="#!">feature <div class="lable-nav">new</div></a>
<ul class="mega-menu full-mega-menu">
<li>
<div class="container">
<div class="row g-xl-4 g-0">
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>invoice template</h5>
</div>
<div class="menu-content">
<ul>
<li><a target="_blank"
href="invoice-1.html">invoice
1</a></li>
<li><a target="_blank"
href="invoice-2.html">invoice
2</a></li>
<li><a target="_blank"
href="invoice-3.html">invoice
3</a></li>
<li><a target="_blank"
href="invoice-4.html">invoice
4</a></li>
<li><a target="_blank"
href="invoice-5.html">invoice
5</a></li>
</ul>
</div>
<div class="menu-title">
<h5>elements</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="elements.html">
elements page<i
class="ms-2 fa fa-bolt icon-trend"></i>
</a></li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>email template</h5>
</div>
<div class="menu-content">
<ul>
<li><a target="_blank"
href="../email-template/welcome.html">welcome</a>
</li>
<li><a target="_blank"
href="../email-template/new-product-announcement.html">announcement</a>
</li>
<li><a target="_blank"
href="../email-template/abandonment-email.html">abandonment</a>
</li>
<li><a target="_blank"
href="../email-template/offer.html">offer</a>
</li>
<li><a target="_blank"
href="../email-template/offer-2.html">offer
2</a></li>
<li><a target="_blank"
href="../email-template/product-review.html">review</a>
</li>
<li><a target="_blank"
href="../email-template/featured-products.html">featured
product</a></li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>email template</h5>
</div>
<div class="menu-content">
<ul>
<li><a target="_blank"
href="../email-template/black-friday.html">black
friday</a></li>
<li><a target="_blank"
href="../email-template/christmas.html">christmas</a>
</li>
<li><a target="_blank"
href="../email-template/cyber-monday.html">cyber-monday</a>
</li>
<li><a target="_blank"
href="../email-template/flash-sale.html">flash
sale</a></li>
<li><a target="_blank"
href="../email-template/email-order-success.html">order
success</a></li>
<li><a target="_blank"
href="../email-template/email-order-success-two.html">order
success 2</a></li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>cookie bar</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="index.html">bottom<i
class="ms-2 fa fa-bolt icon-trend"></i></a>
</li>
<li><a href="fashion-4.html">bottom left</a>
</li>
<li><a href="bicycle.html">bottom right</a>
</li>
</ul>
</div>
<div class="menu-title">
<h5>search</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="marketplace-demo-2.html">ajax
search<i
class="ms-2 fa fa-bolt icon-trend"></i></a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>model</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="index.html">Newsletter</a></li>
<li><a href="index.html">exit<i
class="ms-2 fa fa-bolt icon-trend"></i></a>
</li>
<li><a href="christmas.html">christmas</a>
</li>
<li><a href="furniture-3.html">black
friday</a></li>
<li><a href="fashion-4.html">cyber
monday</a></li>
<li><a href="marketplace-demo-3.html">new
year</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>add to cart</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="nursery.html">cart modal
popup</a></li>
<li><a href="vegetables.html">qty. counter
<i
class="fa fa-bolt icon-trend"></i></a>
</li>
<li><a href="bags.html">cart top</a></li>
<li><a href="shoes.html">cart bottom</a>
</li>
<li><a href="watch.html">cart left</a></li>
<li><a href="tools.html">cart right</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<img src="/assets/images/menu-banner.jpg"
class="img-fluid mega-img d-xl-block d-none">
</div>
</div>
</div>
</li>
</ul>
</li>
<li>
<a href="#!">shop</a>
<ul>
<li>
<a href="category-page(vegetables).html">tab style<span
class="new-tag">new</span></a>
</li>
<li>
<a href="category-page(top-filter).html">top filter</a>
</li>
<li>
<a href="category-page(modern).html">modern</a>
</li>
<li>
<a href="category-page.html">left sidebar</a>
</li>
<li>
<a href="category-page(right).html">right sidebar</a>
</li>
<li>
<a href="category-page(no-sidebar).html">no sidebar</a>
</li>
<li>
<a href="category-page(category-slider).html">Category Slider</a>
</li>
<li>
<a href="category-page(sidebar-popup).html">sidebar popup</a>
</li>
<li>
<a href="category-page(metro).html">metro</a>
</li>
<li>
<a href="category-page(full-width).html">full width</a>
</li>
<li>
<a href="category-page(load-more).html">load more</a>
</li>
<li>
<a href=category-page(2-grid).html>two grid</a>
</li>
<li>
<a href=category-page(3-grid).html>three grid</a>
</li>
<li>
<a href="category-page(4-grid).html">four grid</a>
</li>
<li>
<a href="category-page(list-view).html">list view</a>
</li>
</ul>
</li>
<li class="mega hover-cls">
<a href="#!">product</a>
<ul class="mega-menu full-mega-menu">
<li>
<div class="container">
<div class="row g-xl-4 g-0">
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>Product Page</h5>
</div>
<div class="menu-content">
<ul>
<li>
<a href="product-page(thumbnail).html">Product
Thumbnail</a>
</li>
<li>
<a href="product-page(4-image).html">Product
Image</a>
</li>
<li>
<a href="product-page(slider).html">Product
Slider</a>
</li>
<li>
<a href="product-page(accordian).html">Product
Accordion</a>
</li>
<li>
<a href="product-page(sticky).html">Product
Sticky</a>
</li>
<li>
<a href="product-page(vertical-tab).html">Product
Vertical Tab</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>Product Page</h5>
</div>
<div class="menu-content">
<ul>
<li>
<a href="product-page(left-sidebar).html">Product
Sidebar Left</a>
</li>
<li>
<a href="product-page(right-sidebar).html">Product
Sidebar Right</a>
</li>
<li>
<a href="product-page(no-sidebar).html">Product
No Sidebar</a>
</li>
<li>
<a href="product-page(accordian).html">Product
Column Thumbnail</a>
</li>
<li>
<a href="product-page(image-outside).html">Product
Thumbnail Image Outside</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>Product Variants Style</h5>
</div>
<div class="menu-content">
<ul>
<li>
<a href="product-page(3-column).html">Variant
Rectangle</a>
</li>
<li>
<a href="product-page(360-view).html">Variant
Circle</a>
</li>
<li>
<a href="product-page(accordian).html">Variant
Image Swatch</a>
</li>
<li>
<a href="product-page(3-column).html">Variant
Color</a>
</li>
<li>
<a href="product-page(vertical-tab).html">Variant
Radio Button</a>
</li>
<li>
<a href="product-page(sticky).html">Variant
Dropdown</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>Product Features</h5>
</div>
<div class="menu-content">
<ul>
<li>
<a href="product-page(accordian).html">Product
Simple</a>
</li>
<li>
<a href="product-page(left-sidebar).html">Product
Classified</a>
</li>
<li>
<a href="product-page(no-sidebar).html">Size
Chart</a>
</li>
<li>
<a href="product-page(no-sidebar).html">Delivery
& Return</a>
</li>
<li>
<a href="product-page(no-sidebar).html">Product
Review</a>
</li>
<li>
<a href="product-page(no-sidebar).html">Ask
an Expert</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>Product Features</h5>
</div>
<div class="menu-content">
<ul>
<li>
<a href="product-page(bundle).html">Bundle
(Cross Sale)</a>
</li>
<li>
<a href="product-page(accordian).html">Hot
Stock
Progress</a>
</li>
<li>
<a href="product-page(accordian).html">Out
Stock</a>
</li>
<li>
<a href="product-page(thumbnail).html">Sale
Countdown</a>
</li>
<li>
<a href="product-page(thumbnail).html">Product
Zoom</a>
</li>
<li>
<a href="product-page(360-view).html">Product
360 View</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>Product Features</h5>
</div>
<div class="menu-content">
<ul>
<li>
<a href="product-page(accordian).html">Sticky
Checkout</a>
</li>
<li>
<a href="product-page(accordian).html">Secure
Checkout</a>
</li>
<li>
<a href="product-page(vertical-tab).html">Social
Share</a>
</li>
<li>
<a href="product-page(thumbnail).html">Related
Products</a>
</li>
<li>
<a href="product-page(right-sidebar).html">Wishlist
& Compare</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<img src="/assets/images/menu-banner.jpg"
class="img-fluid mega-img d-xl-block d-none">
</div>
</div>
</div>
</li>
</ul>
</li>
<li><a href="#!">pages</a>
<ul>
<li>
<a href="#!">vendor</a>
<ul>
<li><a href="vendor-dashboard.html">vendor dashboard</a>
</li>
<li><a href="vendor-profile.html">vendor profile</a></li>
<li><a href="become-vendor.html">become vendor</a></li>
</ul>
</li>
<li>
<a href="#!">account</a>
<ul>
<li><a href="wishlist.html">wishlist</a></li>
<li><a href="cart.html">cart</a></li>
<li><a href="dashboard.html">Dashboard</a></li>
<li><a href="login.html">login</a></li>
<li><a href="register.html">register</a></li>
<li><a href="contact.html">contact</a></li>
<li><a href="forget_pwd.html">forget password</a></li>
<li><a href="profile.html">profile</a></li>
<li><a href="checkout.html">checkout</a></li>
<li><a href="order-success.html">order success</a></li>
<li><a href="order-tracking.html">order tracking<span
class="new-tag">new</span></a></li>
</ul>
</li>
<li>
<a href="#!">portfolio</a>
<ul>
<li><a href="">grid</a>
<ul>
<li><a href="grid-2-col.html">grid
2</a></li>
<li><a href="grid-3-col.html">grid
3</a></li>
<li><a href="grid-4-col.html">grid
4</a></li>
</ul>
</li>
<li><a href="">masonry</a>
<ul>
<li><a href="masonary-2-grid.html">grid 2</a></li>
<li><a href="masonary-3-grid.html">grid 3</a></li>
<li><a href="masonary-4-grid.html">grid 4</a></li>
<li><a href="masonary-fullwidth.html">full width</a>
</li>
</ul>
</li>
</ul>
</li>
<li><a href="about-page.html">about us</a></li>
<li><a href="search.html">search</a></li>
<li><a href="review.html">review</a>
</li>
<li>
<a href="#!">compare</a>
<ul>
<li><a href="compare.html">compare</a></li>
<li><a href="compare-2.html">compare-2</a></li>
</ul>
</li>
<li><a href="collection.html">collection</a></li>
<li><a href="lookbook.html">lookbook</a></li>
<li><a href="sitemap.html">site map</a>
</li>
<li><a href="404.html">404</a></li>
<li><a href="coming-soon.html">coming soon</a></li>
<li><a href="faq.html">FAQ</a></li>
</ul>
</li>
<li>
<a href="#!">blog</a>
<ul>
<li><a href="blog-page.html">left sidebar</a></li>
<li><a href="blog(right-sidebar).html">right sidebar</a></li>
<li><a href="blog(no-sidebar).html">no sidebar</a></li>
<li><a href="blog-details.html">blog details</a></li>
</ul>
</li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</div>
</header>
<header class="header-style-5 color-style" id="sticky-header">
<div class="mobile-fix-option"></div>
<div class="top-header top-header-theme">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="header-contact">
<ul>
<li>Welcome to Our store Multikart</li>
<li><i class="ri-phone-fill"></i>Call Us: 123 - 456 - 7890</li>
</ul>
</div>
</div>
<div class="col-lg-6">
<div class="header-contact text-end">
<ul>
<li><i class="ri-truck-line"></i>Track Order</li>
<li class="pe-0"><i class="ri-gift-line"></i>Gift Cards</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-sm-12">
<div class="main-menu">
<div class="menu-left">
<div class="navbar d-block d-xl-none">
<a href="javascript:void(0)">
<div class="bar-style" id="toggle-sidebar-res"><i
class="ri-bar-chart-horizontal-line sidebar-bar"></i>
</div>
</a>
</div>
<div class="brand-logo">
<a href="index.html"><img src="/assets/images/marketplace-2/logo.png"
class="img-fluid blur-up lazyload" alt=""></a>
</div>
</div>
<div>
<form class="form_search ajax-search the-basics" role="form">
<input type="search" placeholder="Search any Device or Gadgets..."
class="nav-search nav-search-field typeahead" aria-expanded="true">
<button type="submit" name="nav-submit-button" class="btn-search">
<i class="ri-search-line"></i>
</button>
</form>
</div>
<div class="menu-right pull-right">
<nav class="text-start">
<div class="toggle-nav"><i class="ri-bar-chart-horizontal-line sidebar-bar"></i></div>
</nav>
<div class="top-header d-block">
<ul class="header-dropdown">
<li class="mobile-wishlist"><a href="#"><i class="ri-heart-line"></i></a></li>
<li class="onhover-dropdown mobile-account">
<a href="login.html">
<i class="ri-user-line"></i>
</a>
</li>
</ul>
</div>
<div>
<div class="icon-nav">
<ul>
<li class="onhover-div d-xl-none d-inline-block mobile-search">
<div data-bs-toggle="modal" data-bs-target="#searchModal">
<i class="ri-search-line"></i>
</div>
</li>
<li class="onhover-div mobile-setting">
<div><i class="ri-settings-2-line"></i></div>
<div class="show-div setting">
<h6>language</h6>
<ul>
<li><a href="#">english</a></li>
<li><a href="#">french</a></li>
</ul>
<h6>currency</h6>
<ul class="list-inline">
<li><a href="#">euro</a></li>
<li><a href="#">rupees</a></li>
<li><a href="#">pound</a></li>
<li><a href="#">dollar</a></li>
</ul>
</div>
</li>
<li class="onhover-div mobile-cart">
<div data-bs-toggle="offcanvas" data-bs-target="#cartOffcanvas">
<i class="ri-shopping-cart-line"></i>
</div>
<span class="cart_qty_cls">2</span>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bottom-part">
<div class="container">
<div class="row">
<div class="col-xl-3">
<div class="category-menu d-none d-xl-block h-100">
<div id="toggle-sidebar" class="toggle-sidebar">
<i class="ri-bar-chart-horizontal-line sidebar-bar"></i>
<h5 class="mb-0">shop by category</h5>
</div>
</div>
<div class="sidenav fixed-sidebar marketplace-sidebar">
<nav>
<div>
<div class="sidebar-back text-start d-xl-none d-block"><i
class="fa fa-angle-left pe-2"></i> Back</div>
</div>
<ul id="sub-menu" class="sm pixelstrap sm-vertical">
<li> <a href="#">TV & Audio</a>
<ul class="mega-menu clothing-menu">
<li>
<div class="row m-0">
<div class="col-xl-4">
<div class="link-section">
<h5>women's fashion</h5>
<ul>
<li><a href="#">dresses</a></li>
<li><a href="#">skirts</a></li>
<li><a href="#">westarn wear</a></li>
<li><a href="#">ethic wear</a></li>
<li><a href="#">sport wear</a></li>
</ul>
<h5>men's fashion</h5>
<ul>
<li><a href="#">sports wear</a></li>
<li><a href="#">western wear</a></li>
<li><a href="#">ethic wear</a></li>
</ul>
</div>
</div>
<div class="col-xl-4">
<div class="link-section">
<h5>accessories</h5>
<ul>
<li><a href="#">fashion jewellery</a></li>
<li><a href="#">caps and hats</a></li>
<li><a href="#">precious jewellery</a></li>
<li><a href="#">necklaces</a></li>
<li><a href="#">earrings</a></li>
<li><a href="#">wrist wear</a></li>
<li><a href="#">ties</a></li>
<li><a href="#">cufflinks</a></li>
<li><a href="#">pockets squares</a></li>
</ul>
</div>
</div>
<div class="col-xl-4">
<a href="#" class="mega-menu-banner"><img
src="/assets/images/mega-menu/fashion.jpg" alt=""
class="img-fluid blur-up lazyload"></a>
</div>
</div>
</li>
</ul>
</li>
<li> <a href="#">air conditioners</a>
<ul>
<li><a href="#">makeup</a></li>
<li><a href="#">skincare</a></li>
<li><a href="#">premium beauty</a></li>
<li> <a href="#">more</a>
<ul>
<li><a href="#">fragrances</a></li>
<li><a href="#">luxury beauty</a></li>
<li><a href="#">hair care</a></li>
<li><a href="#">tools & brushes</a></li>
</ul>
</li>
</ul>
</li>
<li> <a href="#">Refrigerators</a>
<ul>
<li><a href="#">shopper bags</a></li>
<li><a href="#">laptop bags</a></li>
<li><a href="#">clutches</a></li>
<li> <a href="#">purses</a>
<ul>
<li><a href="#">purses</a></li>
<li><a href="#">wallets</a></li>
<li><a href="#">leathers</a></li>
<li><a href="#">satchels</a></li>
</ul>
</li>
</ul>
</li>
<li> <a href="#">Washing Machines</a>
<ul>
<li><a href="#">sport shoes</a></li>
<li><a href="#">formal shoes</a></li>
<li><a href="#">casual shoes</a></li>
</ul>
</li>
<li><a href="#">Kitchen & Home</a></li>
<li><a href="#">Gaming Consoles</a></li>
<li> <a href="#">cameras</a>
<ul>
<li><a href="#">fashion jewellery</a></li>
<li><a href="#">caps and hats</a></li>
<li><a href="#">precious jewellery</a></li>
<li> <a href="#">more..</a>
<ul>
<li><a href="#">necklaces</a></li>
<li><a href="#">earrings</a></li>
<li><a href="#">wrist wear</a></li>
<li> <a href="#">accessories</a>
<ul>
<li><a href="#">ties</a></li>
<li><a href="#">cufflinks</a></li>
<li><a href="#">pockets squares</a></li>
<li><a href="#">helmets</a></li>
<li><a href="#">scarves</a></li>
<li> <a href="#">more...</a>
<ul>
<li><a href="#">accessory gift sets</a></li>
<li><a href="#">travel accessories</a></li>
<li><a href="#">phone cases</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">belts & more</a></li>
<li><a href="#">wearable</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Heating & Cooling</a></li>
<li><a href="#">All accessories </a></li>
<li><a href="#">All Electronics </a></li>
</ul>
</nav>
</div>
</div>
<div class="col-xxl-6 col-xl-9 position-unset">
<div class="main-nav-center">
<nav class="text-start">
<ul id="main-menu" class="sm pixelstrap sm-horizontal">
<li class="mobile-box">
<div class="mobile-back text-end">Menu<i class="ri-close-line"></i></div>
</li>
<li><a href="index.html">Home</a></li>
<li class="mega hover-cls">
<a href="#!">feature <div class="lable-nav">new</div></a>
<ul class="mega-menu full-mega-menu">
<li>
<div class="container">
<div class="row g-xl-4 g-0">
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>invoice template</h5>
</div>
<div class="menu-content">
<ul>
<li><a target="_blank"
href="invoice-1.html">invoice
1</a></li>
<li><a target="_blank"
href="invoice-2.html">invoice
2</a></li>
<li><a target="_blank"
href="invoice-3.html">invoice
3</a></li>
<li><a target="_blank"
href="invoice-4.html">invoice
4</a></li>
<li><a target="_blank"
href="invoice-5.html">invoice
5</a></li>
</ul>
</div>
<div class="menu-title">
<h5>elements</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="elements.html">
elements page<i
class="ms-2 fa fa-bolt icon-trend"></i>
</a></li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>email template</h5>
</div>
<div class="menu-content">
<ul>
<li><a target="_blank"
href="../email-template/welcome.html">welcome</a>
</li>
<li><a target="_blank"
href="../email-template/new-product-announcement.html">announcement</a>
</li>
<li><a target="_blank"
href="../email-template/abandonment-email.html">abandonment</a>
</li>
<li><a target="_blank"
href="../email-template/offer.html">offer</a>
</li>
<li><a target="_blank"
href="../email-template/offer-2.html">offer
2</a></li>
<li><a target="_blank"
href="../email-template/product-review.html">review</a>
</li>
<li><a target="_blank"
href="../email-template/featured-products.html">featured
product</a></li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>email template</h5>
</div>
<div class="menu-content">
<ul>
<li><a target="_blank"
href="../email-template/black-friday.html">black
friday</a></li>
<li><a target="_blank"
href="../email-template/christmas.html">christmas</a>
</li>
<li><a target="_blank"
href="../email-template/cyber-monday.html">cyber-monday</a>
</li>
<li><a target="_blank"
href="../email-template/flash-sale.html">flash
sale</a></li>
<li><a target="_blank"
href="../email-template/email-order-success.html">order
success</a></li>
<li><a target="_blank"
href="../email-template/email-order-success-two.html">order
success 2</a></li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>cookie bar</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="index.html">bottom<i
class="ms-2 fa fa-bolt icon-trend"></i></a>
</li>
<li><a href="fashion-4.html">bottom left</a>
</li>
<li><a href="bicycle.html">bottom right</a>
</li>
</ul>
</div>
<div class="menu-title">
<h5>search</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="marketplace-demo-2.html">ajax
search<i
class="ms-2 fa fa-bolt icon-trend"></i></a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>model</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="index.html">Newsletter</a></li>
<li><a href="index.html">exit<i
class="ms-2 fa fa-bolt icon-trend"></i></a>
</li>
<li><a href="christmas.html">christmas</a>
</li>
<li><a href="furniture-3.html">black
friday</a></li>
<li><a href="fashion-4.html">cyber
monday</a></li>
<li><a href="marketplace-demo-3.html">new
year</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>add to cart</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="nursery.html">cart modal
popup</a></li>
<li><a href="vegetables.html">qty. counter
<i
class="fa fa-bolt icon-trend"></i></a>
</li>
<li><a href="bags.html">cart top</a></li>
<li><a href="shoes.html">cart bottom</a>
</li>
<li><a href="watch.html">cart left</a></li>
<li><a href="tools.html">cart right</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<img src="/assets/images/menu-banner.jpg"
class="img-fluid mega-img d-xl-block d-none">
</div>
</div>
</div>
</li>
</ul>
</li>
<li>
<a href="#!">shop</a>
<ul>
<li>
<a href="category-page(vegetables).html">tab style<span
class="new-tag">new</span></a>
</li>
<li>
<a href="category-page(top-filter).html">top filter</a>
</li>
<li>
<a href="category-page(modern).html">modern</a>
</li>
<li>
<a href="category-page.html">left sidebar</a>
</li>
<li>
<a href="category-page(right).html">right sidebar</a>
</li>
<li>
<a href="category-page(no-sidebar).html">no sidebar</a>
</li>
<li>
<a href="category-page(category-slider).html">Category Slider</a>
</li>
<li>
<a href="category-page(sidebar-popup).html">sidebar popup</a>
</li>
<li>
<a href="category-page(metro).html">metro</a>
</li>
<li>
<a href="category-page(full-width).html">full width</a>
</li>
<li>
<a href="category-page(load-more).html">load more</a>
</li>
<li>
<a href=category-page(2-grid).html>two grid</a>
</li>
<li>
<a href=category-page(3-grid).html>three grid</a>
</li>
<li>
<a href="category-page(4-grid).html">four grid</a>
</li>
<li>
<a href="category-page(list-view).html">list view</a>
</li>
</ul>
</li>
<li class="mega hover-cls">
<a href="#!">product</a>
<ul class="mega-menu full-mega-menu">
<li>
<div class="container">
<div class="row g-xl-4 g-0">
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>Product Page</h5>
</div>
<div class="menu-content">
<ul>
<li>
<a href="product-page(thumbnail).html">Product
Thumbnail</a>
</li>
<li>
<a href="product-page(4-image).html">Product
Image</a>
</li>
<li>
<a href="product-page(slider).html">Product
Slider</a>
</li>
<li>
<a href="product-page(accordian).html">Product
Accordion</a>
</li>
<li>
<a href="product-page(sticky).html">Product
Sticky</a>
</li>
<li>
<a href="product-page(vertical-tab).html">Product
Vertical Tab</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>Product Page</h5>
</div>
<div class="menu-content">
<ul>
<li>
<a href="product-page(left-sidebar).html">Product
Sidebar Left</a>
</li>
<li>
<a href="product-page(right-sidebar).html">Product
Sidebar Right</a>
</li>
<li>
<a href="product-page(no-sidebar).html">Product
No Sidebar</a>
</li>
<li>
<a href="product-page(accordian).html">Product
Column Thumbnail</a>
</li>
<li>
<a href="product-page(image-outside).html">Product
Thumbnail Image Outside</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>Product Variants Style</h5>
</div>
<div class="menu-content">
<ul>
<li>
<a href="product-page(3-column).html">Variant
Rectangle</a>
</li>
<li>
<a href="product-page(360-view).html">Variant
Circle</a>
</li>
<li>
<a href="product-page(accordian).html">Variant
Image Swatch</a>
</li>
<li>
<a href="product-page(3-column).html">Variant
Color</a>
</li>
<li>
<a href="product-page(vertical-tab).html">Variant
Radio Button</a>
</li>
<li>
<a href="product-page(sticky).html">Variant
Dropdown</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>Product Features</h5>
</div>
<div class="menu-content">
<ul>
<li>
<a href="product-page(accordian).html">Product
Simple</a>
</li>
<li>
<a href="product-page(left-sidebar).html">Product
Classified</a>
</li>
<li>
<a href="product-page(no-sidebar).html">Size
Chart</a>
</li>
<li>
<a href="product-page(no-sidebar).html">Delivery
& Return</a>
</li>
<li>
<a href="product-page(no-sidebar).html">Product
Review</a>
</li>
<li>
<a href="product-page(no-sidebar).html">Ask
an Expert</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>Product Features</h5>
</div>
<div class="menu-content">
<ul>
<li>
<a href="product-page(bundle).html">Bundle
(Cross Sale)</a>
</li>
<li>
<a href="product-page(accordian).html">Hot
Stock
Progress</a>
</li>
<li>
<a href="product-page(accordian).html">Out
Stock</a>
</li>
<li>
<a href="product-page(thumbnail).html">Sale
Countdown</a>
</li>
<li>
<a href="product-page(thumbnail).html">Product
Zoom</a>
</li>
<li>
<a href="product-page(360-view).html">Product
360 View</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>Product Features</h5>
</div>
<div class="menu-content">
<ul>
<li>
<a href="product-page(accordian).html">Sticky
Checkout</a>
</li>
<li>
<a href="product-page(accordian).html">Secure
Checkout</a>
</li>
<li>
<a href="product-page(vertical-tab).html">Social
Share</a>
</li>
<li>
<a href="product-page(thumbnail).html">Related
Products</a>
</li>
<li>
<a href="product-page(right-sidebar).html">Wishlist
& Compare</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<img src="/assets/images/menu-banner.jpg"
class="img-fluid mega-img d-xl-block d-none">
</div>
</div>
</div>
</li>
</ul>
</li>
<li><a href="#!">pages</a>
<ul>
<li>
<a href="#!">vendor</a>
<ul>
<li><a href="vendor-dashboard.html">vendor dashboard</a>
</li>
<li><a href="vendor-profile.html">vendor profile</a></li>
<li><a href="become-vendor.html">become vendor</a></li>
</ul>
</li>
<li>
<a href="#!">account</a>
<ul>
<li><a href="wishlist.html">wishlist</a></li>
<li><a href="cart.html">cart</a></li>
<li><a href="dashboard.html">Dashboard</a></li>
<li><a href="login.html">login</a></li>
<li><a href="register.html">register</a></li>
<li><a href="contact.html">contact</a></li>
<li><a href="forget_pwd.html">forget password</a></li>
<li><a href="profile.html">profile</a></li>
<li><a href="checkout.html">checkout</a></li>
<li><a href="order-success.html">order success</a></li>
<li><a href="order-tracking.html">order tracking<span
class="new-tag">new</span></a></li>
</ul>
</li>
<li>
<a href="#!">portfolio</a>
<ul>
<li><a href="">grid</a>
<ul>
<li><a href="grid-2-col.html">grid
2</a></li>
<li><a href="grid-3-col.html">grid
3</a></li>
<li><a href="grid-4-col.html">grid
4</a></li>
</ul>
</li>
<li><a href="">masonry</a>
<ul>
<li><a href="masonary-2-grid.html">grid 2</a></li>
<li><a href="masonary-3-grid.html">grid 3</a></li>
<li><a href="masonary-4-grid.html">grid 4</a></li>
<li><a href="masonary-fullwidth.html">full width</a>
</li>
</ul>
</li>
</ul>
</li>
<li><a href="about-page.html">about us</a></li>
<li><a href="search.html">search</a></li>
<li><a href="review.html">review</a>
</li>
<li>
<a href="#!">compare</a>
<ul>
<li><a href="compare.html">compare</a></li>
<li><a href="compare-2.html">compare-2</a></li>
</ul>
</li>
<li><a href="collection.html">collection</a></li>
<li><a href="lookbook.html">lookbook</a></li>
<li><a href="sitemap.html">site map</a>
</li>
<li><a href="404.html">404</a></li>
<li><a href="coming-soon.html">coming soon</a></li>
<li><a href="faq.html">FAQ</a></li>
</ul>
</li>
<li>
<a href="#!">blog</a>
<ul>
<li><a href="blog-page.html">left sidebar</a></li>
<li><a href="blog(right-sidebar).html">right sidebar</a></li>
<li><a href="blog(no-sidebar).html">no sidebar</a></li>
<li><a href="blog-details.html">blog details</a></li>
</ul>
</li>
</ul>
</nav>
</div>
</div>
<div class="col-xxl-3 d-none d-xxl-inline-block">
<div class="header-options">
<div class="vertical-slider no-arrow">
<div>
<span><i class="ri-truck-line"></i>Free Shipping on Orders
$100+</span>
</div>
<div>
<span><i class="ri-megaphone-line"></i>Buy One Get Two
Free</span>
</div>
<div>
<span><i class="ri-gift-line"></i>Gift Card for all the
season</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<header class="header-style-5 color-style style-classic" id="sticky-header">
<div class="mobile-fix-option"></div>
<div class="top-header top-header-theme">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="header-contact">
<ul>
<li>Welcome to Our store Multikart</li>
<li><i class="ri-phone-fill"></i>Call Us: 123 - 456 - 7890</li>
</ul>
</div>
</div>
<div class="col-lg-6">
<div class="header-contact text-end">
<ul>
<li><i class="ri-truck-line"></i>Track Order</li>
<li class="pe-0"><i class="ri-gift-line"></i>Gift Cards</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-sm-12">
<div class="main-menu">
<div class="menu-left">
<div class="navbar d-block d-xl-none">
<a href="javascript:void(0)">
<div class="bar-style" id="toggle-sidebar-res"><i
class="ri-bar-chart-horizontal-line sidebar-bar"></i>
</div>
</a>
</div>
<div class="brand-logo">
<a href="index.html"><img src="/assets/images/marketplace-2/logo.png"
class="img-fluid blur-up lazyload" alt=""></a>
</div>
</div>
<div>
<form class="form_search ajax-search the-basics" role="form">
<input type="search" placeholder="Search any Device or Gadgets..."
class="nav-search nav-search-field typeahead" aria-expanded="true">
<button type="submit" name="nav-submit-button" class="btn-search">
<i class="ri-search-line"></i>
</button>
</form>
</div>
<div class="menu-right pull-right">
<nav class="text-start">
<div class="toggle-nav"><i class="ri-bar-chart-horizontal-line sidebar-bar"></i></div>
</nav>
<div class="top-header d-block">
<ul class="header-dropdown">
<li class="mobile-wishlist"><a href="#"><i class="ri-heart-line"></i></a></li>
<li class="onhover-dropdown mobile-account">
<a href="login.html">
<i class="ri-user-line"></i>
</a>
</li>
</ul>
</div>
<div>
<div class="icon-nav">
<ul>
<li class="onhover-div d-xl-none d-inline-block mobile-search">
<div data-bs-toggle="modal" data-bs-target="#searchModal">
<i class="ri-search-line"></i>
</div>
</li>
<li class="onhover-div mobile-setting">
<div><i class="ri-settings-2-line"></i></div>
<div class="show-div setting">
<h6>language</h6>
<ul>
<li><a href="#">english</a></li>
<li><a href="#">french</a></li>
</ul>
<h6>currency</h6>
<ul class="list-inline">
<li><a href="#">euro</a></li>
<li><a href="#">rupees</a></li>
<li><a href="#">pound</a></li>
<li><a href="#">dollar</a></li>
</ul>
</div>
</li>
<li class="onhover-div mobile-cart">
<div data-bs-toggle="offcanvas" data-bs-target="#cartOffcanvas">
<i class="ri-shopping-cart-line"></i>
</div>
<span class="cart_qty_cls">2</span>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bottom-part">
<div class="container">
<div class="row">
<div class="col-xl-3">
<div class="category-menu d-none d-xl-block h-100">
<div id="toggle-sidebar" class="toggle-sidebar">
<i class="ri-bar-chart-horizontal-line sidebar-bar"></i>
<h5 class="mb-0">shop by category</h5>
</div>
</div>
<div class="sidenav fixed-sidebar marketplace-sidebar">
<nav>
<div>
<div class="sidebar-back text-start d-xl-none d-block"><i
class="fa fa-angle-left pe-2"></i> Back</div>
</div>
<ul id="sub-menu" class="sm pixelstrap sm-vertical">
<li> <a href="#">TV & Audio</a>
<ul class="mega-menu clothing-menu">
<li>
<div class="row m-0">
<div class="col-xl-4">
<div class="link-section">
<h5>women's fashion</h5>
<ul>
<li><a href="#">dresses</a></li>
<li><a href="#">skirts</a></li>
<li><a href="#">westarn wear</a></li>
<li><a href="#">ethic wear</a></li>
<li><a href="#">sport wear</a></li>
</ul>
<h5>men's fashion</h5>
<ul>
<li><a href="#">sports wear</a></li>
<li><a href="#">western wear</a></li>
<li><a href="#">ethic wear</a></li>
</ul>
</div>
</div>
<div class="col-xl-4">
<div class="link-section">
<h5>accessories</h5>
<ul>
<li><a href="#">fashion jewellery</a></li>
<li><a href="#">caps and hats</a></li>
<li><a href="#">precious jewellery</a></li>
<li><a href="#">necklaces</a></li>
<li><a href="#">earrings</a></li>
<li><a href="#">wrist wear</a></li>
<li><a href="#">ties</a></li>
<li><a href="#">cufflinks</a></li>
<li><a href="#">pockets squares</a></li>
</ul>
</div>
</div>
<div class="col-xl-4">
<a href="#" class="mega-menu-banner"><img
src="/assets/images/mega-menu/fashion.jpg" alt=""
class="img-fluid blur-up lazyload"></a>
</div>
</div>
</li>
</ul>
</li>
<li> <a href="#">air conditioners</a>
<ul>
<li><a href="#">makeup</a></li>
<li><a href="#">skincare</a></li>
<li><a href="#">premium beauty</a></li>
<li> <a href="#">more</a>
<ul>
<li><a href="#">fragrances</a></li>
<li><a href="#">luxury beauty</a></li>
<li><a href="#">hair care</a></li>
<li><a href="#">tools & brushes</a></li>
</ul>
</li>
</ul>
</li>
<li> <a href="#">Refrigerators</a>
<ul>
<li><a href="#">shopper bags</a></li>
<li><a href="#">laptop bags</a></li>
<li><a href="#">clutches</a></li>
<li> <a href="#">purses</a>
<ul>
<li><a href="#">purses</a></li>
<li><a href="#">wallets</a></li>
<li><a href="#">leathers</a></li>
<li><a href="#">satchels</a></li>
</ul>
</li>
</ul>
</li>
<li> <a href="#">Washing Machines</a>
<ul>
<li><a href="#">sport shoes</a></li>
<li><a href="#">formal shoes</a></li>
<li><a href="#">casual shoes</a></li>
</ul>
</li>
<li><a href="#">Kitchen & Home</a></li>
<li><a href="#">Gaming Consoles</a></li>
<li> <a href="#">cameras</a>
<ul>
<li><a href="#">fashion jewellery</a></li>
<li><a href="#">caps and hats</a></li>
<li><a href="#">precious jewellery</a></li>
<li> <a href="#">more..</a>
<ul>
<li><a href="#">necklaces</a></li>
<li><a href="#">earrings</a></li>
<li><a href="#">wrist wear</a></li>
<li> <a href="#">accessories</a>
<ul>
<li><a href="#">ties</a></li>
<li><a href="#">cufflinks</a></li>
<li><a href="#">pockets squares</a></li>
<li><a href="#">helmets</a></li>
<li><a href="#">scarves</a></li>
<li> <a href="#">more...</a>
<ul>
<li><a href="#">accessory gift sets</a></li>
<li><a href="#">travel accessories</a></li>
<li><a href="#">phone cases</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">belts & more</a></li>
<li><a href="#">wearable</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Heating & Cooling</a></li>
<li><a href="#">All accessories </a></li>
<li><a href="#">All Electronics </a></li>
</ul>
</nav>
</div>
</div>
<div class="col-xl-9">
<div class="main-nav-center">
<nav class="text-start">
<ul id="main-menu" class="sm pixelstrap sm-horizontal">
<li class="mobile-box">
<div class="mobile-back text-end">Menu<i class="ri-close-line"></i></div>
</li>
<li><a href="index.html">Home</a></li>
<li class="mega hover-cls">
<a href="#!">feature <div class="lable-nav">new</div></a>
<ul class="mega-menu full-mega-menu">
<li>
<div class="container">
<div class="row g-xl-4 g-0">
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>invoice template</h5>
</div>
<div class="menu-content">
<ul>
<li><a target="_blank"
href="invoice-1.html">invoice
1</a></li>
<li><a target="_blank"
href="invoice-2.html">invoice
2</a></li>
<li><a target="_blank"
href="invoice-3.html">invoice
3</a></li>
<li><a target="_blank"
href="invoice-4.html">invoice
4</a></li>
<li><a target="_blank"
href="invoice-5.html">invoice
5</a></li>
</ul>
</div>
<div class="menu-title">
<h5>elements</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="elements.html">
elements page<i
class="ms-2 fa fa-bolt icon-trend"></i>
</a></li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>email template</h5>
</div>
<div class="menu-content">
<ul>
<li><a target="_blank"
href="../email-template/welcome.html">welcome</a>
</li>
<li><a target="_blank"
href="../email-template/new-product-announcement.html">announcement</a>
</li>
<li><a target="_blank"
href="../email-template/abandonment-email.html">abandonment</a>
</li>
<li><a target="_blank"
href="../email-template/offer.html">offer</a>
</li>
<li><a target="_blank"
href="../email-template/offer-2.html">offer
2</a></li>
<li><a target="_blank"
href="../email-template/product-review.html">review</a>
</li>
<li><a target="_blank"
href="../email-template/featured-products.html">featured
product</a></li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>email template</h5>
</div>
<div class="menu-content">
<ul>
<li><a target="_blank"
href="../email-template/black-friday.html">black
friday</a></li>
<li><a target="_blank"
href="../email-template/christmas.html">christmas</a>
</li>
<li><a target="_blank"
href="../email-template/cyber-monday.html">cyber-monday</a>
</li>
<li><a target="_blank"
href="../email-template/flash-sale.html">flash
sale</a></li>
<li><a target="_blank"
href="../email-template/email-order-success.html">order
success</a></li>
<li><a target="_blank"
href="../email-template/email-order-success-two.html">order
success 2</a></li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>cookie bar</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="index.html">bottom<i
class="ms-2 fa fa-bolt icon-trend"></i></a>
</li>
<li><a href="fashion-4.html">bottom left</a>
</li>
<li><a href="bicycle.html">bottom right</a>
</li>
</ul>
</div>
<div class="menu-title">
<h5>search</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="marketplace-demo-2.html">ajax
search<i
class="ms-2 fa fa-bolt icon-trend"></i></a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>model</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="index.html">Newsletter</a></li>
<li><a href="index.html">exit<i
class="ms-2 fa fa-bolt icon-trend"></i></a>
</li>
<li><a href="christmas.html">christmas</a>
</li>
<li><a href="furniture-3.html">black
friday</a></li>
<li><a href="fashion-4.html">cyber
monday</a></li>
<li><a href="marketplace-demo-3.html">new
year</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>add to cart</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="nursery.html">cart modal
popup</a></li>
<li><a href="vegetables.html">qty. counter
<i
class="fa fa-bolt icon-trend"></i></a>
</li>
<li><a href="bags.html">cart top</a></li>
<li><a href="shoes.html">cart bottom</a>
</li>
<li><a href="watch.html">cart left</a></li>
<li><a href="tools.html">cart right</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<img src="/assets/images/menu-banner.jpg"
class="img-fluid mega-img d-xl-block d-none">
</div>
</div>
</div>
</li>
</ul>
</li>
<li>
<a href="#!">shop</a>
<ul>
<li>
<a href="category-page(vegetables).html">tab style<span
class="new-tag">new</span></a>
</li>
<li>
<a href="category-page(top-filter).html">top filter</a>
</li>
<li>
<a href="category-page(modern).html">modern</a>
</li>
<li>
<a href="category-page.html">left sidebar</a>
</li>
<li>
<a href="category-page(right).html">right sidebar</a>
</li>
<li>
<a href="category-page(no-sidebar).html">no sidebar</a>
</li>
<li>
<a href="category-page(category-slider).html">Category Slider</a>
</li>
<li>
<a href="category-page(sidebar-popup).html">sidebar popup</a>
</li>
<li>
<a href="category-page(metro).html">metro</a>
</li>
<li>
<a href="category-page(full-width).html">full width</a>
</li>
<li>
<a href="category-page(load-more).html">load more</a>
</li>
<li>
<a href=category-page(2-grid).html>two grid</a>
</li>
<li>
<a href=category-page(3-grid).html>three grid</a>
</li>
<li>
<a href="category-page(4-grid).html">four grid</a>
</li>
<li>
<a href="category-page(list-view).html">list view</a>
</li>
</ul>
</li>
<li class="mega hover-cls">
<a href="#!">product</a>
<ul class="mega-menu full-mega-menu">
<li>
<div class="container">
<div class="row g-xl-4 g-0">
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>Product Page</h5>
</div>
<div class="menu-content">
<ul>
<li>
<a href="product-page(thumbnail).html">Product
Thumbnail</a>
</li>
<li>
<a href="product-page(4-image).html">Product
Image</a>
</li>
<li>
<a href="product-page(slider).html">Product
Slider</a>
</li>
<li>
<a href="product-page(accordian).html">Product
Accordion</a>
</li>
<li>
<a href="product-page(sticky).html">Product
Sticky</a>
</li>
<li>
<a href="product-page(vertical-tab).html">Product
Vertical Tab</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>Product Page</h5>
</div>
<div class="menu-content">
<ul>
<li>
<a href="product-page(left-sidebar).html">Product
Sidebar Left</a>
</li>
<li>
<a href="product-page(right-sidebar).html">Product
Sidebar Right</a>
</li>
<li>
<a href="product-page(no-sidebar).html">Product
No Sidebar</a>
</li>
<li>
<a href="product-page(accordian).html">Product
Column Thumbnail</a>
</li>
<li>
<a href="product-page(image-outside).html">Product
Thumbnail Image Outside</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>Product Variants Style</h5>
</div>
<div class="menu-content">
<ul>
<li>
<a href="product-page(3-column).html">Variant
Rectangle</a>
</li>
<li>
<a href="product-page(360-view).html">Variant
Circle</a>
</li>
<li>
<a href="product-page(accordian).html">Variant
Image Swatch</a>
</li>
<li>
<a href="product-page(3-column).html">Variant
Color</a>
</li>
<li>
<a href="product-page(vertical-tab).html">Variant
Radio Button</a>
</li>
<li>
<a href="product-page(sticky).html">Variant
Dropdown</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>Product Features</h5>
</div>
<div class="menu-content">
<ul>
<li>
<a href="product-page(accordian).html">Product
Simple</a>
</li>
<li>
<a href="product-page(left-sidebar).html">Product
Classified</a>
</li>
<li>
<a href="product-page(no-sidebar).html">Size
Chart</a>
</li>
<li>
<a href="product-page(no-sidebar).html">Delivery
& Return</a>
</li>
<li>
<a href="product-page(no-sidebar).html">Product
Review</a>
</li>
<li>
<a href="product-page(no-sidebar).html">Ask
an Expert</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>Product Features</h5>
</div>
<div class="menu-content">
<ul>
<li>
<a href="product-page(bundle).html">Bundle
(Cross Sale)</a>
</li>
<li>
<a href="product-page(accordian).html">Hot
Stock
Progress</a>
</li>
<li>
<a href="product-page(accordian).html">Out
Stock</a>
</li>
<li>
<a href="product-page(thumbnail).html">Sale
Countdown</a>
</li>
<li>
<a href="product-page(thumbnail).html">Product
Zoom</a>
</li>
<li>
<a href="product-page(360-view).html">Product
360 View</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>Product Features</h5>
</div>
<div class="menu-content">
<ul>
<li>
<a href="product-page(accordian).html">Sticky
Checkout</a>
</li>
<li>
<a href="product-page(accordian).html">Secure
Checkout</a>
</li>
<li>
<a href="product-page(vertical-tab).html">Social
Share</a>
</li>
<li>
<a href="product-page(thumbnail).html">Related
Products</a>
</li>
<li>
<a href="product-page(right-sidebar).html">Wishlist
& Compare</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<img src="/assets/images/menu-banner.jpg"
class="img-fluid mega-img d-xl-block d-none">
</div>
</div>
</div>
</li>
</ul>
</li>
<li><a href="#!">pages</a>
<ul>
<li>
<a href="#!">vendor</a>
<ul>
<li><a href="vendor-dashboard.html">vendor dashboard</a>
</li>
<li><a href="vendor-profile.html">vendor profile</a></li>
<li><a href="become-vendor.html">become vendor</a></li>
</ul>
</li>
<li>
<a href="#!">account</a>
<ul>
<li><a href="wishlist.html">wishlist</a></li>
<li><a href="cart.html">cart</a></li>
<li><a href="dashboard.html">Dashboard</a></li>
<li><a href="login.html">login</a></li>
<li><a href="register.html">register</a></li>
<li><a href="contact.html">contact</a></li>
<li><a href="forget_pwd.html">forget password</a></li>
<li><a href="profile.html">profile</a></li>
<li><a href="checkout.html">checkout</a></li>
<li><a href="order-success.html">order success</a></li>
<li><a href="order-tracking.html">order tracking<span
class="new-tag">new</span></a></li>
</ul>
</li>
<li>
<a href="#!">portfolio</a>
<ul>
<li><a href="">grid</a>
<ul>
<li><a href="grid-2-col.html">grid
2</a></li>
<li><a href="grid-3-col.html">grid
3</a></li>
<li><a href="grid-4-col.html">grid
4</a></li>
</ul>
</li>
<li><a href="">masonry</a>
<ul>
<li><a href="masonary-2-grid.html">grid 2</a></li>
<li><a href="masonary-3-grid.html">grid 3</a></li>
<li><a href="masonary-4-grid.html">grid 4</a></li>
<li><a href="masonary-fullwidth.html">full width</a>
</li>
</ul>
</li>
</ul>
</li>
<li><a href="about-page.html">about us</a></li>
<li><a href="search.html">search</a></li>
<li><a href="review.html">review</a>
</li>
<li>
<a href="#!">compare</a>
<ul>
<li><a href="compare.html">compare</a></li>
<li><a href="compare-2.html">compare-2</a></li>
</ul>
</li>
<li><a href="collection.html">collection</a></li>
<li><a href="lookbook.html">lookbook</a></li>
<li><a href="sitemap.html">site map</a>
</li>
<li><a href="404.html">404</a></li>
<li><a href="coming-soon.html">coming soon</a></li>
<li><a href="faq.html">FAQ</a></li>
</ul>
</li>
<li>
<a href="#!">blog</a>
<ul>
<li><a href="blog-page.html">left sidebar</a></li>
<li><a href="blog(right-sidebar).html">right sidebar</a></li>
<li><a href="blog(no-sidebar).html">no sidebar</a></li>
<li><a href="blog-details.html">blog details</a></li>
</ul>
</li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</div>
</header>
<header class="header-style-5 color-style" id="sticky-header">
<div class="mobile-fix-option"></div>
<div class="top-header top-header-theme">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="header-contact">
<ul>
<li>Welcome to Our store Multikart</li>
<li><i class="ri-phone-fill"></i>Call Us: 123 - 456 - 7890</li>
</ul>
</div>
</div>
<div class="col-lg-6">
<div class="header-contact text-end">
<ul>
<li><i class="ri-truck-line"></i>Track Order</li>
<li class="pe-0"><i class="ri-gift-line"></i>Gift Cards</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-sm-12">
<div class="main-menu">
<div class="menu-left">
<div class="navbar d-block d-xl-none">
<a href="javascript:void(0)">
<div class="bar-style" id="toggle-sidebar-res"><i
class="ri-bar-chart-horizontal-line sidebar-bar"></i>
</div>
</a>
</div>
<div class="brand-logo">
<a href="index.html"><img src="/assets/images/marketplace-2/logo.png"
class="img-fluid blur-up lazyload" alt=""></a>
</div>
</div>
<div>
<form class="form_search ajax-search the-basics" role="form">
<input type="search" placeholder="Search any Device or Gadgets..."
class="nav-search nav-search-field typeahead" aria-expanded="true">
<button type="submit" name="nav-submit-button" class="btn-search">
<i class="ri-search-line"></i>
</button>
</form>
</div>
<div class="menu-right pull-right">
<nav class="text-start">
<div class="toggle-nav"><i class="ri-bar-chart-horizontal-line sidebar-bar"></i></div>
</nav>
<div class="top-header d-block">
<ul class="header-dropdown">
<li class="mobile-wishlist"><a href="#"><i class="ri-heart-line"></i></a></li>
<li class="onhover-dropdown mobile-account">
<a href="login.html">
<i class="ri-user-line"></i>
</a>
</li>
</ul>
</div>
<div>
<div class="icon-nav">
<ul>
<li class="onhover-div d-xl-none d-inline-block mobile-search">
<div data-bs-toggle="modal" data-bs-target="#searchModal">
<i class="ri-search-line"></i>
</div>
</li>
<li class="onhover-div mobile-setting">
<div><i class="ri-settings-2-line"></i></div>
<div class="show-div setting">
<h6>language</h6>
<ul>
<li><a href="#">english</a></li>
<li><a href="#">french</a></li>
</ul>
<h6>currency</h6>
<ul class="list-inline">
<li><a href="#">euro</a></li>
<li><a href="#">rupees</a></li>
<li><a href="#">pound</a></li>
<li><a href="#">dollar</a></li>
</ul>
</div>
</li>
<li class="onhover-div mobile-cart">
<div data-bs-toggle="offcanvas" data-bs-target="#cartOffcanvas">
<i class="ri-shopping-cart-line"></i>
</div>
<span class="cart_qty_cls">2</span>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bottom-part">
<div class="container">
<div class="row">
<div class="col-xl-3">
<div class="category-menu d-none d-xl-block h-100">
<div id="toggle-sidebar" class="toggle-sidebar">
<i class="ri-bar-chart-horizontal-line sidebar-bar"></i>
<h5 class="mb-0">shop by category</h5>
</div>
</div>
<div class="sidenav fixed-sidebar marketplace-sidebar">
<nav>
<div>
<div class="sidebar-back text-start d-xl-none d-block"><i
class="fa fa-angle-left pe-2"></i> Back</div>
</div>
<ul id="sub-menu" class="sm pixelstrap sm-vertical">
<li> <a href="#">TV & Audio</a>
<ul class="mega-menu clothing-menu">
<li>
<div class="row m-0">
<div class="col-xl-4">
<div class="link-section">
<h5>women's fashion</h5>
<ul>
<li><a href="#">dresses</a></li>
<li><a href="#">skirts</a></li>
<li><a href="#">westarn wear</a></li>
<li><a href="#">ethic wear</a></li>
<li><a href="#">sport wear</a></li>
</ul>
<h5>men's fashion</h5>
<ul>
<li><a href="#">sports wear</a></li>
<li><a href="#">western wear</a></li>
<li><a href="#">ethic wear</a></li>
</ul>
</div>
</div>
<div class="col-xl-4">
<div class="link-section">
<h5>accessories</h5>
<ul>
<li><a href="#">fashion jewellery</a></li>
<li><a href="#">caps and hats</a></li>
<li><a href="#">precious jewellery</a></li>
<li><a href="#">necklaces</a></li>
<li><a href="#">earrings</a></li>
<li><a href="#">wrist wear</a></li>
<li><a href="#">ties</a></li>
<li><a href="#">cufflinks</a></li>
<li><a href="#">pockets squares</a></li>
</ul>
</div>
</div>
<div class="col-xl-4">
<a href="#" class="mega-menu-banner"><img
src="/assets/images/mega-menu/fashion.jpg" alt=""
class="img-fluid blur-up lazyload"></a>
</div>
</div>
</li>
</ul>
</li>
<li> <a href="#">air conditioners</a>
<ul>
<li><a href="#">makeup</a></li>
<li><a href="#">skincare</a></li>
<li><a href="#">premium beauty</a></li>
<li> <a href="#">more</a>
<ul>
<li><a href="#">fragrances</a></li>
<li><a href="#">luxury beauty</a></li>
<li><a href="#">hair care</a></li>
<li><a href="#">tools & brushes</a></li>
</ul>
</li>
</ul>
</li>
<li> <a href="#">Refrigerators</a>
<ul>
<li><a href="#">shopper bags</a></li>
<li><a href="#">laptop bags</a></li>
<li><a href="#">clutches</a></li>
<li> <a href="#">purses</a>
<ul>
<li><a href="#">purses</a></li>
<li><a href="#">wallets</a></li>
<li><a href="#">leathers</a></li>
<li><a href="#">satchels</a></li>
</ul>
</li>
</ul>
</li>
<li> <a href="#">Washing Machines</a>
<ul>
<li><a href="#">sport shoes</a></li>
<li><a href="#">formal shoes</a></li>
<li><a href="#">casual shoes</a></li>
</ul>
</li>
<li><a href="#">Kitchen & Home</a></li>
<li><a href="#">Gaming Consoles</a></li>
<li> <a href="#">cameras</a>
<ul>
<li><a href="#">fashion jewellery</a></li>
<li><a href="#">caps and hats</a></li>
<li><a href="#">precious jewellery</a></li>
<li> <a href="#">more..</a>
<ul>
<li><a href="#">necklaces</a></li>
<li><a href="#">earrings</a></li>
<li><a href="#">wrist wear</a></li>
<li> <a href="#">accessories</a>
<ul>
<li><a href="#">ties</a></li>
<li><a href="#">cufflinks</a></li>
<li><a href="#">pockets squares</a></li>
<li><a href="#">helmets</a></li>
<li><a href="#">scarves</a></li>
<li> <a href="#">more...</a>
<ul>
<li><a href="#">accessory gift sets</a></li>
<li><a href="#">travel accessories</a></li>
<li><a href="#">phone cases</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">belts & more</a></li>
<li><a href="#">wearable</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Heating & Cooling</a></li>
<li><a href="#">All accessories </a></li>
<li><a href="#">All Electronics </a></li>
</ul>
</nav>
</div>
</div>
<div class="col-xxl-6 col-xl-9 position-unset">
<div class="main-nav-center">
<nav class="text-start">
<ul id="main-menu" class="sm pixelstrap sm-horizontal">
<li class="mobile-box">
<div class="mobile-back text-end">Menu<i class="ri-close-line"></i></div>
</li>
<li><a href="index.html">Home</a></li>
<li class="mega hover-cls">
<a href="#!">feature <div class="lable-nav">new</div></a>
<ul class="mega-menu full-mega-menu">
<li>
<div class="container">
<div class="row g-xl-4 g-0">
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>invoice template</h5>
</div>
<div class="menu-content">
<ul>
<li><a target="_blank"
href="invoice-1.html">invoice
1</a></li>
<li><a target="_blank"
href="invoice-2.html">invoice
2</a></li>
<li><a target="_blank"
href="invoice-3.html">invoice
3</a></li>
<li><a target="_blank"
href="invoice-4.html">invoice
4</a></li>
<li><a target="_blank"
href="invoice-5.html">invoice
5</a></li>
</ul>
</div>
<div class="menu-title">
<h5>elements</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="elements.html">
elements page<i
class="ms-2 fa fa-bolt icon-trend"></i>
</a></li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>email template</h5>
</div>
<div class="menu-content">
<ul>
<li><a target="_blank"
href="../email-template/welcome.html">welcome</a>
</li>
<li><a target="_blank"
href="../email-template/new-product-announcement.html">announcement</a>
</li>
<li><a target="_blank"
href="../email-template/abandonment-email.html">abandonment</a>
</li>
<li><a target="_blank"
href="../email-template/offer.html">offer</a>
</li>
<li><a target="_blank"
href="../email-template/offer-2.html">offer
2</a></li>
<li><a target="_blank"
href="../email-template/product-review.html">review</a>
</li>
<li><a target="_blank"
href="../email-template/featured-products.html">featured
product</a></li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>email template</h5>
</div>
<div class="menu-content">
<ul>
<li><a target="_blank"
href="../email-template/black-friday.html">black
friday</a></li>
<li><a target="_blank"
href="../email-template/christmas.html">christmas</a>
</li>
<li><a target="_blank"
href="../email-template/cyber-monday.html">cyber-monday</a>
</li>
<li><a target="_blank"
href="../email-template/flash-sale.html">flash
sale</a></li>
<li><a target="_blank"
href="../email-template/email-order-success.html">order
success</a></li>
<li><a target="_blank"
href="../email-template/email-order-success-two.html">order
success 2</a></li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>cookie bar</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="index.html">bottom<i
class="ms-2 fa fa-bolt icon-trend"></i></a>
</li>
<li><a href="fashion-4.html">bottom left</a>
</li>
<li><a href="bicycle.html">bottom right</a>
</li>
</ul>
</div>
<div class="menu-title">
<h5>search</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="marketplace-demo-2.html">ajax
search<i
class="ms-2 fa fa-bolt icon-trend"></i></a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>model</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="index.html">Newsletter</a></li>
<li><a href="index.html">exit<i
class="ms-2 fa fa-bolt icon-trend"></i></a>
</li>
<li><a href="christmas.html">christmas</a>
</li>
<li><a href="furniture-3.html">black
friday</a></li>
<li><a href="fashion-4.html">cyber
monday</a></li>
<li><a href="marketplace-demo-3.html">new
year</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>add to cart</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="nursery.html">cart modal
popup</a></li>
<li><a href="vegetables.html">qty. counter
<i
class="fa fa-bolt icon-trend"></i></a>
</li>
<li><a href="bags.html">cart top</a></li>
<li><a href="shoes.html">cart bottom</a>
</li>
<li><a href="watch.html">cart left</a></li>
<li><a href="tools.html">cart right</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<img src="/assets/images/menu-banner.jpg"
class="img-fluid mega-img d-xl-block d-none">
</div>
</div>
</div>
</li>
</ul>
</li>
<li>
<a href="#!">shop</a>
<ul>
<li>
<a href="category-page(vegetables).html">tab style<span
class="new-tag">new</span></a>
</li>
<li>
<a href="category-page(top-filter).html">top filter</a>
</li>
<li>
<a href="category-page(modern).html">modern</a>
</li>
<li>
<a href="category-page.html">left sidebar</a>
</li>
<li>
<a href="category-page(right).html">right sidebar</a>
</li>
<li>
<a href="category-page(no-sidebar).html">no sidebar</a>
</li>
<li>
<a href="category-page(category-slider).html">Category Slider</a>
</li>
<li>
<a href="category-page(sidebar-popup).html">sidebar popup</a>
</li>
<li>
<a href="category-page(metro).html">metro</a>
</li>
<li>
<a href="category-page(full-width).html">full width</a>
</li>
<li>
<a href="category-page(load-more).html">load more</a>
</li>
<li>
<a href=category-page(2-grid).html>two grid</a>
</li>
<li>
<a href=category-page(3-grid).html>three grid</a>
</li>
<li>
<a href="category-page(4-grid).html">four grid</a>
</li>
<li>
<a href="category-page(list-view).html">list view</a>
</li>
</ul>
</li>
<li class="mega hover-cls">
<a href="#!">product</a>
<ul class="mega-menu full-mega-menu">
<li>
<div class="container">
<div class="row g-xl-4 g-0">
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>Product Page</h5>
</div>
<div class="menu-content">
<ul>
<li>
<a href="product-page(thumbnail).html">Product
Thumbnail</a>
</li>
<li>
<a href="product-page(4-image).html">Product
Image</a>
</li>
<li>
<a href="product-page(slider).html">Product
Slider</a>
</li>
<li>
<a href="product-page(accordian).html">Product
Accordion</a>
</li>
<li>
<a href="product-page(sticky).html">Product
Sticky</a>
</li>
<li>
<a href="product-page(vertical-tab).html">Product
Vertical Tab</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>Product Page</h5>
</div>
<div class="menu-content">
<ul>
<li>
<a href="product-page(left-sidebar).html">Product
Sidebar Left</a>
</li>
<li>
<a href="product-page(right-sidebar).html">Product
Sidebar Right</a>
</li>
<li>
<a href="product-page(no-sidebar).html">Product
No Sidebar</a>
</li>
<li>
<a href="product-page(accordian).html">Product
Column Thumbnail</a>
</li>
<li>
<a href="product-page(image-outside).html">Product
Thumbnail Image Outside</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>Product Variants Style</h5>
</div>
<div class="menu-content">
<ul>
<li>
<a href="product-page(3-column).html">Variant
Rectangle</a>
</li>
<li>
<a href="product-page(360-view).html">Variant
Circle</a>
</li>
<li>
<a href="product-page(accordian).html">Variant
Image Swatch</a>
</li>
<li>
<a href="product-page(3-column).html">Variant
Color</a>
</li>
<li>
<a href="product-page(vertical-tab).html">Variant
Radio Button</a>
</li>
<li>
<a href="product-page(sticky).html">Variant
Dropdown</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>Product Features</h5>
</div>
<div class="menu-content">
<ul>
<li>
<a href="product-page(accordian).html">Product
Simple</a>
</li>
<li>
<a href="product-page(left-sidebar).html">Product
Classified</a>
</li>
<li>
<a href="product-page(no-sidebar).html">Size
Chart</a>
</li>
<li>
<a href="product-page(no-sidebar).html">Delivery
& Return</a>
</li>
<li>
<a href="product-page(no-sidebar).html">Product
Review</a>
</li>
<li>
<a href="product-page(no-sidebar).html">Ask
an Expert</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>Product Features</h5>
</div>
<div class="menu-content">
<ul>
<li>
<a href="product-page(bundle).html">Bundle
(Cross Sale)</a>
</li>
<li>
<a href="product-page(accordian).html">Hot
Stock
Progress</a>
</li>
<li>
<a href="product-page(accordian).html">Out
Stock</a>
</li>
<li>
<a href="product-page(thumbnail).html">Sale
Countdown</a>
</li>
<li>
<a href="product-page(thumbnail).html">Product
Zoom</a>
</li>
<li>
<a href="product-page(360-view).html">Product
360 View</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>Product Features</h5>
</div>
<div class="menu-content">
<ul>
<li>
<a href="product-page(accordian).html">Sticky
Checkout</a>
</li>
<li>
<a href="product-page(accordian).html">Secure
Checkout</a>
</li>
<li>
<a href="product-page(vertical-tab).html">Social
Share</a>
</li>
<li>
<a href="product-page(thumbnail).html">Related
Products</a>
</li>
<li>
<a href="product-page(right-sidebar).html">Wishlist
& Compare</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<img src="/assets/images/menu-banner.jpg"
class="img-fluid mega-img d-xl-block d-none">
</div>
</div>
</div>
</li>
</ul>
</li>
<li><a href="#!">pages</a>
<ul>
<li>
<a href="#!">vendor</a>
<ul>
<li><a href="vendor-dashboard.html">vendor dashboard</a>
</li>
<li><a href="vendor-profile.html">vendor profile</a></li>
<li><a href="become-vendor.html">become vendor</a></li>
</ul>
</li>
<li>
<a href="#!">account</a>
<ul>
<li><a href="wishlist.html">wishlist</a></li>
<li><a href="cart.html">cart</a></li>
<li><a href="dashboard.html">Dashboard</a></li>
<li><a href="login.html">login</a></li>
<li><a href="register.html">register</a></li>
<li><a href="contact.html">contact</a></li>
<li><a href="forget_pwd.html">forget password</a></li>
<li><a href="profile.html">profile</a></li>
<li><a href="checkout.html">checkout</a></li>
<li><a href="order-success.html">order success</a></li>
<li><a href="order-tracking.html">order tracking<span
class="new-tag">new</span></a></li>
</ul>
</li>
<li>
<a href="#!">portfolio</a>
<ul>
<li><a href="">grid</a>
<ul>
<li><a href="grid-2-col.html">grid
2</a></li>
<li><a href="grid-3-col.html">grid
3</a></li>
<li><a href="grid-4-col.html">grid
4</a></li>
</ul>
</li>
<li><a href="">masonry</a>
<ul>
<li><a href="masonary-2-grid.html">grid 2</a></li>
<li><a href="masonary-3-grid.html">grid 3</a></li>
<li><a href="masonary-4-grid.html">grid 4</a></li>
<li><a href="masonary-fullwidth.html">full width</a>
</li>
</ul>
</li>
</ul>
</li>
<li><a href="about-page.html">about us</a></li>
<li><a href="search.html">search</a></li>
<li><a href="review.html">review</a>
</li>
<li>
<a href="#!">compare</a>
<ul>
<li><a href="compare.html">compare</a></li>
<li><a href="compare-2.html">compare-2</a></li>
</ul>
</li>
<li><a href="collection.html">collection</a></li>
<li><a href="lookbook.html">lookbook</a></li>
<li><a href="sitemap.html">site map</a>
</li>
<li><a href="404.html">404</a></li>
<li><a href="coming-soon.html">coming soon</a></li>
<li><a href="faq.html">FAQ</a></li>
</ul>
</li>
<li>
<a href="#!">blog</a>
<ul>
<li><a href="blog-page.html">left sidebar</a></li>
<li><a href="blog(right-sidebar).html">right sidebar</a></li>
<li><a href="blog(no-sidebar).html">no sidebar</a></li>
<li><a href="blog-details.html">blog details</a></li>
</ul>
</li>
</ul>
</nav>
</div>
</div>
<div class="col-xxl-3 d-none d-xxl-inline-block">
<div class="header-options">
<div class="vertical-slider no-arrow">
<div>
<span><i class="ri-truck-line"></i>Free Shipping on Orders
$100+</span>
</div>
<div>
<span><i class="ri-megaphone-line"></i>Buy One Get Two
Free</span>
</div>
<div>
<span><i class="ri-gift-line"></i>Gift Card for all the
season</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<header class="header-style-7">
<div class="container-fluid px-sm-5">
<div class="row">
<div class="col-12">
<div class="main-menu">
<div class="menu-left">
<div class="navbar d-lg-none d-inline-block">
<a href="javascript:void(0)">
<div class="bar-style">
<i class="ri-bar-chart-horizontal-line"></i>
</div>
</a>
</div>
<div class="brand-logo">
<a href="index.html"><img src="/assets/images/icon/logo/37.png"
class="img-fluid blur-up lazyload" alt=""></a>
</div>
</div>
<form class="form_search ms-5" role="form">
<input id="query search-autocomplete" type="search"
placeholder="Search any Device or Gadgets..." class="nav-search nav-search-field"
aria-expanded="true">
<button type="submit" name="nav-submit-button" class="btn-search">
</button>
</form>
<div class="menu-right ms-auto d-flex align-items-center">
<div class="d-flex align-items-center">
<div class="icon-nav">
<ul class="d-flex align-items-center">
<li data-bs-toggle="modal" data-bs-target="#deliveryarea"
class="delivery-area d-xl-none d-inline-flex">
<img src="/assets/images/icon/location-pin.png"
class="img-fluid blur-up lazyload" alt="">
</li>
<li data-bs-toggle="modal" data-bs-target="#deliveryarea"
class="delivery-area d-xl-inline-flex d-none">
<div>
<i class="ri-map-pin-2-fill"></i>
<h6>201 World Way, California</h6>
</div>
</li>
<li class="onhover-div mobile-search d-xl-none">
<div data-bs-toggle="modal" data-bs-target="#searchModal">
<img src="/assets/images/icon/magnifier-zoom.png"
class="img-fluid blur-up lazyload" alt="">
</div>
</li>
<li class="onhover-div mobile-setting">
<div><img src="/assets/images/icon/global.png"
class="img-fluid blur-up lazyload" alt=""></div>
<div class="show-div setting">
<h6>language</h6>
<ul>
<li><a href="#">english</a></li>
<li><a href="#">french</a></li>
</ul>
<h6>currency</h6>
<ul class="list-inline">
<li><a href="#">euro</a></li>
<li><a href="#">rupees</a></li>
<li><a href="#">pound</a></li>
<li><a href="#">dollar</a></li>
</ul>
</div>
</li>
<li class="onhover-div mobile-cart">
<div data-bs-toggle="offcanvas" data-bs-target="#cartOffcanvas">
<img src="/assets/images/icon/trolley.png"
class="img-fluid blur-up lazyload" alt="">
</div>
<span class="cart_qty_cls">2</span>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<header id="sticky-header" class="style-light header-compact">
<div class="mobile-fix-option"></div>
<div class="top-header top-header-theme">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="header-contact">
<ul>
<li>Welcome to Our store Multikart</li>
<li><a href="become-vendor.html" class="text-white fw-bold">Become a Vendor</a></li>
</ul>
</div>
</div>
<div class="col-lg-6 text-end">
<ul class="header-dropdown">
<li class="mobile-wishlist pe-0"><a href="#"><i class="ri-heart-fill"></i></a>
</li>
<li class="onhover-dropdown mobile-account"><i class="ri-user-fill"></i>
My Account
<ul class="onhover-show-div">
<li><a href="login.html">Login</a></li>
<li><a href="register.html">register</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-sm-12">
<div class="main-menu">
<div class="menu-left">
<div class="brand-logo">
<a href="index.html"><img src="/assets/images/vegetables-4/logo.png"
class="img-fluid blur-up lazyload" alt=""></a>
</div>
</div>
<div>
<form class="form_search" role="form">
<input id="query search-autocomplete" type="search"
placeholder="Search any Device or Gadgets..." class="nav-search nav-search-field"
aria-expanded="true">
<button type="submit" name="nav-submit-button" class="btn-search">
<i class="ri-search-line"></i>
</button>
</form>
</div>
<div class="menu-right pull-right">
<div>
<div class="icon-nav">
<ul>
<li class="onhover-div mobile-search">
<div data-bs-toggle="modal" data-bs-target="#searchModal">
<i class="ri-search-line"></i>
</div>
</li>
<li class="onhover-div mobile-setting">
<div><i class="ri-settings-2-line"></i></div>
<div class="show-div setting">
<h6>language</h6>
<ul>
<li><a href="#">english</a></li>
<li><a href="#">french</a></li>
</ul>
<h6>currency</h6>
<ul class="list-inline">
<li><a href="#">euro</a></li>
<li><a href="#">rupees</a></li>
<li><a href="#">pound</a></li>
<li><a href="#">dollar</a></li>
</ul>
</div>
</li>
<li class="onhover-div mobile-cart">
<div data-bs-toggle="offcanvas" data-bs-target="#cartOffcanvas">
<i class="ri-shopping-cart-line"></i>
</div>
<span class="cart_qty_cls">2</span>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bottom-part bottom-light">
<div class="container">
<div class="row">
<div class="col-12 menu-row">
<div data-bs-toggle="modal" data-bs-target="#deliveryarea"
class="delivery-area d-md-flex d-none">
<i data-feather="map-pin"></i>
<div>
<h6>Delivery to</h6>
<h5>400520</h5>
</div>
</div>
<div class="main-nav-center">
<nav id="main-nav" class="text-start">
<div class="toggle-nav"><i class="ri-bar-chart-horizontal-line sidebar-bar"></i></div>
<ul id="main-menu" class="sm pixelstrap sm-horizontal">
<li class="mobile-box">
<div class="mobile-back text-end">Menu<i class="ri-close-line"></i></div>
</li>
<li><a href="index.html">Home</a></li>
<li class="mega hover-cls">
<a href="#!">feature <div class="lable-nav">new</div></a>
<ul class="mega-menu full-mega-menu">
<li>
<div class="container">
<div class="row g-xl-4 g-0">
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>invoice template</h5>
</div>
<div class="menu-content">
<ul>
<li><a target="_blank"
href="invoice-1.html">invoice
1</a></li>
<li><a target="_blank"
href="invoice-2.html">invoice
2</a></li>
<li><a target="_blank"
href="invoice-3.html">invoice
3</a></li>
<li><a target="_blank"
href="invoice-4.html">invoice
4</a></li>
<li><a target="_blank"
href="invoice-5.html">invoice
5</a></li>
</ul>
</div>
<div class="menu-title">
<h5>elements</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="elements.html">
elements page<i
class="ms-2 fa fa-bolt icon-trend"></i>
</a></li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>email template</h5>
</div>
<div class="menu-content">
<ul>
<li><a target="_blank"
href="../email-template/welcome.html">welcome</a>
</li>
<li><a target="_blank"
href="../email-template/new-product-announcement.html">announcement</a>
</li>
<li><a target="_blank"
href="../email-template/abandonment-email.html">abandonment</a>
</li>
<li><a target="_blank"
href="../email-template/offer.html">offer</a>
</li>
<li><a target="_blank"
href="../email-template/offer-2.html">offer
2</a></li>
<li><a target="_blank"
href="../email-template/product-review.html">review</a>
</li>
<li><a target="_blank"
href="../email-template/featured-products.html">featured
product</a></li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>email template</h5>
</div>
<div class="menu-content">
<ul>
<li><a target="_blank"
href="../email-template/black-friday.html">black
friday</a></li>
<li><a target="_blank"
href="../email-template/christmas.html">christmas</a>
</li>
<li><a target="_blank"
href="../email-template/cyber-monday.html">cyber-monday</a>
</li>
<li><a target="_blank"
href="../email-template/flash-sale.html">flash
sale</a></li>
<li><a target="_blank"
href="../email-template/email-order-success.html">order
success</a></li>
<li><a target="_blank"
href="../email-template/email-order-success-two.html">order
success 2</a></li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>cookie bar</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="index.html">bottom<i
class="ms-2 fa fa-bolt icon-trend"></i></a>
</li>
<li><a href="fashion-4.html">bottom left</a>
</li>
<li><a href="bicycle.html">bottom right</a>
</li>
</ul>
</div>
<div class="menu-title">
<h5>search</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="marketplace-demo-2.html">ajax
search<i
class="ms-2 fa fa-bolt icon-trend"></i></a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>model</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="index.html">Newsletter</a></li>
<li><a href="index.html">exit<i
class="ms-2 fa fa-bolt icon-trend"></i></a>
</li>
<li><a href="christmas.html">christmas</a>
</li>
<li><a href="furniture-3.html">black
friday</a></li>
<li><a href="fashion-4.html">cyber
monday</a></li>
<li><a href="marketplace-demo-3.html">new
year</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>add to cart</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="nursery.html">cart modal
popup</a></li>
<li><a href="vegetables.html">qty. counter
<i
class="fa fa-bolt icon-trend"></i></a>
</li>
<li><a href="bags.html">cart top</a></li>
<li><a href="shoes.html">cart bottom</a>
</li>
<li><a href="watch.html">cart left</a></li>
<li><a href="tools.html">cart right</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<img src="/assets/images/menu-banner.jpg"
class="img-fluid mega-img d-xl-block d-none">
</div>
</div>
</div>
</li>
</ul>
</li>
<li>
<a href="#!">shop</a>
<ul>
<li>
<a href="category-page(vegetables).html">tab style<span
class="new-tag">new</span></a>
</li>
<li>
<a href="category-page(top-filter).html">top filter</a>
</li>
<li>
<a href="category-page(modern).html">modern</a>
</li>
<li>
<a href="category-page.html">left sidebar</a>
</li>
<li>
<a href="category-page(right).html">right sidebar</a>
</li>
<li>
<a href="category-page(no-sidebar).html">no sidebar</a>
</li>
<li>
<a href="category-page(category-slider).html">Category Slider</a>
</li>
<li>
<a href="category-page(sidebar-popup).html">sidebar popup</a>
</li>
<li>
<a href="category-page(metro).html">metro</a>
</li>
<li>
<a href="category-page(full-width).html">full width</a>
</li>
<li>
<a href="category-page(load-more).html">load more</a>
</li>
<li>
<a href=category-page(2-grid).html>two grid</a>
</li>
<li>
<a href=category-page(3-grid).html>three grid</a>
</li>
<li>
<a href="category-page(4-grid).html">four grid</a>
</li>
<li>
<a href="category-page(list-view).html">list view</a>
</li>
</ul>
</li>
<li class="mega hover-cls">
<a href="#!">product</a>
<ul class="mega-menu full-mega-menu">
<li>
<div class="container">
<div class="row g-xl-4 g-0">
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>Product Page</h5>
</div>
<div class="menu-content">
<ul>
<li>
<a href="product-page(thumbnail).html">Product
Thumbnail</a>
</li>
<li>
<a href="product-page(4-image).html">Product
Image</a>
</li>
<li>
<a href="product-page(slider).html">Product
Slider</a>
</li>
<li>
<a href="product-page(accordian).html">Product
Accordion</a>
</li>
<li>
<a href="product-page(sticky).html">Product
Sticky</a>
</li>
<li>
<a href="product-page(vertical-tab).html">Product
Vertical Tab</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>Product Page</h5>
</div>
<div class="menu-content">
<ul>
<li>
<a href="product-page(left-sidebar).html">Product
Sidebar Left</a>
</li>
<li>
<a href="product-page(right-sidebar).html">Product
Sidebar Right</a>
</li>
<li>
<a href="product-page(no-sidebar).html">Product
No Sidebar</a>
</li>
<li>
<a href="product-page(accordian).html">Product
Column Thumbnail</a>
</li>
<li>
<a href="product-page(image-outside).html">Product
Thumbnail Image Outside</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>Product Variants Style</h5>
</div>
<div class="menu-content">
<ul>
<li>
<a href="product-page(3-column).html">Variant
Rectangle</a>
</li>
<li>
<a href="product-page(360-view).html">Variant
Circle</a>
</li>
<li>
<a href="product-page(accordian).html">Variant
Image Swatch</a>
</li>
<li>
<a href="product-page(3-column).html">Variant
Color</a>
</li>
<li>
<a href="product-page(vertical-tab).html">Variant
Radio Button</a>
</li>
<li>
<a href="product-page(sticky).html">Variant
Dropdown</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>Product Features</h5>
</div>
<div class="menu-content">
<ul>
<li>
<a href="product-page(accordian).html">Product
Simple</a>
</li>
<li>
<a href="product-page(left-sidebar).html">Product
Classified</a>
</li>
<li>
<a href="product-page(no-sidebar).html">Size
Chart</a>
</li>
<li>
<a href="product-page(no-sidebar).html">Delivery
& Return</a>
</li>
<li>
<a href="product-page(no-sidebar).html">Product
Review</a>
</li>
<li>
<a href="product-page(no-sidebar).html">Ask
an Expert</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>Product Features</h5>
</div>
<div class="menu-content">
<ul>
<li>
<a href="product-page(bundle).html">Bundle
(Cross Sale)</a>
</li>
<li>
<a href="product-page(accordian).html">Hot
Stock
Progress</a>
</li>
<li>
<a href="product-page(accordian).html">Out
Stock</a>
</li>
<li>
<a href="product-page(thumbnail).html">Sale
Countdown</a>
</li>
<li>
<a href="product-page(thumbnail).html">Product
Zoom</a>
</li>
<li>
<a href="product-page(360-view).html">Product
360 View</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>Product Features</h5>
</div>
<div class="menu-content">
<ul>
<li>
<a href="product-page(accordian).html">Sticky
Checkout</a>
</li>
<li>
<a href="product-page(accordian).html">Secure
Checkout</a>
</li>
<li>
<a href="product-page(vertical-tab).html">Social
Share</a>
</li>
<li>
<a href="product-page(thumbnail).html">Related
Products</a>
</li>
<li>
<a href="product-page(right-sidebar).html">Wishlist
& Compare</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<img src="/assets/images/menu-banner.jpg"
class="img-fluid mega-img d-xl-block d-none">
</div>
</div>
</div>
</li>
</ul>
</li>
<li><a href="#!">pages</a>
<ul>
<li>
<a href="#!">vendor</a>
<ul>
<li><a href="vendor-dashboard.html">vendor dashboard</a>
</li>
<li><a href="vendor-profile.html">vendor profile</a></li>
<li><a href="become-vendor.html">become vendor</a></li>
</ul>
</li>
<li>
<a href="#!">account</a>
<ul>
<li><a href="wishlist.html">wishlist</a></li>
<li><a href="cart.html">cart</a></li>
<li><a href="dashboard.html">Dashboard</a></li>
<li><a href="login.html">login</a></li>
<li><a href="register.html">register</a></li>
<li><a href="contact.html">contact</a></li>
<li><a href="forget_pwd.html">forget password</a></li>
<li><a href="profile.html">profile</a></li>
<li><a href="checkout.html">checkout</a></li>
<li><a href="order-success.html">order success</a></li>
<li><a href="order-tracking.html">order tracking<span
class="new-tag">new</span></a></li>
</ul>
</li>
<li>
<a href="#!">portfolio</a>
<ul>
<li><a href="">grid</a>
<ul>
<li><a href="grid-2-col.html">grid
2</a></li>
<li><a href="grid-3-col.html">grid
3</a></li>
<li><a href="grid-4-col.html">grid
4</a></li>
</ul>
</li>
<li><a href="">masonry</a>
<ul>
<li><a href="masonary-2-grid.html">grid 2</a></li>
<li><a href="masonary-3-grid.html">grid 3</a></li>
<li><a href="masonary-4-grid.html">grid 4</a></li>
<li><a href="masonary-fullwidth.html">full width</a>
</li>
</ul>
</li>
</ul>
</li>
<li><a href="about-page.html">about us</a></li>
<li><a href="search.html">search</a></li>
<li><a href="review.html">review</a>
</li>
<li>
<a href="#!">compare</a>
<ul>
<li><a href="compare.html">compare</a></li>
<li><a href="compare-2.html">compare-2</a></li>
</ul>
</li>
<li><a href="collection.html">collection</a></li>
<li><a href="lookbook.html">lookbook</a></li>
<li><a href="sitemap.html">site map</a>
</li>
<li><a href="404.html">404</a></li>
<li><a href="coming-soon.html">coming soon</a></li>
<li><a href="faq.html">FAQ</a></li>
</ul>
</li>
<li>
<a href="#!">blog</a>
<ul>
<li><a href="blog-page.html">left sidebar</a></li>
<li><a href="blog(right-sidebar).html">right sidebar</a></li>
<li><a href="blog(no-sidebar).html">no sidebar</a></li>
<li><a href="blog-details.html">blog details</a></li>
</ul>
</li>
</ul>
</nav>
</div>
<div class="delivery-area d-xl-flex d-none ms-auto me-0">
<div>
<h5>Call us: 123-456-7898</h5>
</div>
</div>
</div>
</div>
</div>
</div>
</header>Change Language Direction
Switch Between Light And Dark Mode
Backend Admin Panel
