<!-- =================
    Header Area Start 
    =====================-->
<div class="header-area header-three">
    <!-- Header Top Start -->
    <div class="header-top full-border">
        <div class="container">
            <div class="row">
                <div class="col-lg-4 col-12">
                    <div class="header-top-left">
                        <p><span>Customer Service: </span> +91-704-5658898</p>
                    </div>
                </div>
                <div class="col-lg-8 col-12">
                    <div class="box-right">
                        <ul>
                            <li class="settings">
                                <a href="#" class="drop-toggle">
                                    <img src="assets/images/cuntry/1.jpg" alt="">
                                    English
                                    <i class="fa fa-angle-down"></i>
                                </a>
                                <ul class="box-dropdown drop-dropdown">
                                    <li>
                                        <a href="#"><img src="assets/images/cuntry/1.jpg" alt=""> English</a>
                                    </li>
                                    <li>
                                        <a href="#"><img src="assets/images/cuntry/india.jpg" alt=""> Hindi</a>
                                    </li>
                                </ul>
                            </li>
                            <li class="settings">
                                <a href="#" class="drop-toggle">
                                    My Account
                                    <i class="fa fa-angle-down"></i>
                                </a>
                                <ul class="box-dropdown drop-dropdown">
                                    <li><a href="#">My Account</a></li>
                                    <li><a href="#">Checkout</a></li>
                                    <li><a href="#">Sign In</a></li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Header Top End -->
    <!-- Header Middle Start -->
    <div class="header-middle space-40 sticker">
        <div class="container">
            <div class="row pb-3">
                <div class="col-lg-3 col-8  d-flex align-items-start justify-content-start">
                    <div class="logo">
                        <a href="index.php"><img src="assets/images/logo/natrik-logo.png" alt="" class="img-fluid"></a>
                    </div>
                </div>
                <!--- search bar -->
                <div class="col-lg-7 col-6 d-none d-lg-flex align-items-center justify-content-center pb-3">
                    <div class="search-container">
                        <form action="#">
                            <div class="top-cat">
                                <select class="select-option" name="select" id="category2">
                                    <option value="0">Our Products</option>
                                    <option value="1">Growspurt Tablets - Family Pack</option>
                                    <option value="2">Growspurt Granules</option>
                                    <option value="3">SM plus</option>
                                    <option value="4">Dizo Care</option>
                                    <option value="4">Pain Drain</option>
                                </select>
                            </div>
                            <div class="search_box">
                                <input class="header-search" placeholder="Enter your search key ..." type="text">
                                <button class="header-search-button" type="submit">Search</button>
                            </div>
                        </form>
                    </div>
                </div>


                <div class="col-lg-2 col-4 d-flex align-items-center justify-content-end">
                    <!-- Main Menu End -->
                    <div class="blockcart align-items-center">
                        <a href="#" class="drop-toggle">
                            <img src="assets/images/cart/cart.png" alt="" class="img-fluid">
                            <span class="my-cart">My Cart</span>
                            <span class="count">2</span>
                            <span class="total-item"><i class="fa fa-inr" aria-hidden="true"></i>2000</span>
                        </a>
                        <div class="cart-dropdown drop-dropdown">
                            <ul>
                                <li class="mini-cart-details">
                                    <div class="innr-crt-img">
                                        <img src="assets/images/cart/product-1.jpg" alt="">
                                        <span>1x</span>
                                    </div>
                                    <div class="innr-crt-content">
                                        <span class="product-name">
                                            <a href="#">Growspurt</a>
                                        </span>
                                        <span class="product-price"><i class="fa fa-inr" aria-hidden="true"></i>320.30</span>
                                        <!-- <span class="product-size">Size: S</span> -->
                                    </div>
                                </li>
                                <li class="mini-cart-details mb-30">
                                    <div class="innr-crt-img">
                                        <img src="assets/images/cart/product-2.jpg" alt="">
                                        <span>1x</span>
                                    </div>
                                    <div class="innr-crt-content">
                                        <span class="product-name">
                                            <a href="#">Growspurt Tablets-FAMILY PACK. </a>
                                        </span>
                                        <span class="product-price"><i class="fa fa-inr" aria-hidden="true"></i>290.00</span>
                                        <!-- <span class="product-size">Dimension: 40cm X 60cm</span> -->
                                    </div>
                                </li>
                                <li>
                                    <span class="subtotal-text">Subtotal</span>
                                    <span class="subtotal-price"><i class="fa fa-inr" aria-hidden="true"></i>61.30</span>
                                </li>
                                <li>
                                    <span class="subtotal-text">Shipping</span>
                                    <span class="subtotal-price"><i class="fa fa-inr" aria-hidden="true"></i>40.20</span>
                                </li>
                                <li>
                                    <span class="subtotal-text">Taxes</span>
                                    <span class="subtotal-price"><i class="fa fa-inr" aria-hidden="true"></i>10.07</span>
                                </li>
                                <li>
                                    <span class="subtotal-text">Total</span>
                                    <span class="subtotal-price"><i class="fa fa-inr" aria-hidden="true"></i>111.57</span>
                                </li>
                            </ul>
                            <div class="checkout-cart">
                                <a href="checkout.php">Checkout</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
    <!-- main-menu -->
    <div class="main-navbar container-fluid">
        <div class="row">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-12 col-6">
                        <div class="header-middle-inner">
                            <!-- Main Menu Start -->
                            <div class="header-menu float-left add-sticky">
                                <div class="sticky-container">
                                    <nav class="main-menu">
                                        <ul>
                                            <li><a href="index.php">Home</a></li>
                                            <li><a href="shop.php">FROM DIRECTOR'S DESK</a></li>
                                            <li><a href="#">ABOUT</a></li>
                                            <li>
                                                <a href="#">OUR SERVICES <i class="fa fa-angle-down"></i></a>
                                                <ul class="dropdown dropdown-width">
                                                    <li><a href="about.php">GLOBAL BAZAAR</a></li>
                                                    <li><a href="shop.php">IT-SOLUTIONS</a></li>
                                                    <li><a href="product-details.php">CONSULTANCY SERVICES</a></li>
                                                </ul>
                                            </li>
                                            <li><a href="about.php">SHOP</a></li>
                                            <li><a href="contact.php">OUR BLOG</a></li>
                                            <li><a href="contact.php">CARRER</a></li>
                                            <li><a href="contact.php">CONTACT US</a></li>
                                        </ul>
                                    </nav>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <!-- Header Middle End -->
    <!-- Header Bottom Start -->
    <div class="header-menu header-bottom-area theme-bg">
        <div class="offcanvas_overlay"></div>
        <div class="container">
            <div class="row ">
                <div class="col-12 d-lg-none align-self-center">
                    <!-- ========================
                        Offcanvas Menu Area Start 
                        ===========================-->
                    <div class="offcanvas_menu">
                        <div class="canvas_open pt-1 pb-1">
                            <a href="#"><i class="zmdi zmdi-menu"></i></a>
                        </div>
                        <div class="offcanvas_menu_wrapper">
                            <div class="canvas_close">
                                <a href="#"><i class="zmdi zmdi-close"></i></a>
                            </div>
                            <div class="welcome_text text-center mb-10">
                                <p><span>Customer Service: </span> +91-704-5658898</p>
                            </div>
                            <div class="box-right text-center mb-20">
                                <ul>
                                    <li class="settings">
                                        <a href="#" class="drop-toggle">
                                            <img src="assets/images/cuntry/1.jpg" alt="">
                                            English
                                            <i class="fa fa-angle-down"></i>
                                        </a>
                                        <ul class="box-dropdown drop-dropdown">
                                            <li>
                                                <a href="#"><img src="assets/images/cuntry/1.jpg" alt=""> English</a>
                                            </li>
                                            <li>
                                                <a href="#"><img src="assets/images/cuntry/india.jpg" alt=""> Hindi</a>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </div>
                            <div class="widget-body">
                                <div class="widget-address text-center mb-20">
                                    <p><strong>ADDRESS</strong></p>
                                    <p>B-602, East Avenue Appts., Plot-4, Ahinsa Khand-II, Indirapuram, Ghaziabad, Uttar Pradesh, INDIA PIN- 201014</p>
                                    <p>+91-704-5658898 , +91-993-4112222.</p>
                                </div>
                            </div>
                            <div class="offcanvas-search-container mb-40">
                                <form action="#">
                                    <div class="search_box">
                                        <input placeholder="Search entire store here ..." type="text">
                                        <button type="submit">Search</button>
                                    </div>
                                </form>
                            </div>
                            <!-- Offcanvas Menu Start -->
                            <div class="offcanvas_menu_cover text-left">
                                <ul class="offcanvas_main_menu">
                                    <li class="menu-item-has-children active">
                                        <a href="#">Home</a>
                                    </li>
                                    <li class="menu-item-has-children">
                                        <a href="#">From Director's Desk</a>
                                    </li>
                                    <li class="menu-item-has-children">
                                        <a href="#">About</a>
                                    </li>
                                    <li class="menu-item-has-children">
                                        <a href="#">Our Services</a>
                                        <ul class="sub-menu">
                                            <li><a href="about.php">Global Bazaar</a></li>
                                            <li><a href="shop.php">It Solutions</a></li>
                                            <li><a href="product-details.php">Consultancy Services</a></li>
                                        </ul>
                                    </li>
                                    <li class="menu-item-has-children">
                                        <a href="about.php">Shop</a>
                                    </li>
                                    <li class="menu-item-has-children">
                                        <a href="contact.php">Our Blog</a>
                                    </li>
                                    <li class="menu-item-has-children">
                                        <a href="contact.php">Carrer</a>
                                    </li>
                                    <li class="menu-item-has-children">
                                        <a href="contact.php">Contact Us</a>
                                    </li>
                                </ul>
                            </div>
                            <!-- Offcanvas Menu End -->
                            <div class="offcanvas_footer">
                                <span><a href="#"><i class="fa fa-envelope-o"></i> info@nitrakeco.com</a></span>
                                <div class="footer_social">
                                    <ul class="d-flex">
                                        <li><a class="facebook" href="#"><i class="zmdi zmdi-facebook"></i></a></li>
                                        <li><a class="twitter" href="#"><i class="zmdi zmdi-twitter"></i></a></li>
                                        <li><a class="instagram" href="#"><i class="zmdi zmdi-instagram"></i></a></li>
                                        <li><a class="linkedin" href="#"><i class="zmdi zmdi-linkedin"></i></a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- ========================
                        Offcanvas Menu Area End 
                        ===========================-->
                </div>
            </div>
        </div>
    </div>
    <!-- Header Bottom End  -->
</div>
<!-- =================
    Header Area  End 
    =====================-->