<!--===// Start: Main Header
=================================-->
	
<?php if ( get_header_image() ) : ?>
	<a href="<?php echo esc_url( home_url( '/' ) ); ?>" id="custom-header" rel="home">
		<img src="<?php echo esc_url(get_header_image()); ?>" width="<?php echo esc_attr( get_custom_header()->width ); ?>" height="<?php echo esc_attr( get_custom_header()->height ); ?>" alt="<?php echo esc_attr(get_bloginfo( 'title' )); ?>">
	</a>	
<?php endif;  ?>
<header id="main-header" class="main-header">
	
	<?php do_action('flossy_above_header'); ?>
	
	<!-- NAVIGATION-AREA -->
	<div class="navigation-wrapper">
		<div class="navigation-middle">
			<div class="main-navigation-area d-none d-lg-block">
				<div class="main-navigation <?php echo flossy_sticky_menu(); ?>">
					<div class="container">
						<div class="row navigation-middle-row">
							<div class="col-lg-2 col-12 my-auto">
								<div class="logo">
									<?php do_action('flossy_logo'); ?>
								</div>
							</div>
							<div class="col-lg-10 col-12 my-auto">
								<nav class="navbar-area">
									<div class="main-navbar">
										<?php do_action('flossy_main_nav'); ?>
									</div>
									<div class="main-menu-right">
										<ul class="menu-right-list">
										<li class="search-magnifier">
											<?php 
												$hs_product_search	= get_theme_mod( 'hs_product_search','1');
												if($hs_product_search=='1' && class_exists( 'woocommerce' )){
											?>										
												<a href="#" class="search-btn"><i class="jcs ja-search"></i></a>
												<?php do_action('flossy_hdr_normal_search'); 
												}	
											?>
										</li>
											<?php
												do_action('flossy_hdr_cart');
												do_action('flossy_hdr_account');
											?>
										</ul>
									</div>
								</nav>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="main-mobile-nav <?php echo flossy_sticky_menu(); ?> d-lg-none">
			<div class="container">
				<div class="row">
					<div class="col-12">
						<div class="main-mobile-menu">
							<div class="menu-collapse-wrap">
								<div class="hamburger-menu">
									<button type="button" class="menu-collapsed" aria-label="Menu Collapsed">
										<div class="top-bun"></div>
										<div class="meat"></div>
										<div class="bottom-bun"></div>
									</button>
								</div>
							</div>
							<div class="mobile-logo">
								<div class="logo">
									<?php do_action('flossy_logo'); ?>
								</div>
							</div>

							<div class="main-mobile-wrapper">
								<div id="mobile-menu-build" class="main-mobile-build">
									<button type="button" class="header-close-menu close-style"
										aria-label="Header Close Menu"></button>
									<?php do_action('flossy_hdr_mobile_browse_cat')?>
								</div>
							</div>
							<div class="mobile-menu-right">
								<ul class="header-wrap-right "></ul>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</header>
<!-- End: Main Header
=================================-->

<?php 
	if ( !is_page_template( 'templates/template-homepage.php' ) ) {	
		flossy_breadcrumbs_style();  
	}
?>