<?php 
/**
 * header style 3
 */
function nextbit_header_style_3(){ ?>
    <!-- Main Header / Header Style Three -->
    <header class="main-header header-style-three">
    	
        <!-- Header Lower -->
        <div class="header-lower">
            
			<div class="auto-container clearfix">
				<div class="inner-container clearfix">
					
					<div class="pull-left logo-box">
						<div class="logo"><?php nextbit_header_light_logo(); ?></div>
					</div>
					<div class="nav-outer clearfix">
						
						<!-- Main Menu -->
						<nav class="main-menu show navbar-expand-md">
							<div class="navbar-header">
								<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
									<span class="icon-bar"></span>
									<span class="icon-bar"></span>
									<span class="icon-bar"></span>
								</button>
							</div>
							
							<div class="navbar-collapse  sss collapse clearfix" id="navbarSupportedContent">
								<?php nextbit_header_menu();?>
							</div>
							
						</nav>
						<!-- Main Menu End-->
						
						<!-- Outer Box -->
						<div class="outer-box clearfix">
							
							<!--Search Box-->
							<div class="search-box-outer">
								<div class="search-box-btn"><span class="fa fa-search"></span></div>
							</div>

                            <?php if( NEXTBIT_WOOCOMMERCE_ACTIVED && $nextbit_header_cart == true ) : ?>
							<!-- Cart Box -->
							<div class="cart-box">
                                <div class="dropdown">
                                    <button class="cart-box-btn dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span class="flaticon-shopping-bag-2"></span>
                                    <span class="total-cart" id="nextbit-cart-count"><?php echo esc_html(WC()->cart->cart_contents_count); ?></span></button>
                                    <?php print nextbit_shopping_cart(); ?>
                                </div>
							</div>
							<!-- End Cart Box -->
                            <?php endif; ?>
														
							<!-- Side Menu -->
							<div class="mobile-nav-toggler"><span class="icon flaticon-dots-menu"></span></div>
							
						</div>
						<!-- End Outer Box -->
						
					</div>
				</div>
				
			</div>
        </div>
        <!-- End Header Lower -->
        
		<!-- Sticky Header  -->
        <div class="sticky-header">
            <div class="auto-container clearfix">
                <!-- Logo -->
                <div class="logo pull-left">
                    <?php nextbit_header_light_logo();?>
                </div>
				
                <!--Right Col-->
                <div class="pull-right">
                    <!-- Main Menu -->
                    <nav class="main-menu">
                        <!--Keep This Empty / Menu will come through Javascript-->
                    </nav><!-- Main Menu End-->
					
					<!-- Outer Box -->
					<div class="outer-box clearfix">
						
						<!--Search Box-->
						<div class="search-box-outer">
							<div class="search-box-btn"><span class="fa fa-search"></span></div>
						</div>					
						
						<?php if( NEXTBIT_WOOCOMMERCE_ACTIVED && $nextbit_header_cart == true ) : ?>
							<!-- Cart Box -->
							<div class="cart-box">
                                <div class="dropdown">
                                    <button class="cart-box-btn dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span class="flaticon-shopping-bag-2"></span>
                                    <span class="total-cart" id="nextbit-cart-count"><?php echo esc_html(WC()->cart->cart_contents_count); ?></span></button>
                                    <?php print nextbit_shopping_cart(); ?>
                                </div>
							</div>
							<!-- End Cart Box -->
                            <?php endif; ?>
						<!-- Side Menu -->
						<div class="mobile-nav-toggler"><span class="icon flaticon-dots-menu"></span></div>
						
					</div>
					<!-- End Outer Box -->
					
                </div>
            </div>
        </div><!-- End Sticky Menu -->
    
		<!-- Mobile Menu  -->
        <div class="mobile-menu">
            <div class="menu-backdrop"></div>
            <div class="close-btn"><span class="icon flaticon-multiply"></span></div>
            
            <nav class="menu-box">
                <div class="nav-logo"><?php nextbit_header_logo(); ?></div>
                <div class="menu-outer"><!--Here Menu Will Come Automatically Via Javascript / Same Menu as in Header--></div>
            </nav>
        </div><!-- End Mobile Menu -->
	
    </header>
    <!-- End Main Header -->
<?php 
}