במ12[cxvbcxvbxcvbcxvcxvbcvxcvbsdfsdfsdfsdfsdfsdfxcvbxcvxbbxqwqewqewv;'

]]jkjjgdjffksdkdxdsghfghdfghfgdfsdsdfsdfsfdsbcxvxcbccwewqeqwewqskfgj במ12[cxvbcxvbxcvbcxvcxvbcvxcvbsdfsdfsdfsdfsdfsdfxcvbxcvxbbxqwqewqewv;'

<div class="modal fade login-modal-main" id="bd-example-modal">
   <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
      <div class="modal-content">
         <div class="modal-body">
            <div class="login-modal">
               <div class="row">
                  <div class="col-lg-6 pad-right-0">
                     <div class="login-modal-left"></div>
                  </div>
                  <div class="col-lg-6 pad-left-0">
                     <button type="button" class="close close-top-right" data-dismiss="modal" aria-label="Close">
                     <span aria-hidden="true"><i class="mdi mdi-close"></i></span>
                     <span class="sr-only">Close</span>
                     </button>
                     <form>
                        <div class="login-modal-right">
                           <div class="tab-content">
                              <div class="tab-pane active" id="login" role="tabpanel">
                                 <h5 class="heading-design-h5">Login to your account</h5>
                                 <fieldset class="form-group">
                                    <label>Enter Email/Mobile number</label>
                                    <input type="text" class="form-control" placeholder="+91 123 456 7890">
                                 </fieldset>
                                 <fieldset class="form-group">
                                    <label>Enter Password</label>
                                    <input type="password" class="form-control" placeholder="********">
                                 </fieldset>
                                 <fieldset class="form-group">
                                    <button type="submit" class="btn btn-lg btn-secondary btn-block">Enter to your account</button>
                                 </fieldset>
                                 <div class="login-with-sites text-center">
                                    <p>or Login with your social profile:</p>
                                    <button class="btn-facebook login-icons btn-lg"><i class="mdi mdi-facebook"></i> Facebook</button>
                                    <button class="btn-google login-icons btn-lg"><i class="mdi mdi-google"></i> Google</button>
                                    <button class="btn-twitter login-icons btn-lg"><i class="mdi mdi-twitter"></i> Twitter</button>
                                 </div>
                                 <div class="custom-control custom-checkbox">
                                    <input type="checkbox" class="custom-control-input" id="customCheck1">
                                    <label class="custom-control-label" for="customCheck1">Remember me</label>
                                 </div>
                              </div>
                              <div class="tab-pane" id="register" role="tabpanel">
                                 <h5 class="heading-design-h5">Register Now!</h5>
                                 <fieldset class="form-group">
                                    <label>Enter Email/Mobile number</label>
                                    <input type="text" class="form-control" placeholder="+91 123 456 7890">
                                 </fieldset>
                                 <fieldset class="form-group">
                                    <label>Enter Password</label>
                                    <input type="password" class="form-control" placeholder="********">
                                 </fieldset>
                                 <fieldset class="form-group">
                                    <label>Enter Confirm Password </label>
                                    <input type="password" class="form-control" placeholder="********">
                                 </fieldset>
                                 <fieldset class="form-group">
                                    <button type="submit" class="btn btn-lg btn-secondary btn-block">Create Your Account</button>
                                 </fieldset>
                                 <div class="custom-control custom-checkbox">
                                    <input type="checkbox" class="custom-control-input" id="customCheck2">
                                    <label class="custom-control-label" for="customCheck2">I Agree with <a href="#">Term and Conditions</a></label>
                                 </div>
                              </div>
                           </div>
                           <div class="clearfix"></div>
                           <div class="text-center login-footer-tab">
                              <ul class="nav nav-tabs" role="tablist">
                                 <li class="nav-item">
                                    <a class="nav-link active" data-toggle="tab" href="#login" role="tab"><i class="mdi mdi-lock"></i> LOGIN</a>
                                 </li>
                                 <li class="nav-item">
                                    <a class="nav-link" data-toggle="tab" href="#register" role="tab"><i class="mdi mdi-pencil"></i> REGISTER</a>
                                 </li>
                              </ul>
                           </div>
                           <div class="clearfix"></div>
                        </div>
                     </form>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</div>
<div class="navbar-top bg-warn pt-2 pb-2">
   <div class="container-fluid">
      <div class="row">
         <div class="col-lg-12 text-center">
            <a href="#" class="mb-0 text-white">
            20% cashback for new users | Code: <strong><span class="text-light">OGOFERS13 <span class="mdi mdi-tag-faces"></span></span> </strong>
            </a>
         </div>
      </div>
   </div>
</div>
<nav class="navbar navbar-light navbar-expand-lg bg-faded osahan-menu">
   <div class="container-fluid">
      <a class="navbar-brand" href="index.php">
         <img src="../img/flogo.png" alt="logo">
      </a>
      <a class="location-top" href="#"><i class="mdi mdi-map-marker-circle" aria-hidden="true"></i> Delhi</a>
      <button class="navbar-toggler navbar-toggler-white" type="button" data-toggle="collapse" data-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
      </button>
      <div class="navbar-collapse" id="navbarNavDropdown">
         <div class="navbar-nav mr-auto mt-2 mt-lg-0 margin-auto top-categories-search-main">
            <div class="top-categories-search">
               <div class="input-group">
                  <span class="input-group-btn categories-dropdown">
                     <select class="form-control-select">
                        <option selected="selected">Your City</option>
                        <option value="0">New Delhi</option>
                        <option value="2">Bengaluru</option>
                        <option value="3">Hyderabad</option>
                        <option value="4">Kolkata</option>
                     </select>
                  </span>
                  <input class="form-control" placeholder="Search products in Your City" aria-label="Search products in Your City" type="text">
                  <span class="input-group-btn">
                  <button class="btn btn-secondary" type="button"><i class="mdi mdi-file-find"></i> Search</button>
                  </span>
               </div>
            </div>
         </div>
         <div class="my-2 my-lg-0">
            <ul class="list-inline main-nav-right">
               <li class="list-inline-item">
                  <a href="#" data-target="#bd-example-modal" data-toggle="modal" class="btn btn-link"><i class="mdi mdi-account-circle"></i> Login/Sign Up</a>
               </li>
               <li class="list-inline-item cart-btn">
                  <a href="#" data-toggle="offcanvas" class="btn btn-link border-none"><i class="mdi mdi-cart"></i> My Cart <small class="cart-value">5</small></a>
               </li>
            </ul>
         </div>
      </div>
   </div>
</nav>
<nav class="navbar navbar-expand-lg navbar-light osahan-menu-2 pad-none-mobile">
   <div class="container-fluid">
      <div class="collapse navbar-collapse" id="navbarText">
         <ul class="navbar-nav mr-auto mt-2 mt-lg-0 margin-auto">
            <li class="nav-item">
               <a class="nav-link shop" href="#"><span class="mdi mdi-store"></span> Super Store</a>
            </li>
            <li class="nav-item">
               <a href="../index.php" class="nav-link">Home</a>
            </li>
            <li class="nav-item">
               <a href="product.php" class="nav-link">Atta, Rice & Daal</a>
            </li>
            <li class="nav-item">
               <a href="product.php" class="nav-link">Baby Care</a>
            </li>
            <li class="nav-item">
               <a href="product.php" class="nav-link">Cleaning Essentials</a>
            </li>
            <li class="nav-item">
               <a href="product.php" class="nav-link">Bakery & Biscuits</a>
            </li>
            <li class="nav-item">
               <a href="product.php" class="nav-link">Personal Care</a>
            </li>
            <li class="nav-item">
               <a href="all-categories.php" class="nav-link">All Collection</a>
            </li>
            <li class="nav-item">
               <a href="contact.php" class="nav-link">Contact</a>
            </li>
            
            
         </ul>
      </div>
   </div>
</nav>

<div class="cart-sidebar">
<div class="cart-sidebar-header">
   <h5>
      My Cart <span class="text-success">(5 item)</span> <a data-toggle="offcanvas" class="float-right" href="#"><i class="mdi mdi-close"></i>
      </a>
   </h5>
</div>
<div class="cart-sidebar-body">
   <div class="cart-list-product">
      <a class="float-right remove-cart" href="#"><i class="mdi mdi-close"></i></a>
      <img class="img-fluid" src="../img/item/11.jpg" alt="">
      <span class="badge badge-success">50% OFF</span>
      <h5><a href="#">Product Title Here</a></h5>
      <h6><strong><span class="mdi mdi-approval"></span> Available in</strong> - 500 gm</h6>
      <p class="offer-price mb-0">₹450.99 <i class="mdi mdi-tag-outline"></i> <span class="regular-price">₹800.99</span></p>
   </div>
   <div class="cart-list-product">
      <a class="float-right remove-cart" href="#"><i class="mdi mdi-close"></i></a>
      <img class="img-fluid" src="../img/item/7.jpg" alt="">
      <span class="badge badge-success">50% OFF</span>
      <h5><a href="#">Product Title Here</a></h5>
      <h6><strong><span class="mdi mdi-approval"></span> Available in</strong> - 500 gm</h6>
      <p class="offer-price mb-0">₹450.99 <i class="mdi mdi-tag-outline"></i> <span class="regular-price">₹800.99</span></p>
   </div>
   <div class="cart-list-product">
      <a class="float-right remove-cart" href="#"><i class="mdi mdi-close"></i></a>
      <img class="img-fluid" src="../img/item/9.jpg" alt="">
      <span class="badge badge-success">50% OFF</span>
      <h5><a href="#">Product Title Here</a></h5>
      <h6><strong><span class="mdi mdi-approval"></span> Available in</strong> - 500 gm</h6>
      <p class="offer-price mb-0">₹450.99 <i class="mdi mdi-tag-outline"></i> <span class="regular-price">₹800.99</span></p>
   </div>
   <div class="cart-list-product">
      <a class="float-right remove-cart" href="#"><i class="mdi mdi-close"></i></a>
      <img class="img-fluid" src="../img/item/1.jpg" alt="">
      <span class="badge badge-success">50% OFF</span>
      <h5><a href="#">Product Title Here</a></h5>
      <h6><strong><span class="mdi mdi-approval"></span> Available in</strong> - 500 gm</h6>
      <p class="offer-price mb-0">₹450.99 <i class="mdi mdi-tag-outline"></i> <span class="regular-price">₹800.99</span></p>
   </div>
   <div class="cart-list-product">
      <a class="float-right remove-cart" href="#"><i class="mdi mdi-close"></i></a>
      <img class="img-fluid" src="../img/item/2.jpg" alt="">
      <span class="badge badge-success">50% OFF</span>
      <h5><a href="#">Product Title Here</a></h5>
      <h6><strong><span class="mdi mdi-approval"></span> Available in</strong> - 500 gm</h6>
      <p class="offer-price mb-0">₹450.99 <i class="mdi mdi-tag-outline"></i> <span class="regular-price">₹800.99</span></p>
   </div>
</div>
<div class="cart-sidebar-footer">
   <div class="cart-store-details">
      <p>Sub Total <strong class="float-right">₹900.69</strong></p>
      <p>Delivery Charges <strong class="float-right text-danger">+ ₹29.69</strong></p>
      <h6>Your total savings <strong class="float-right text-danger">₹55 (42.31%)</strong></h6>
   </div>
   <a href="#"><button class="btn btn-secondary btn-lg btn-block text-left" type="button"><span class="float-left"><i class="mdi mdi-cart-outline"></i> Proceed to Checkout </span><span class="float-right"><strong>₹1200.69</strong> <span class="mdi mdi-chevron-right"></span></span></button></a>
</div>
</div>