<header id="menu-wrapper" class="menu-wrapper">
	<div class="kk-menu-container">
		<!-- start mobile menu -->
		<div class="main-mobile-menu">
			<div class="mobile-wrapper">
				<?php 
					wp_nav_menu( array(
						'container'		 => '',
						'theme_location' => 'main-menu',
						'menu_class'     => 'kktfwp-mtree',
						'depth'          => 0,
						'fallback_cb'    => false					
					 ) );				
				?>	
			
			</div>
		</div>
		<!-- end mobile menu -->

	<!-- start logo -->
	<div class="logo">
		<?php kktfwp_the_custom_logo(); ?>
	</div>
	<!-- end logo -->	
		
	<!-- start mobile menu trigger -->
	<div id="on-mobile" class="kktfwp-mobile-burger">
		<span class="kktfwp-ham ham-left"></span>
		<span class="kktfwp-ham ham-right"></span>
	</div>	
	<!-- end mobile menu trigger -->
			
		<div class="menu-icons">
			<!-- start navigation -->
			<nav class="main-nav">
				<?php wp_nav_menu(array('container'=>'','theme_location'=>'main-menu','depth'=>0,'fallback_cb'=>false ,'walker'=>''))?>	
			</nav>
			<!-- end navigation -->
			
			<div class="some-buttons">
		
				<!-- start album icon -->
				<div class="kk-info-trigger">
					<i class="kk-icon-info"></i>
				</div>			
				<!-- end album icon -->
				
				<!-- start thumbs icon -->
				<div class="kk-thumbs-trigger">
					<i class="kk-icon-th-large-outline"></i>
				</div>			
				<!-- end thumbs icon -->
				
				<!-- start search icon -->
				<?php get_template_part( 'extends/search', 'button' ); ?>
				<!-- end search icon -->
			</div>
		</div>
	</div>
			
</header>

<!-- start search form -->
<?php if ( !get_theme_mod( 'kktfwp_search_btn', 0 ) ) : ?>
	<div class="search-fs-form">
		<!-- start search close icon -->
		<div class="kk-search-close">
				<span></span>
		</div>
		<!-- end search close icon -->
		
		<?php get_search_form(  ); ?>
	</div>
<?php endif; ?>
<!-- end search form -->