<style>
   @media only screen and (max-width: 600px) {
 #footer{
     margin-bottom:30px;
 }
}
</style>

<footer id="footer" class="footer bg-black-111" style="background:url(<?php echo $wspath?>images/bg-footer.jpg) no-repeat center;">
    <div class="container pt-70">
      <div class="row border-bottom-black">
        <div class="col-sm-6 col-md-4">
          <div class="widget dark"> <a href="<?php echo $wspath?>"><img class="mt-10 mb-20" alt="" src="<?php echo $wspath?>admin/images/<?php echo $dataf['footer_logo'];?>"></a>
            <p style="text-align:justify;">Studio B Dental Skin & Hair Clinic is your premier destination for comprehensive dental, skin, and hair care. With a commitment to excellence, our experienced team combines advanced technology with personalized attention to enhance your natural beauty and ensure optimal health.</p>
            </div>
        </div>
        <div class="col-sm-6 col-md-2">
          <div class="widget dark">
            <h5 class="widget-title">Useful Links</h5>
            <ul class="list-border ft-nv">
              <li><a href="<?php echo $wspath?>index.html"><i class="fa fa-star"></i> Home</a></li>
              <li><a href="<?php echo $wspath?>about-us.php"><i class="fa fa-star"></i> About Us</a></li>
              <!-- <li><a href="our-expertise.php"><i class="fa fa-star"></i> Our Expertise</a></li> -->
              <!-- <li><a href="video.php"><i class="fa fa-star"></i> Video</a></li> -->
              <li><a href="<?php echo $wspath?>contact-us.html"><i class="fa fa-star"></i> Contact Us</a></li>
              <li><a href="<?php echo $wspath?>gallery.html"><i class="fa fa-star"></i> Photo Gallery</a></li>
              <li><a href="<?php echo $wspath?>sitemap.html"><i class="fa fa-star"></i> Sitemap </a></li>
            </ul>
          </div>
        </div>
        <div class="col-sm-6 col-md-3">
          <div class="widget dark">
            <h5 class="widget-title">Our Expertise</h5>
         
            <ul class="list-border ft-nv">
                  <?php
                                            $sqltype = "SELECT * FROM `tbl_product` LIMIT 3";
                                            $runtype = mysqli_query($db,$sqltype) or die("Query Not run");
                                            while($datatypef = mysqli_fetch_assoc($runtype)){
                                            $ids=$datatypef['p_id'];
                                        ?>
                                        <li><a href="<?php echo $wspath?>experties/<?php echo $datatypef['slug_link']?>.html"><i class="fa fa-star"></i> <?php echo $datatypef['product_name']?></a></li>
                                <?php
                                    }
                                ?>
               <li><a href="<?php echo $wspath?>our-expertise.html" class="rd-mr1">View More &rarr;</a></li>
            </ul>
          </div>
        </div>
        <div class="col-sm-6 col-md-3">
          <div class="widget dark">
            <h5 class="widget-title">Contact Us</h5>
            <ul class="list-inline mt-5">
              <li class="m-0 pl-10 pr-10"> <i class="fa fa-map-marker text-theme-colored mr-5"></i> <a class="text-gray" href="<?php echo $wspath?>contact-us.php">Near Civil, Hospital, Jagadhri Distt, Yamunanagar</a> </li>
              <li class="m-0 pl-10 pr-10"> <i class="fa fa-phone text-theme-colored mr-5"></i> <a class="text-gray" href="tel:+91-7404685585">+91-7404685585</a> </li>
              <!--<li class="m-0 pl-10 pr-10"> <i class="fa fa-whatsapp text-theme-colored mr-5"></i> <a class="text-gray" href="tel:+91-9971317999">+91-9971317999</a> </li>-->
              <li class="m-0 pl-10 pr-10"> <i class="fa fa-envelope-o text-theme-colored mr-5"></i> <a class="text-gray" href="mailto:rinkukundu.kuk@gmail.com">rinkukundu.kuk@gmail.com</a> </li>
            </ul>
          </div>
          <div class="widget dark" style="margin-top:-30px;">
            <h5 class="widget-title mb-10">Connect With Us</h5>
            <ul class="styled-icons icon-dark icon-circled icon-sm">
              <li><a href="<?php echo $dataf["facebook_link"]; ?>"><i class="fa fa-facebook"></i></a></li>
              <li><a href="<?php echo $dataf["insta_link"]; ?>"><i class="fa fa-instagram"></i></a></li>
              <li><a href="https://www.linkedin.com/company/studio-b321/?viewAsMember=true"><i class="fa  fa-linkedin"></i></a></li>
              <li><a href="https://www.youtube.com/@Studio-b-official"><i class="fa fa-youtube"></i></a></li>
              <li> <a class="text-white" href="https://twitter.com/Studiob321"><i class="fa fa-twitter"></i></a> </li>
              <li> <a class="text-white" href="https://www.pinterest.com/studiob321/"><i class="fa fa-pinterest"></i></a> </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <div class="footer-bottom bg-black-222" style="background-color:#f36438 !important; padding:10px;">
      <div class="container pt-10 pb-0">
        <div class="row">
          <div class="col-md-12 text-center">
            <p class="font-13 text-black-777 m-0" style="color:#fff !important; font-size:18px;">Copyright &copy;2024 Studio B Dental Skin & Hair Clinic. All Rights Reserved | Website Designed, Developed and Promoted by  <a href="http://www.webkeyindia.com/" target="_blank" class="cmpy"> WebKeyIndia.Com.</a></p>
          </div>
        </div>
      </div>

    </div>
  </footer>
  
  <?php include "footer-contact.php";?>
  
  <?php include "popup-form.php";?>
  

<script src="<?php echo $wspath?>js/custom.js"></script> 
<script type="text/javascript" src="<?php echo $wspath?>js/revolution-slider/js/extensions/revolution.extension.actions.min.js"></script> 
<script type="text/javascript" src="<?php echo $wspath?>js/revolution-slider/js/extensions/revolution.extension.carousel.min.js"></script> 
<script type="text/javascript" src="<?php echo $wspath?>js/revolution-slider/js/extensions/revolution.extension.kenburn.min.js"></script> 
<script type="text/javascript" src="<?php echo $wspath?>js/revolution-slider/js/extensions/revolution.extension.layeranimation.min.js"></script> 
<script type="text/javascript" src="<?php echo $wspath?>js/revolution-slider/js/extensions/revolution.extension.migration.min.js"></script> 
<script type="text/javascript" src="<?php echo $wspath?>js/revolution-slider/js/extensions/revolution.extension.navigation.min.js"></script> 
<script type="text/javascript" src="<?php echo $wspath?>js/revolution-slider/js/extensions/revolution.extension.parallax.min.js"></script> 
<script type="text/javascript" src="<?php echo $wspath?>js/revolution-slider/js/extensions/revolution.extension.slideanims.min.js"></script> 
<script type="text/javascript" src="<?php echo $wspath?>js/revolution-slider/js/extensions/revolution.extension.video.min.js"></script>