<!--==================== Header ====================-->
    <div>
        <div class="top-bar-style2">
            <div class="container">
                <div class="row">
                    <div class="col-md-4">
                        <ul class="topbar-social">
    
                            <li><a href="https://www.instagram.com/drjatinder_singla?utm_source=ig_web_button_share_sheet&igsh=ZDNlZDc0MzIxNw=="><i style="font-size:26px" class="fab fa-instagram"></i></a></li>
                            <li><a href="https://www.linkedin.com/in/dr-jatinder-singla-knee-joint-replacement-surgeon/"><i style="font-size:26px" class="fab fa-linkedin"></i></a></li>
                        </ul>
                    </div>
                    <div class="col-md-8 d-flex justify-content-end">
                        <ul class="topbar-contact ml-auto">
                            <li><i><svg xmlns="http://www.w3.org/2000/svg" height="22" width="22" fill="white" viewBox="0 0 512 512"><path d="M64 112c-8.8 0-16 7.2-16 16v22.1L220.5 291.7c20.7 17 50.4 17 71.1 0L464 150.1V128c0-8.8-7.2-16-16-16H64zM48 212.2V384c0 8.8 7.2 16 16 16H448c8.8 0 16-7.2 16-16V212.2L322 328.8c-38.4 31.5-93.7 31.5-132 0L48 212.2zM0 128C0 92.7 28.7 64 64 64H448c35.3 0 64 28.7 64 64V384c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V128z"/></svg>
                            </i> <a style="color:white; text-decoration:none;" href="mailto:drjsingla@gmail.com">drjsingla@gmail.com</a></li>
                            <li><i>
                                <svg xmlns="http://www.w3.org/2000/svg" height="22" width="22" fill="white" viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M164.9 24.6c-7.7-18.6-28-28.5-47.4-23.2l-88 24C12.1 30.2 0 46 0 64C0 311.4 200.6 512 448 512c18 0 33.8-12.1 38.6-29.5l24-88c5.3-19.4-4.6-39.7-23.2-47.4l-96-40c-16.3-6.8-35.2-2.1-46.3 11.6L304.7 368C234.3 334.7 177.3 277.7 144 207.3L193.3 167c13.7-11.2 18.4-30 11.6-46.3l-40-96z"/></svg>
                            </i><a style="color:white; text-decoration:none;" href="tel:+91 9876036698">+91 9876036698</a></li>
                            <li><a href="appointment.php" class="btn btn-success">Make an Appointment</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <!-- Nav menu -->
                    <nav class="navbar navbar-expand-lg navbar-light">
                        <a class="navbar-brand" href="index.php"><img src="images/web_img/logo.png" alt="#" /></a>
                        <button class="navbar-toggler nav-custome1" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle
                                navigation">
                            <span class="navbar-toggler-icon"></span>
                        </button>
                        <div class="collapse navbar-collapse" id="navbarSupportedContent">
                            <ul class="navbar-nav ml-auto">
                                <li class="nav-item dropdown">
                                    <a class="nav-link" href="index.php">
                                        Home 
                                    </a>
                                </li>
                                <li class="nav-item dropdown">
                                    <a class="nav-link" href="about-us.php">
                                        About Us 
                                    </a>
                                </li>
                                <li class="nav-item dropdown">
                                    <a class="nav-link" href="services-3.php">
                                        Services 
                                    </a>
                                </li>
                                <!--<li class="nav-item dropdown">-->
                                <!--    <a class="nav-link dropdown-toggle" href="services-3.php" id="navbarDropdown1" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">-->
                                <!--        Services <i class="fas fa-plus"></i>-->
                                <!--    </a>-->
                                <!--    <div class="dropdown-menu" aria-labelledby="navbarDropdown">-->
                                <!--        <a class="dropdown-item" href="knee-replacement.php">Knee Replacement</a>-->
                                <!--        <a class="dropdown-item" href="hip-replacement.php">Hip Replacement</a>-->
                                <!--        <a class="dropdown-item" href="fracture-and-trauma.php">Fracture and Trauma </a>-->
                                <!--        <a class="dropdown-item" href="backache.php">Backache</a>-->
                                <!--    </div>-->
                                <!--</li>-->
                                <li class="nav-item dropdown">
                                    <a class="nav-link" href="gallery.php">
                                        Gallery 
                                    </a>
                                </li>
                                <li class="nav-item dropdown">
                                    <a class="nav-link" href="contact-us.php">
                                        Contact Us 
                                    </a>
                                </li>
                                
                            </ul>
                        </div>
                    </nav>
                    <!--//End Nav menu -->
                </div>
            </div>
        </div>
        
    </div>
    <!--//End Header -->