<!-- Start: Header
============================= -->

<header id="header" role="banner" class="wow fadeInDown navbar-area <?php echo esc_attr(film_celebrity_sticky_header()); ?>" <?php if ( get_header_image() ) { ?> style="background-image: url( <?php header_image(); ?> ); background-size: 100%;" data-wow-duration="2s" <?php } ?> >
	<div class="container">
		<div class="row">
			<div class="col-lg-3 col-md-4 align-self-center">
				<div class="logo main">
					<?php if ( function_exists( 'film_celebrity_logo_title_description' ) ) :	film_celebrity_logo_title_description(); endif; ?>
				</div>
			</div>
			<div class="col-lg-6 col-md-4 align-self-center">
				<div class="toggle-menu gb_menu mb-2 mb-md-0 text-center text-md-start">
					<button onclick="film_celebrity_navigation_open()" class="gb_toggle"><p class="mb-0"><?php esc_html_e('Menu','film-celebrity'); ?></p></button>
				</div>
				<div id="gb_responsive" class="nav side_gb_nav">
					<nav id="top_gb_menu" class="gb_nav_menu" role="navigation" aria-label="<?php esc_attr_e( 'Menu', 'film-celebrity' ); ?>">
						<?php 
						    wp_nav_menu( array( 
								'theme_location' => 'primary_menu',
								'container_class' => 'gb_navigation clearfix' ,
								'menu_class' => 'clearfix',
								'items_wrap' => '<ul id="%1$s" class="%2$s mobile_nav mb-0 px-0">%3$s</ul>',
								'fallback_cb' => 'wp_page_menu',
						    ) ); 
						?>
						<a href="javascript:void(0)" class="closebtn gb_menu" onclick="film_celebrity_navigation_close()">x<span class="screen-reader-text"><?php esc_html_e('Close Menu','film-celebrity'); ?></span></a>
					</nav>
				</div>
			</div>
			<div class="col-lg-3 col-md-4 align-self-center">
				<div class="search_form_area">
					<?php get_search_form(); ?>
				</div>
			</div>
		</div>
	</div>
</header>