<div class="col-md-3">
   <!--hide on screens smaller than lg Begin-->
   <div class="d-none d-lg-block">
      <!--filter filter-lg Begin--> 
      <div class="filter filter-lg">
         <!--Accordioncategories Begin-->
         <div class="accordion" id="accordioncategories">
            <div class="accordion-item">
               <h2 class="accordion-header" id="categoriesheading">
                  <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapsecategories" aria-expanded="false">
                  Categories
                  </button>
               </h2>
               <div class="accordion-body border-0">
                  <?php  $sqlcategory="SELECT * FROM  company_master ORDER BY rand() LIMIT 6";
                     $myquerycou=$conn->query($sqlcategory);
                     $mydaracategory= $myquerycou->fetchAll()  ;
                     
                     
                     
                     foreach( $mydaracategory as $rowcat ){  
                     
                     $company_name = addslashes($rowcat["company"]); 
                     if($company_name!=''){
                     ?>
                  <div class="form-check mb-2">
                     <a title="Accessories coupons and offers" href="coupons/<?=($company_name)?>">
                     <label class="form-check-label">
                     <?=$company_name?>
                     </label></a>
                  </div>
                  <?php } } ?>
               </div>
            </div>
         </div>
         <!--Accordioncategories End-->
      </div>
      <!--filter filter-lg End--> 
   </div>
   <!--hide on screens smaller than lg End-->
   <!--hide on lg and wider screens Begin-->
   <div class="d-lg-none">
      <div onclick="filterbottomopenNav()" class="filter-bottom">
         <h6 class="text-uppercase"><i class="fas fa-sliders-h pe-2"></i> Filter</h6>
      </div>
      <!--filterfootermySidenav-->
      <div id="filterfootermySidenav" class="filterbottomsidenav shadow-sm">
         <ul class="list-unstyled p-0 t-9">
            <!--filterbottomcloseNav list-->
            <li> <a href="#" class="closebtn" onclick="filterbottomcloseNav()"><i class="fas fa-times"></i></a></li>
            <!--Search in Filter list-->
            <li>
               <p class="fw-bold mb-3">Filter</p>
               <div class="input-group mb-3">
                  <input type="text" class="form-control bg-smoke-white" placeholder="Search in Filter">
                  <span class="input-group-text bg-smoke-white">
                     <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>
               </div>
            </li>
            <!--Categories in list-->
            <li>
               <div class="accordion border-top border-bottom" id="accordioncategoriesfilter">
                  <div class="accordion-item border-0">
                     <h2 class="accordion-header" id="headingTwo">
                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapsefilter" aria-expanded="false">
                        Categories
                        </button>
                     </h2>
                     <div id="collapsefilter" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordioncategoriesfilter">
                        <div class="accordion-body border-0">
                           <div class="form-check mb-2">
                              <input class="form-check-input" type="checkbox" value="">
                              <label class="form-check-label">
                              Computer Accessories
                              </label>
                           </div>
                           <div class="form-check mb-2">
                              <input class="form-check-input" type="checkbox" value="">
                              <label class="form-check-label">
                              Computers
                              </label>
                           </div>
                           <div class="form-check mb-2">
                              <input class="form-check-input" type="checkbox" value="">
                              <label class="form-check-label">
                              Electronics
                              </label>
                           </div>
                           <div class="form-check mb-2">
                              <input class="form-check-input" type="checkbox" value="">
                              <label class="form-check-label">
                              Keyboard and Mouse
                              </label>
                           </div>
                           <div class="form-check mb-2">
                              <input class="form-check-input" type="checkbox" value="">
                              <label class="form-check-label">
                              Laptop Batteries
                              </label>
                           </div>
                           <div class="form-check mb-2">
                              <input class="form-check-input" type="checkbox" value="">
                              <label class="form-check-label">
                              Laptop
                              </label>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </li>
            <!--More Product list-->
            <li>
               <div class="more-about">
                  <h6 class="text-muted pb-3">More About Dell</h6>
                  <p class="text-muted">Dell is the world's leading provider of reliable and affordable IT products and services. You can buy a Dell laptop, desktop, or monitor with confidence that they are built to last and packed with innovation. With a vast assortment of products available in markets, you have access to all the latest technologies with smart features that work round-the-clock. To<span class="dots">.... </span>
                     make your life more exciting, Dell is offering special discounts, coupons and offers at reasonable prices. Why not end the long wait? Get all the latest and trending offers on Dell products here on icouponworld today. Time to Save BIG!.
                  </p>
               </div>
            </li>
            <!--Coupons You May Like list-->
            <li>
               <div class="coupon-border-top">
                  <div class="coupon-you-may-like">
                     <div class="card">
                        <div class="card-header bg-white py-3">
                           <h6>Coupons You May Like</h6>
                        </div>
                        <div class="card-body p-0">
                           <div class="body-border-top">
                              <img src="images/merchant/dell-logo.jpg" alt="logo" class="img-fluid">
                              <p class="coupon-paragraph"><a class="text-default" href="#">Computer/Laptop Accessories - Up To 75% Off</a></p>
                           </div>
                           <div class="divider my-3"></div>
                           <div class="body-border-top">
                              <img src="images/merchant/laptop-store-india-logo.jpg" title="logo" class="img-fluid">
                              <p class="coupon-paragraph"><a class="text-default" href="#">Flat 15% Discount On Laptop Accessories Online</a></p>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </li>
            <li>
               <a href="#" class="btn btn-outline-primary text-uppercase"> clear & reset</a>
               <a href="#" class="btn btn-primary text-uppercase"> apply</a>
            </li>
         </ul>
      </div>
   </div>
   <!--hide on lg and wider screens End-->
   <!--Coupons from Similar Stores Begin-->
   <div class="similar-store">
      <div class="divider my-3"></div>
      <h6 class="mb-3">Coupons from Similar Stores</h6>
      <ul class="list-unstyled">
         <li><a title="Laptop" href="#">Laptop Store India Coupons</a></li>
         <li><a title="Razer" href="#">Razer Coupons</a></li>
         <li><a title="OnlySSD" href="#"> OnlySSD Coupons</a></li>
         <li><a title="Acer" href="#">Acer Coupons</a></li>
      </ul>
   </div>
   <!--Coupons from Similar Stores End-->
   <!--Popular Stores Begin-->
   <div class="similar-store">
      <div class="divider my-3"></div>
      <h6 class="mb-3">Popular Stores</h6>
      <ul class="list-unstyled">
         <li><a title="MakeMyTrip" href="#">MakeMyTrip</a></li>
         <li><a title="Amazon" href="#">Amazon</a></li>
         <li><a title="Dominos" href="#">Dominos</a></li>
         <li><a title="Paytm" href="#">Paytm</a></li>
         <div class="hidingstore hide-mestore">
            <li><a title="Rapido" href="#">Rapido</a></li>
            <li><a title="Freecharge" href="#">Freecharge</a></li>
            <li><a title="GoDaddy" href="#">GoDaddy</a></li>
         </div>
         <li class="read-morestore">Show More</li>
         <li class="show-lessstore hidingstore hide-mestore">Show Less</li>
      </ul>
   </div>
   <!--Popular Stores End-->
</div>