<header class="top-header top-header-bg">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-4 col-md-4">
                    <div class="top-head-left">
                        <div class="top-contact">
                            <h3><i class="fa fa-phone"></i> <a href="tel:<?php echo $datac['phone']; ?>"> <?php echo $datac['phone']; ?></a></h3>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-4">
                    <div class="top-head-center">
                        <div class="top-contact">
                            <h3></h3>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-4">
                    <div class="top-header-right">
                        <div class="top-header-social">
                            <ul>
                                <li>
                                    <a href="<?php echo $dataf['facebook_link'];?>" target="_blank">
                                        <i class='bx bxl-facebook'></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="<?php echo $dataf['twitter_link'];?>" target="_blank">
                                        <i class='bx bxl-twitter'></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="<?php echo $dataf['pinterest_link'];?>" target="_blank">
                                        <i class='bx bxl-linkedin-square'></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="<?php echo $dataf['insta_link'];?>" target="_blank">
                                        <i class='bx bxl-instagram'></i>
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <!-- <div class="language-list">
                            <select class="language-list-item">
                                <option>English</option>
                                <option>العربيّة</option>
                                <option>Deutsch</option>
                                <option>Português</option>
                                <option>简体中文</option>
                            </select>
                        </div> -->
                    </div>
                </div>
            </div>
        </div>
    </header>


    <div class="navbar-area">

<div class="mobile-nav">
    <a href="index.html" class="logo">
        <img style="width: 51px;" src="assets/images/dk.png" class="logo-one" alt="Logo">
        <img style="width: 51px;" src="assets/images/dk.png" class="logo-two" alt="Logo">
    </a>
</div>

<div class="main-nav">
    <div class="container">
        <nav class="navbar navbar-expand-md navbar-light ">
            <a class="navbar-brand" href="<?php echo $wspath?>">
                <img style="width:70px" src="<?php echo $wspath?>admin/images/<?php echo $data1["logo"];?>" class="logo-one" alt="Ibrahim-Ayurvedic-Khandani-Dawakhana">
                <!--<img src="assets/images/dk.png" class="logo-two" alt="Logo">-->
            </a>
            <div class="collapse navbar-collapse mean-menu" id="navbarSupportedContent">
                <ul class="navbar-nav m-auto">
                    <li class="nav-item">
                        <a href="<?php echo $wspath?>" class="nav-link active">Home</a>
                    </li>
                    <li class="nav-item">
                        <a href="<?php echo $wspath?>about.html" class="nav-link">About</a>
                    </li>
                    <li class="nav-item">
                        <a href="" class="nav-link">
                            Products
                            <i class='bx bx-caret-down'></i>
                        </a>
                        <ul class="dropdown-menu">
                            <?php               
                                    $sqlci = "SELECT * FROM `tbl_product`";
                                    $runci = mysqli_query($db,$sqlci) or die("Query Not run");
                                    while($dataci = mysqli_fetch_assoc($runci)){
                                ?>
                                    <li class="nav-item">
                                        <a href="<?php echo $wspath?>product<?php echo $dataci["slug_link"];?>.html" class="nav-link">
                                            <?php echo $dataci["en_name"];?>
                                        </a>
                                    </li>
                                    <?php } ?>
                                    <!--<li class="nav-item">-->
                                    <!--    <a href="products-detail.php" class="nav-link">-->
                                    <!--        Kanak Champa-->
                                    <!--    </a>-->
                                    <!--</li>-->
                                    <!--<li class="nav-item">-->
                                    <!--    <a href="products-detail.php" class="nav-link">-->
                                    <!--        Oak-->
                                    <!--    </a>-->
                                    <!--</li>-->
                                    <!--<li class="nav-item">-->
                                    <!--    <a href="products-detail.php" class="nav-link">-->
                                    <!--        Aparajita-->
                                    <!--    </a>-->
                                       
                                    <!--</li>-->
                                    <!--<li class="nav-item">-->
                                    <!--    <a href="products-detail.php" class="nav-link">-->
                                    <!--        Arandi Kharbuja-->
                                    <!--    </a>-->
                                       
                                    <!--</li>-->
                                    <!--<li class="nav-item">-->
                                    <!--    <a href="products-detail.php" class="nav-link">-->
                                    <!--        Anjeer-->
                                    <!--    </a>-->
                                    <!--</li>-->
                                    <!--<li class="nav-item">-->
                                    <!--    <a href="products-detail.php" class="nav-link">-->
                                    <!--        Angoor (Jangli)  </a>-->
                                    <!--</li>-->
                                    <!--<li class="nav-item">-->
                                    <!--    <a href="products-detail.php" class="nav-link">-->
                                    <!--        Amrood-->
                                    <!--    </a>-->
                                    <!--</li>-->
                                    <!--<li class="nav-item">-->
                                    <!--    <a href="products-detail.php" class="nav-link">-->
                                    <!--        Anaar-->
                                    <!--    </a>-->
                                    <!--</li>-->
                                </ul>
                    </li>
                  
                    <li class="nav-item">
                        <a href="<?php echo $wspath?>contact.html" class="nav-link">
                            Contact
                        </a>
                    </li>
                </ul>
                <div class="nav-side d-display">
                    <div class="nav-side-item">
                      
                    </div>
                    <div class="nav-side-item">
                        <div class="get-btn">
                            <a href="<?php echo $wspath?>contact.html" class="default-btn btn-bg-two border-radius-50">Get A Quote
                                <i class='bx bx-chevron-right'></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </nav>
    </div>
</div>
<div class="side-nav-responsive">
    <div class="container-max">
        <div class="dot-menu">
            <div class="circle-inner">
                <div class="in-circle circle-one"></div>
                <div class="in-circle circle-two"></div>
                <div class="in-circle circle-three"></div>
            </div>
        </div>
        <div class="container">
            <div class="side-nav-inner">
                <div class="side-nav justify-content-center align-items-center">
                    <div class="side-nav-item nav-side">
                        <div class="search-box">
                            <i class='bx bx-search'></i>
                        </div>
                        <div class="get-btn">
                            <a href="contact.php" class="default-btn btn-bg-two border-radius-50">Get A Quote
                                <i class='bx bx-chevron-right'></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</div>