how to design the searchbar for this ( www.healthstation.in ) site

i tried my many ways to add a userfriendly search bar. still i am not able to add a search bar for the web site(www.healthstation.in) this web site meant for online appointment booking for doctors Detect

                    </div>
                    <input type="hidden" id="lat" name="lat" value="">
                    <input type="hidden" id="long" name="long" value="">

            </div>

            <div  class="autocomplete col-lg-6" onclick="checkloc();"id="doc"style="border:1px solid #ccc; #808080;background-color:#ffffff;">
                <input id="qu" type="text" name="qu" onkeyup="fx()" autocomplete="off"  style="width:100%;background-color:#ffffff;margin-top:-1px;border:none;font-weight:600;" placeholder="Search By Specialization . . . ">
                 <div id="livesearch"> </div>
             </div>
         </div>
     </main>