<!--<div class="top_nav">
<div class="container">
        
    <div class="left">
    
         <a href="#"><i class="fa fa-envelope"></i>&nbsp; info@yourdomain.com</a> <i class="fa fa-phone-square"></i>&nbsp; +88 123 456 7890
        
    </div><!-- end left --
    
    <div class="right">
    
        <a href="#" class="tpbut two active"><i class="fa fa-pencil-square-o"></i>&nbsp; Register</a>
        <a href="#" class="tpbut"><i class="fa fa-lock"></i>&nbsp; Login</a>
        
        <ul class="topsocial">
            <li><a href="#"><i class="fa fa-facebook"></i></a></li>
            <li><a href="#"><i class="fa fa-twitter"></i></a></li>
            <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
            <li><a href="#"><i class="fa fa-youtube"></i></a></li>
            <li><a href="#"><i class="fa fa-rss"></i></a></li>
        </ul>
             
    </div><!-- end right --
        
</div>
</div><!-- end top navigation links -->
<style>
	.cl-effect-5 a {
  	overflow: hidden;
  	padding: 8 4px;
  	height: 29px;
  }
	 .cl-effect-5 a span {
  	position: relative;
  	display: inline-block;
  	-webkit-transition: -webkit-transform 0.3s;
  	-moz-transition: -moz-transform 0.3s;
  	transition: transform 0.3s;
  }

  .cl-effect-5 a span::before {
  	position: absolute;
  	top: 100%;
  	content: attr(data-hover);
  	font-weight: 500;
  	-webkit-transform: translate3d(0,0,0);
  	-moz-transform: translate3d(0,0,0);
  	transform: translate3d(0,0,0);
  }
  nav a {
  	position: relative;
  	display: inline-block;
  	//margin: 15px 25px;
  	outline: none;
  	color: #fff;
  	text-decoration: none;
  	text-transform: uppercase;
  	letter-spacing: 1px;
  	font-weight: 400;
  	text-shadow: 0 0 1px rgba(255,255,255,0.3);

  }
	nav{
		height: 43px;
		margin-top: 7px;
	}
  nav a:hover,
  nav a:focus {
  	outline: none;
	
  }
  .cl-effect-5 a:hover span,
  .cl-effect-5 a:focus span {
  	-webkit-transform: translateY(-100%);
  	-moz-transform: translateY(-100%);
  	transform: translateY(-100%);
  }

</style>

<div class="clearfix"></div>


<header class="header">
 
	<div class="container">
    
    <!-- Logo -->
    <div class="logo"><a href="<?php echo base_url();?>" >
		<img src="<?php echo base_url(); ?>assets/logo.png" style="height: 97px;
    margin-top: -19px;">
	</a></div>
		
	<!-- Navigation Menu -->
    <div class="menu_main " >
    
      <div class="navbar yamm navbar-default">
        
          <div class="navbar-header">
            <div class="navbar-toggle .navbar-collapse .pull-right " data-toggle="collapse" data-target="#navbar-collapse-1"  > <span>Menu</span>
              <button type="button" > <i class="fa fa-bars"></i></button>
            </div>
          </div>
          
          <div id="navbar-collapse-1" class="navbar-collapse collapse pull-right ">
          
            <nav class="cl-effect-5">
            
              <ul class="nav navbar-nav">
              
                <li class="dropdown yamm-fw">
					<a href="<?php echo base_url();?>" <?php if($page == 'Home'){ echo "class='active'";}?>><span data-hover="Home">Home</span></a>
                
                   
                </li>
                
                <li class="dropdown"><a href="#" data-toggle="dropdown" <?php if($page == 'About'){ echo "class='active'";}?> ><span data-hover="About">About Us</span></a>
                    <ul class="dropdown-menu" role="menu">
                    <li><a href="<?php echo base_url();?>about" class="active">About Us</a></li>
					<li><a href="<?php echo base_url();?>about_director" class="active">About Directors</a></li>
					<li><a href="<?php echo base_url();?>team" class="active">Our Team</a></li>
					<li><a href="<?php echo base_url();?>quality" class="active">Qality Policy</a></li>
					</ul>
                </li>
        
                
                
                <li class="dropdown"><a href="#"<?php if($page == 'Service'){ echo "class='active'";}?> ><span data-hover="Our Services">Our Services</span></a>
                    <ul class="dropdown-menu" role="menu">
						<?php foreach($services as $row):
						     
						?>
                    <li> <a href="<?php echo base_url();?>service/<?php echo $row->s_name;?>"><?php echo $row->s_name;?></a> </li>
					<?php endforeach;?>
                 
                    </ul>
                </li>
                
             

                <li class="dropdown"> <a <?php if($page == 'Client'){ echo "class='active'";}?> href="<?php echo base_url();?>client"><span data-hover="Our Clients">Our Clients</span> </a>
                
                </li>
                
				 <li class="dropdown"><a <?php if($page == 'Gallery'){ echo "class='active'";}?> href="<?php echo base_url();?>gallery" ><span data-hover="Gallery">Gallery</span></a>
                   
                </li>
				
                <li class="dropdown"><a <?php if($page == 'Contact'){ echo "class='active'";}?> href="<?php echo base_url();?>contact" ><span data-hover="Contact">Contact</span></a>
                   
                </li>
                
              </ul>
              
            </nav>
            
          </div>
        
      </div>
    </div>
	<!-- end Navigation Menu -->
    
    
	</div>
    
</header>
