<header>
   <!--hide on screens smaller than lg-->
   <div class="d-none d-lg-block fixed-top bg-white">
   <div class="py-3">
      <div class="container">
         <div class="row g-4 g-lg-5 align-items-center">
            <div class="col-2">
               <!--Your logo-->
               <a href="index">
               <img src="images/web-images/logo/logo.png" alt="logo" title="logo" class="img-fluid"></a>
            </div>
            <div class="col-8">
               <!--Search for brands, categories Begin-->
               <div class="input-group"  data-bs-toggle="modal" data-bs-target="#searchModal">
                  <span class="input-group-text bg-smoke-white" id="basic-addon1">
                     <svg xmlns="http://www.w3.org/2000/svg" width="18" height="17" viewBox="0 0 18 17">
                        <path fill="#888" d="M7.44412,0 C3.89304889,0 1,3.04362024 1,6.77956734 C1,10.5155004 3.89304444,13.5591417 7.44412,13.5591417 C8.97992889,13.5591417 10.3906356,12.9879695 11.4994711,12.0395771 L15.8603644,16.6274712 C16.1206778,16.9013327 16.5444311,16.9013561 16.80476,16.6274712 C17.0650867,16.3535863 17.0650867,15.9150898 16.80476,15.6412283 L12.4438689,11.0533342 C13.3471556,9.88618462 13.88824,8.39712964 13.88824,6.77956734 C13.88824,3.04362024 10.9951933,0 7.44412,0 Z M7.44412,1.40266959 C10.2746378,1.40266959 12.5549733,3.8016865 12.5549733,6.77956734 C12.5549733,9.75741311 10.2746333,12.1564721 7.44412,12.1564721 C4.61360667,12.1564721 2.33326667,9.75741311 2.33326667,6.77956734 C2.33326667,3.8016865 4.61360222,1.40266959 7.44412,1.40266959 Z" transform="rotate(-3 9 8.416)"></path>
                     </svg>
                  </span>
                  <input type="text" class="form-control bg-smoke-white" placeholder="Search for brands, categories">
               </div>
               <!--Search for brands, categories End-->
            </div>
            <div class="col-2">
               <div class="d-flex float-end">
                  <!--Login / SignUp-->
                  <?php if($_SESSION[ADD_TAG.'_UserId_vendor']!=''){
                     ?>
                  <a href="merchant-profile" class="btn btn-primary">My Account</a>
                  <?php }elseif($_SESSION[ADD_TAG.'_UserId_user']!=''){ ?>
                  <a href="user-profile" class="btn btn-primary">My Account</a>
                  <?php    } else{ ?>
                  <a href="login-role/user" class="btn btn-primary">Login / SignUp</a>
                  <?php   }?>
               </div>
            </div>
         </div>
      </div>
      <!--Navbar Begin-->
      <nav class="navbar navbar-expand-lg navbar-dark bg-light border-top-1">
         <div class="container">
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#mynavbar">
            <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="mynavbar">
               <!--navbar-nav left-->
               <ul class="navbar-nav me-auto">
                  <li class="nav-item">
                     <a class="nav-link hvr-underline-from-center" title="Stores" href="stores">Stores</a>
                  </li>
                  <li class="nav-item">
                     <a class="nav-link hvr-underline-from-center" title="Categories" href="categories">Categories</a>
                  </li>
                  <li class="nav-item">
                     <a class="nav-link hvr-underline-from-center" title="Categories" href="product">Product</a>
                  </li>
                  <li class="nav-item">
                     <a class="nav-link hvr-underline-from-center" target="_blank" title="blogspot" href="https://icouponworld.blogspot.com">Blogspot </a> <span class="me-1 badge bg-secondary rounded-0">New</span>
                  </li>
               </ul>
               <!--navbar-nav Right-->
               <ul class="navbar-nav ms-auto">
                  <li class="nav-item">
                     <a class="nav-link hvr-underline-from-center" title="Become a partner" href="login">Become a partner</a>
                  </li>
                  <li class="nav-item">
                     <a class="nav-link hvr-underline-from-center" title="Deals Of The Day" href="deals-of-the-day">Deals Of The Day</a>
                  </li>
                  <li class="nav-item">
                     <a class="nav-link hvr-underline-from-center" title="Contact us" href="contact">Contact us</a>
                  </li>
               </ul>
            </div>
         </div>
      </nav>
   </div>
   <!--Navbar End-->
   <!--hide on lg and wider screens-->
   <div class="d-lg-none shadow-sm py-3 fixed-top bg-white">
      <!--mySidenav-->
      <div id="mySidenav" class="sidenav shadow-sm">
         <ul class="list-unstyled p-0 m-0">
            <li> <a href="#" class="bg-secondary closebtn" onclick="closeNav()"><i class="fas fa-times"></i></a></li>
            <li>
               <div class="bg-secondary d-flex align-items-center px-3 py-4">
                  <div class="w-50"><img src="images/banners/login-banner.png" alt="login-banner" title="login-banner" class="img-fluid"></div>
                  <div class="w-50 text-center">
                     <p class="text-white fs-12">Grab Best</p>
                     <p class="text-white fs-12"> Coupons & Deals</p>
                     <p><a class="text-white pt-2 p-0 text-decoration-underline" href="login">Login & SignUp</a></p>
                  </div>
               </div>
            </li>
            <li> <a title="Stores" href="stores">Stores</a></li>
            <li> <a title="Categories" href="categories">Categories</a></li>
            <li> <a title="product" href="product">Product</a></li>
            <li> <a title="Blogspot" target="_blank" href="index">Blogspot <span class="ms-2 badge bg-secondary rounded-0">New</span></a></li>
            <li>
               <div class="divider my-2"></div>
            </li>
            <li> <a title="Become a partner" href="login">Become a partner</a></li>
            <li> <a title="Deal Of The Day" href="deals-of-the-day">Deal Of The Day</a></li>
            <li> <a title="Contact us" href="contact">Contact us</a></li>
         </ul>
      </div>
      <div class="container">
         <div class="row align-items-center">
            <div class="col-12">
               <span>
               <span onclick="openNav()"><i class="fs-20 fas fa-bars"></i></span>
               <img src="images/web-images/logo/logo.png" alt="logo" title="logo" class="img-fluid ms-2">
               </span>
               <span class="float-end">
                  <svg  data-bs-toggle="modal" data-bs-target="#searchModal" xmlns="http://www.w3.org/2000/svg" width="18" height="17" viewBox="0 0 18 17">
                     <path fill="#888" d="M7.44412,0 C3.89304889,0 1,3.04362024 1,6.77956734 C1,10.5155004 3.89304444,13.5591417 7.44412,13.5591417 C8.97992889,13.5591417 10.3906356,12.9879695 11.4994711,12.0395771 L15.8603644,16.6274712 C16.1206778,16.9013327 16.5444311,16.9013561 16.80476,16.6274712 C17.0650867,16.3535863 17.0650867,15.9150898 16.80476,15.6412283 L12.4438689,11.0533342 C13.3471556,9.88618462 13.88824,8.39712964 13.88824,6.77956734 C13.88824,3.04362024 10.9951933,0 7.44412,0 Z M7.44412,1.40266959 C10.2746378,1.40266959 12.5549733,3.8016865 12.5549733,6.77956734 C12.5549733,9.75741311 10.2746333,12.1564721 7.44412,12.1564721 C4.61360667,12.1564721 2.33326667,9.75741311 2.33326667,6.77956734 C2.33326667,3.8016865 4.61360222,1.40266959 7.44412,1.40266959 Z" transform="rotate(-3 9 8.416)"></path>
                  </svg>
               </span>
            </div>
         </div>
      </div>
   </div>
   <!-- search modal-fullscreen Begin-->
   <div class="modal" id="searchModal">
      <div class="modal-dialog modal-fullscreen">
         <div class="modal-content">
            <div class="container">
               <div class="row">
                  <!-- Modal Header -->
                  <div class="modal-header border-0">
                     <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                  </div>
                  <!-- Modal body -->
                  <div class="modal-body">
                     <div class="pt-3">
                        <!--form-control-lg-search-->
                        <input type="text" class="form-control form-control-lg form-control-lg-search" placeholder="Search for stores, coupons & offers...">
                        <p class="text-muted text-end pt-2">What do you want to search today?</p>
                        <!--Trending Now-->
                        <div class="row  ptb-50">
                           <div class="trending-now bottom-line">
                              <h6 class="mb-4">Trending Now</h6>
                              <ul class="list-unstyled">
                                 <li>
                                    <a href="#" title="Amazon">Amazon - Today's Deals</a>
                                 </li>
                                 <li>
                                    <a href="#" title="Myntra">Myntra - Brands Sale</a>
                                 </li>
                                 <li>
                                    <a href="#" title="Udemy">Udemy - FREE Courses</a>
                                 </li>
                                 <li>
                                    <a href="#" title="Dell">Dell - Up To 50% OFF + Flat Rs 1500 OFF</a>
                                 </li>
                                 <li>
                                    <a href="#" title="MakeMyTrip">MMT - Up to Rs 2500 Off</a>
                                 </li>
                                 <li>
                                    <a href="#" title="BuyWow">BuyWow - 20% Off</a>
                                 </li>
                                 <li>
                                    <a href="#" title="Croma">Croma - 5% Sale</a>
                                 </li>
                                 <li>
                                    <a href="#" title="Tata CLiQ">Tata CLiQ - Bank Offers</a>
                                 </li>
                                 <li>
                                    <a href="#" title="Man Matters">Man Matters - Flat Rs 200 Off</a>
                                 </li>
                                 <li>
                                    <a href="#" title="AJIO">Ajio - Flat Rs 2000 Off</a>
                                 </li>
                                 <li>
                                    <a href="#" title="Dominos">Dominos - Flat 50% OFF</a>
                                 </li>
                                 <li>
                                    <a href="#" title="boAt">boAt - Extra 10% Off</a>
                                 </li>
                                 <li>
                                    <a href="#" title="McDonalds">McDonalds - Free Offer</a>
                                 </li>
                                 <li>
                                    <a href="#" title="Kapiva">Kapiva - Flat 15% Off</a>
                                 </li>
                              </ul>
                           </div>
                        </div>
                        <hr>
                        <!--hide on lg and wider screens Begin-->
                        <div class="d-lg-none">
                           <div class="row ptb-50 ">
                              <!--Hottest Now-->
                              <div class="col-md-7">
                                 <div class="bottom-line">
                                    <h6 class="mb-4">Hottest Now</h6>
                                 </div>
                                 <div class="row">
                                    <ul class="list-unstyled">
                                       <li>
                                          <div class="rounded-box mb-3">
                                             <div class="d-flex align-items-center">
                                                <div class="flex-shrink-0">
                                                   <img src="images/merchant/amazon-logo.jpg" class="img-fluid merchant-logo" alt="amazon" title="amazon">
                                                </div>
                                                <div class="flex-grow-1 pt-1 ms-5">
                                                   <h3 class="fs-12 mb-2 fw-bold text-truncate">
                                                      Up To 90% OFF
                                                   </h3>
                                                </div>
                                                <span class="icons-circle"></span>
                                             </div>
                                          </div>
                                       </li>
                                       <li>
                                          <div class="rounded-box mb-3">
                                             <div class="d-flex align-items-center">
                                                <div class="flex-shrink-0">
                                                   <img src="images/merchant/kapiva-logo.jpg" class="img-fluid merchant-logo" alt="kapiva" title="kapiva">
                                                </div>
                                                <div class="flex-grow-1 pt-1 ms-5">
                                                   <h3 class="fs-12 mb-2 fw-bold text-truncate">
                                                      Rs.250 OFF
                                                   </h3>
                                                </div>
                                                <span class="icons-circle"></span>
                                             </div>
                                          </div>
                                       </li>
                                       <li>
                                          <div class="rounded-box mb-3">
                                             <div class="d-flex align-items-center">
                                                <div class="flex-shrink-0">
                                                   <img src="images/merchant/handm-logo.jpg" class="img-fluid merchant-logo" alt="handm" title="handm">
                                                </div>
                                                <div class="flex-grow-1 pt-1 ms-5">
                                                   <h3 class="fs-12 mb-2 fw-bold text-truncate">
                                                      70% OFF
                                                   </h3>
                                                </div>
                                                <span class="icons-circle"></span>
                                             </div>
                                          </div>
                                       </li>
                                    </ul>
                                 </div>
                              </div>
                           </div>
                        </div>
                        <!--hide on lg and wider screens End-->
                        <!--hide on screens smaller than lg Begin-->
                        <div class=" d-none d-lg-block">
                           <div class="row ptb-50">
                              <!--Hottest Now-->
                              <div class="col-md-7">
                                 <div class="bottom-line">
                                    <h6 class="mb-4">Hottest Now</h6>
                                 </div>
                                 <div class="row">
                                    <div class="col-md-4">
                                       <div class="featured">
                                          <a class="text-decoration-none" href="#">
                                             <img src="images/banners/banner-1.jpg" class="img-fluid shadow-default rounded-3 mb-2" alt="amazon" title="amazon">
                                             <img src="images/merchant/amazon-logo.jpg" class="img-fluid merchant-logo mb-2" alt="amazon" title="amazon">
                                             <h3 title="Kapiva" class="h6 mb-2 fw-bold text-truncate">
                                                Up To 90% OFF
                                             </h3>
                                             <p title="amazon" class="text-muted py-1">Today's Deals Of The Day - Up to 90% OFF On Products</p>
                                             <small title="See All Amazon Offers"  class="fs-12">See All Amazon Offers</small>
                                          </a>
                                       </div>
                                    </div>
                                    <div class="col-md-4">
                                       <div class="featured">
                                          <a class="text-decoration-none" href="#">
                                             <img src="images/banners/banner-2.jpg" class="img-fluid shadow-default rounded-3 mb-2" alt="kapiva" title="kapiva">
                                             <img src="images/merchant/kapiva-logo.jpg" class="img-fluid merchant-logo mb-2" alt="kapiva" title="kapiva">
                                             <h3 title="Kapiva" class="h6 mb-2 fw-bold text-truncate">
                                                Rs.250 OFF
                                             </h3>
                                             <p title="Kapiva" class="text-muted py-1">Exclusive Offer - Flat 250 OFF On All Sitewide Products</p>
                                             <small title="See All Kapiva Offers" class="fs-12">See All Kapiva Offers</small>
                                          </a>
                                       </div>
                                    </div>
                                    <div class="col-md-4">
                                       <div class="featured">
                                          <a class="text-decoration-none" href="#">
                                             <img src="images/banners/banner-3.jpg" class="img-fluid shadow-default rounded-3 mb-2" alt="handm" title="handm">
                                             <img src="images/merchant/handm-logo.jpg" class="img-fluid merchant-logo mb-2" alt="handm" title="handm">
                                             <h3 title="H&M" class="h6 mb-2 fw-bold text-truncate">
                                                70% OFF
                                             </h3>
                                             <p title="H&M" class="text-muted py-1">Sale: Up to 70% Off on Men, Women, Kids Fashion</p>
                                             <small title="See All H&M Offers" class="fs-12">See All H&M Offers</small>
                                          </a>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <!-- Featured Deal-->
                              <div class="col-md-5">
                                 <div class="bottom-line">
                                    <h6 class="mb-4">Featured Deal</h6>
                                 </div>
                                 <div class="featured-deal">
                                    <ul class="list-unstyled">
                                       <li class="mb-4">
                                          <a class="text-decoration-none" href="#">
                                             <div class="d-flex shadow-default p-2">
                                                <div class="flex-shrink-0">
                                                   <img title="icouponworld Exclusive: Domestic Flights - Upto Rs 800 OFF" src="images/banners/banner-4.jpg" class="img-fluid rounded-3" alt="...">
                                                </div>
                                                <div class="flex-grow-1 ms-3">
                                                   <img title="icouponworld Exclusive: Domestic Flights - Upto Rs 800 OFF" src="images/merchant/makemytrip-logo.jpg" class="img-fluid merchant-logo-sm mb-2">
                                                   <h3 title="icouponworld Exclusive: Domestic Flights - Upto Rs 800 OFF" class="h6 mb-2 fw-bold text-truncate">
                                                      Rs.800 OFF
                                                   </h3>
                                                   <p title="icouponworld Exclusive: Domestic Flights - Upto Rs 800 OFF" class="text-default feature-txt">icouponworld Exclusive: Domestic Flights - Upto Rs 800 OFF</p>
                                                </div>
                                             </div>
                                          </a>
                                       </li>
                                       <li class="mb-4">
                                          <a class="text-decoration-none" href="#">
                                             <div class="d-flex shadow-default p-2">
                                                <div class="flex-shrink-0">
                                                   <img title="Up To 70% OFF + Flat 20% OFF On Skin, Hair, Body & Wellness Care Products" src="images/banners/banner-5.jpg" class="img-fluid rounded-3" alt="...">
                                                </div>
                                                <div class="flex-grow-1 ms-3">
                                                   <img title="Up To 70% OFF + Flat 20% OFF On Skin, Hair, Body & Wellness Care Products" src="images/merchant/buywow-logo.jpg" class="img-fluid merchant-logo-sm mb-2">
                                                   <h3 title="Up To 70% OFF + Flat 20% OFF On Skin, Hair, Body & Wellness Care Products" class="h6 mb-2 fw-bold text-truncate">
                                                      20% OFF
                                                   </h3>
                                                   <p title="Up To 70% OFF + Flat 20% OFF On Skin, Hair, Body & Wellness Care Products" class="text-default feature-txt">Up To 70% OFF + Flat 20% OFF On Skin, Hair, Body & Wellness Care Products</p>
                                                </div>
                                             </div>
                                          </a>
                                       </li>
                                    </ul>
                                 </div>
                              </div>
                           </div>
                        </div>
                        <!--hide on screens smaller than lg End-->
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
   <!-- search modal-fullscreen End-->
</header>