<div class="header-bottom">
    
    <div class="ef-container">
        <div class="row align-items-center">
            <div class="site-branding col-12">
                <?php practical_site_branding(); ?>
            </div>
        </div>
    </div>
    
    <nav id="site-navigation" class="main-navigation cf" role="navigation">
        <div class="ef-container">
            <h3 class="menu-toggle" aria-controls="primary-menu" aria-expanded="false"><i class="fa fa-bars"></i></h3>
            <?php if ( 0 != get_theme_mod( 'practical_header_search', 0 ) ) : ?>
                <div class="header-search">
                    <div class="search-toggle"></div>
                    <div class="search-container"><?php get_search_form(); ?></div>
                </div>
            <?php endif; ?>
            <?php
                if ( has_nav_menu( 'primary' ) ) {
                    wp_nav_menu( array(
                        'theme_location' => 'primary',
                        'container'      => false,
                        'menu_id'        => 'primary-menu',
                    ) );
                } else {
                    wp_page_menu();
                }
            ?>
        </div>
    </nav><!-- #site-navigation -->
    
</div>