<header class="header-tools marketplace">
        <div class="mobile-fix-option"></div>
        <div class="top-header">
            <div class="container-fluid custom-container">
                <div class="row">
                    <div class="col-lg-6">
                        <div class="header-contact">
                            <ul>
                                <li>Welcome to Our store Multikart</li>
                                <li><i class="fa fa-phone" aria-hidden="true"></i>Call Us: 123 - 456 - 7890</li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-lg-6 text-right">
                        <ul class="header-dropdown">
                            <li class="mobile-wishlist">
                                <a href="#"><i class="fa fa-heart" aria-hidden="true"></i></a>
                            </li>
                            <li class="onhover-dropdown mobile-account">
                                <i class="fa fa-user" aria-hidden="true"></i>
                                My Account
                                <ul class="onhover-show-div">
                                        <li>
                                            <a data-lng="en" href="/Users/Login" previewlistener="true">Login</a>
                                        </li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="container-fluid custom-container">
            <div class="row">
                <div class="col-sm-12">
                    <div class="main-menu">
                        <div class="menu-left">
                            <div class="navbar">
                                <a href="javascript:void(0)" onclick="openNav()">
                                    <div class="bar-style">
                                        <i class="fa fa-bars sidebar-bar" aria-hidden="true"></i>
                                    </div>
                                </a>
                                <div id="mySidenav" class="sidenav">
                                    <a href="javascript:void(0)" class="sidebar-overlay" onclick="closeNav()"></a>
                                    <nav>
                                        <div onclick="closeNav()">
                                            <div class="sidebar-back text-left">
                                                <i class="fa fa-angle-left pr-2" aria-hidden="true"></i> Back
                                            </div>
                                        </div>
                                        <ul id="sub-menu" class="sm pixelstrap sm-vertical" data-smartmenus-id="17260632967863438">
                                            <li>
                                                <a href="#" class="has-submenu" id="sm-17260632967863438-1" aria-haspopup="true" aria-controls="sm-17260632967863438-2" aria-expanded="false">clothing<span class="sub-arrow"></span></a>
                                                <ul class="mega-menu clothing-menu" id="sm-17260632967863438-2" role="group" aria-hidden="true" aria-labelledby="sm-17260632967863438-1" aria-expanded="false">
                                                    <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="/Frontend/images/mega-menu/fashion.jpg" alt="" class="img-fluid blur-up lazyload">
                                                                </a>
                                                            </div>
                                                        </div>
                                                    </li>
                                                </ul>
                                            </li>
                                            <li>
                                                <a href="#" class="has-submenu" id="sm-17260632967863438-3" aria-haspopup="true" aria-controls="sm-17260632967863438-4" aria-expanded="false">bags<span class="sub-arrow"></span></a>
                                                <ul id="sm-17260632967863438-4" role="group" aria-hidden="true" aria-labelledby="sm-17260632967863438-3" aria-expanded="false">
                                                    <li><a href="#">shopper bags</a></li>
                                                    <li><a href="#">laptop bags</a></li>
                                                    <li><a href="#">clutches</a></li>
                                                    <li>
                                                        <a href="#" class="has-submenu" id="sm-17260632967863438-5" aria-haspopup="true" aria-controls="sm-17260632967863438-6" aria-expanded="false">purses<span class="sub-arrow"></span></a>
                                                        <ul id="sm-17260632967863438-6" role="group" aria-hidden="true" aria-labelledby="sm-17260632967863438-5" aria-expanded="false">
                                                            <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="#" class="has-submenu" id="sm-17260632967863438-7" aria-haspopup="true" aria-controls="sm-17260632967863438-8" aria-expanded="false">footwear<span class="sub-arrow"></span></a>
                                                <ul id="sm-17260632967863438-8" role="group" aria-hidden="true" aria-labelledby="sm-17260632967863438-7" aria-expanded="false">
                                                    <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="#" class="has-submenu" id="sm-17260632967863438-9" aria-haspopup="true" aria-controls="sm-17260632967863438-10" aria-expanded="false">Accessories<span class="sub-arrow"></span></a>
                                                <ul id="sm-17260632967863438-10" role="group" aria-hidden="true" aria-labelledby="sm-17260632967863438-9" aria-expanded="false">
                                                    <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="#" class="has-submenu" id="sm-17260632967863438-11" aria-haspopup="true" aria-controls="sm-17260632967863438-12" aria-expanded="false">more..<span class="sub-arrow"></span></a>
                                                        <ul id="sm-17260632967863438-12" role="group" aria-hidden="true" aria-labelledby="sm-17260632967863438-11" aria-expanded="false">
                                                            <li><a href="#">necklaces</a></li>
                                                            <li><a href="#">earrings</a></li>
                                                            <li><a href="#">wrist wear</a></li>
                                                            <li>
                                                                <a href="#" class="has-submenu" id="sm-17260632967863438-13" aria-haspopup="true" aria-controls="sm-17260632967863438-14" aria-expanded="false">accessories<span class="sub-arrow"></span></a>
                                                                <ul id="sm-17260632967863438-14" role="group" aria-hidden="true" aria-labelledby="sm-17260632967863438-13" aria-expanded="false">
                                                                    <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="#" class="has-submenu" id="sm-17260632967863438-15" aria-haspopup="true" aria-controls="sm-17260632967863438-16" aria-expanded="false">more...<span class="sub-arrow"></span></a>
                                                                        <ul id="sm-17260632967863438-16" role="group" aria-hidden="true" aria-labelledby="sm-17260632967863438-15" aria-expanded="false">
                                                                            <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 &amp; more</a></li>
                                                            <li><a href="#">wearable</a></li>
                                                        </ul>
                                                    </li>
                                                </ul>
                                            </li>
                                            <li><a href="#">house of design</a></li>
                                            <li>
                                                <a href="#" class="has-submenu" id="sm-17260632967863438-17" aria-haspopup="true" aria-controls="sm-17260632967863438-18" aria-expanded="false">beauty &amp; personal care<span class="sub-arrow"></span></a>
                                                <ul id="sm-17260632967863438-18" role="group" aria-hidden="true" aria-labelledby="sm-17260632967863438-17" aria-expanded="false">
                                                    <li><a href="#">makeup</a></li>
                                                    <li><a href="#">skincare</a></li>
                                                    <li><a href="#">premium beaty</a></li>
                                                    <li>
                                                        <a href="#" class="has-submenu" id="sm-17260632967863438-19" aria-haspopup="true" aria-controls="sm-17260632967863438-20" aria-expanded="false">more<span class="sub-arrow"></span></a>
                                                        <ul id="sm-17260632967863438-20" role="group" aria-hidden="true" aria-labelledby="sm-17260632967863438-19" aria-expanded="false">
                                                            <li><a href="#">fragrances</a></li>
                                                            <li><a href="#">luxury beauty</a></li>
                                                            <li><a href="#">hair care</a></li>
                                                            <li><a href="#">tools &amp; brushes</a></li>
                                                        </ul>
                                                    </li>
                                                </ul>
                                            </li>
                                            <li><a href="#">home &amp; decor</a></li>
                                            <li><a href="#">kitchen</a></li>
                                        </ul>
                                    </nav>
                                </div>
                            </div>
                            <div class="brand-logo">
                                <a href="index.html" previewlistener="true">
                                    <img src="/Frontend/images/icon/logo/18.png" class="img-fluid blur-up lazyloaded" alt="">
                                </a>
                            </div>
                        </div>
                        <div class="menu-right pull-right">
                            <div>
                                <nav id="main-nav">
                                    <div class="toggle-nav"><i class="fa fa-bars sidebar-bar"></i></div>
                                    <ul id="main-menu" class="sm pixelstrap sm-horizontal" data-smartmenus-id="17260632967857966">
                                        <li>
                                            <div class="mobile-back text-right">
                                                Back<i class="fa fa-angle-right pl-2" aria-hidden="true"></i>
                                            </div>
                                        </li>
                                        <li>
                                            <a href="#">Home</a>
                                          
                                        </li>
                                        
                                       
                                       
                                       
                                      
                                    </ul>
                                </nav>
                            </div>
                            <div>
                                <div class="icon-nav">
                                    <ul>
                                        <li class="onhover-div mobile-search">
                                            <div>
                                                <img src="/Frontend/images/icon/search.png" onclick="openSearch()" class="img-fluid blur-up lazyloaded" alt=""> <i class="ti-search" onclick="openSearch()"></i>
                                            </div>
                                            <div id="search-overlay" class="search-overlay">
                                                <div>
                                                    <span class="closebtn" onclick="closeSearch()" title="Close Overlay">×</span>
                                                    <div class="overlay-content">
                                                        <div class="container">
                                                            <div class="row">
                                                                <div class="col-xl-12">
                                                                    <form>
                                                                        <div class="form-group">
                                                                            <input type="text" class="form-control" id="exampleInputPassword1" placeholder="Search a Product">
                                                                        </div>
                                                                        <button type="submit" class="btn btn-primary">
                                                                            <i class="fa fa-search"></i>
                                                                        </button>
                                                                    </form>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                        <li class="onhover-div mobile-setting">
                                            <div>
                                                <img src="/Frontend/images/icon/setting.png" class="img-fluid blur-up lazyloaded" alt=""> <i class="ti-settings"></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>
                                                <img src="/Frontend/images/icon/cart.png" class="img-fluid blur-up lazyloaded" alt=""> <i class="ti-shopping-cart"></i>
                                            </div>
                                            <ul class="show-div shopping-cart">
                                                <li>
                                                    <div class="media">
                                                        <a href="#">
                                                            <img alt="" class="mr-3" src="/Frontend/images/fashion/product/1.jpg">
                                                        </a>
                                                        <div class="media-body">
                                                            <a href="#">
                                                                <h4>item name</h4>
                                                            </a>
                                                            <h4><span>1 x $ 299.00</span></h4>
                                                        </div>
                                                    </div>
                                                    <div class="close-circle">
                                                        <a href="#">
                                                            <i class="fa fa-times" aria-hidden="true"></i>
                                                        </a>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="media">
                                                        <a href="#">
                                                            <img alt="" class="mr-3" src="/Frontend/images/fashion/product/2.jpg">
                                                        </a>
                                                        <div class="media-body">
                                                            <a href="#">
                                                                <h4>item name</h4>
                                                            </a>
                                                            <h4><span>1 x $ 299.00</span></h4>
                                                        </div>
                                                    </div>
                                                    <div class="close-circle">
                                                        <a href="#">
                                                            <i class="fa fa-times" aria-hidden="true"></i>
                                                        </a>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="total">
                                                        <h5>subtotal : <span>$299.00</span></h5>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="buttons">
                                                        <a href="cart.html" class="view-cart" previewlistener="true">
                                                            view
                                                            cart
                                                        </a> <a href="#" class="checkout">checkout</a>
                                                    </div>
                                                </li>
                                            </ul>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>ارغب بحذف هنا الايقونات الاعدادات والبحث والثالثة التي بجانبهم