<style type="text/css">

   #top-bar2 img{
      width: 100%;
      height: auto;
      box-sizing: border-box;
   }
   @media(max-width: 552px){
    .top-bar{
        width: 100%;
        padding: 0 10px;
    }

   }
   .follow-us{
    position: fixed;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    z-index: 10000;
  }
  .follow-us a{
    display: block;
    color: #fff;
  }
  .follow-us a .fa{
    padding: 10px;
    width: 40px;
    text-align: center;
  }
  .follow-us a .fa-facebook{
    background: #22A3FC;
  }
  .follow-us a .fa-whatsapp{
    background: #10E55B;
  }
  .follow-us a .fa-instagram{
    background: #F5432B;
  }
  .follow-us a .fa-twitter{
    background: #209FE7;
  }
  .header .nav-menu{
    padding: 0 5px;
}

</style>
<!--------Top Bar--------->
<div class="follow-us">
  <a href="https://www.facebook.com/prasadeyehospital/"><i class="fa fa-facebook"></i></a>
  <a href="https://wa.me/918017514309"><i class="fa fa-whatsapp"></i></a>
  <a href="https://www.facebook.com/prasadeyehospital/"><i class="fa fa-instagram"></i></a>
  <a href="https://www.facebook.com/prasadeyehospital/"><i class="fa fa-twitter"></i></a>
</div>
<section id="top-bar">
<div class="container">
    <div class="row">
      <div class="col-md-7">
        <div class="top-bar contact">
            <div class="row">
                <div class="col-md-4" align="center">
                    <span class="material-icons">perm_phone_msg</span><span> Toll Free: 1800 852 852 </span>
                </div>
                <div class="col-md-4" align="center">
                    <span class="material-icons">phone_iphone</span><span>Tel.: +91 9142515235 </span>
                </div>
                <div class="col-md-4" align="center">
                    <span class="material-icons">email</span><span>info@dgrcranchi.in</span>
                </div>
            </div>
        </div>
      </div>
      <div class="col-md-5" align="right">
        <div class="top-bar social-icon">
        	<a href=""><i class="fa fa-facebook-official"></i></a>
        	<a href=""><i class="fa fa-instagram"></i></a>
        	<a href=""><i class="fa fa-twitter"></i></a>
        	<a href=""><i class="fa fa-youtube"></i></a>
        </div>
      </div>
    </div>
</div>
</section>
<section id="top-bar2">
   <img src="images/topbar1.jpg">
</section>

<!---------Main Menu------->
<!-- header start -->
  <header class="header">
     <div class="container">
        <div class="header-main">
           <div class="open-nav-menu">
              <span></span>
           </div>
           <div class="menu-overlay">
           </div>
           <!-- navigation menu start -->
           <nav class="nav-menu">
             <div class="close-nav-menu">
                <img src="images/close.png" alt="close">
             </div>
             <ul class="menu">
             	<li class="menu-item">
                   <a href="index.php">Home</a>
                </li>
                <li class="menu-item">
                   <a href="#">About</a>
                </li>
                <li class="menu-item menu-item-has-children">
                   <a href="#" data-toggle="sub-menu">Citizen Corner <i class="plus"></i></a>
                   <ul class="sub-menu">
                       <li class="menu-item"><a href="grievance-registration.php">Grievance Registration</a></li>
                       <li class="menu-item"><a href="#">Enquiry</a></li>
                       <li class="menu-item"><a href="#">View Status</a></li>
                       <li class="menu-item"><a href="#">Clarification Reminder</a></li>
                       <li class="menu-item"><a href="#">Upload Evidence</a></li>
                       <li class="menu-item"><a href="feedback.php">Feedback</a></li>
                       <li class="menu-item"><a href="#">Guidlines</a></li>
                       <li class="menu-item"><a href="#">Schemes</a></li>
                       <li class="menu-item"><a href="citizen-login.php">Sign In</a></li>
                   </ul>
                </li>
                <li class="menu-item menu-item-has-children">
                   <a href="#" data-toggle="sub-menu">Downloads <i class="plus"></i></a>
                   <ul class="sub-menu">
                       <li class="menu-item"><a href="#">Grievance Reg. Form</a></li>
                       <li class="menu-item"><a href="#">Bruchurs</a></li>
                       <li class="menu-item"><a href="#">Mobile App</a></li>
                   </ul>
                </li>
                <li class="menu-item menu-item-has-children">
                   <a href="#" data-toggle="sub-menu">Media <i class="plus"></i></a>
                   <ul class="sub-menu">
                       <li class="menu-item"><a href="#">Gallery</a></li>
                       <li class="menu-item"><a href="#">News</a></li>
                       <li class="menu-item"><a href="#">Blogs</a></li>
                   </ul>
                </li>
                 <li class="menu-item">
                   <a href="contact.php">Statistics</a>
                </li>
                <li class="menu-item">
                   <a href="contact.php">Success Story</a>
                </li>
                <li class="menu-item">
                   <a href="contact.php">Contact</a>
                </li>
                <li class="menu-item">
                   <a href="#">Press Release</a>
                </li>
                <li class="menu-item">
                   <a href="officer-login.php">Official Login</a>
                </li>
             </ul>
           </nav>
           <!-- navigation menu end -->
        </div>
     </div>
  </header>
  <!-- header end -->