<header class="header-mobile-4 d-block d-lg-none mb-3">
    <div class="header-mobile-wrapper">
        <div class="menu-container">
            <span class="menu-handler">
                <?php get_template_part('themeplat/responsive/header/menu-mobile', 'header'); ?>
            </span>
            <?php
                $display_search_header  = ot_get_option('display_search_header', false);
                if ($display_search_header  == 'on') :
            ?>
            <span class="menu-handler">
                <div class="search search-btn">
                    <a href="#search">
                        <i class="fal fa-search"></i>
                    </a>
                </div>
            </span>
        </div>
        <?php endif; ?>
        <div class="logo-container">
            <a href="<?php echo get_home_url(); ?>" title="<?php echo bloginfo('name'); ?>">
                <img src="<?php echo ot_get_option('logo_blog_barsa'); ?>">
            </a>
        </div>
    </div>
</header>
<header class="header_nin_5 header_12 header_11 d-none d-lg-block">
    <div class="tab_bar_5">
        <div class="container">
            <div class="row">
                <div class="col-3">
                    <?php if (ot_get_option('header_11_advanced_button')): ?>
                    <div class="advanced-button-wrapper">
                        <a href="">
                            <span><?php echo ot_get_option('header_11_advanced_button'); ?></span>
                            <i class="fab fa-<?php echo ot_get_option('header_11_advanced_button_icon', 'instagram'); ?>"></i>
                        </a>
                    </div>
                    <?php endif; ?>
                </div>
                <div class="col-6">
                <div class="cd-logo">
                        <?php if (ot_get_option('logo_blog_barsa')) : ?>
                            <a href="<?php echo get_home_url(); ?>" title="<?php echo bloginfo('name'); ?>">
                                <img src="<?php echo ot_get_option('logo_blog_barsa'); ?>">
                            </a>
                        <?php endif; ?>
                    </div>
                </div>
                <div class="col-3">
                    <?php
                $display_share_back  = ot_get_option('display_social', false);
                    if ($display_share_back  == 'on') :
                        if (function_exists('ot_get_option')) {
                            $social_media_channels = array(
                                "facebook"      => "fab fa-facebook-f",
                                "twitter"      => "fa-brands fa-x-twitter",
                                "instagram"     => "fab fa-instagram",
                                "google+"       => "fab fa-google-plus-g",
                                "linkedin"      => "fab fa-linkedin-in",
                                "pinterest"     => "fab fa-pinterest",
                                "youtube"       => "fab fa-youtube",
                                "dribbble"      => "fal fa-digging",
                                "github"        => "fab fa-github",
                                "forrst"        => "fal fa-tree",
                                "digg"          => "fab fa-digg",
                                "delicious"     => "fab fa-delicious",
                                "tumblr"        => "fab fa-tumblr",
                                "skype"         => "fab fa-skype",
                                "soundCloud"    => "fab fa-soundcloud",
                                "vimeo"         => "fab fa-vimeo-v",
                                "flickr"        => "fab fa-flickr",
                                "vk"        => "fab fa-vk",
                                "telegram"      => "fab fa-telegram",
                                "apple"         => "fab fa-apple",
                                "android"       => "fab fa-android",
                            );
                            $social_media_icons = ot_get_option('social_links');
                        };
                ?>
                <?php if ($social_media_icons) { ?>
                    <ul class="social-media left">
                        <?php
                        foreach ($social_media_icons as $key => $icon) {
                            if ($social_media_channels[$icon['name']]) {
                                echo "<li><a target='_blank' href='" . $icon['href'] . "'><i class='" . $social_media_channels[$icon['name']] . "'></i></a></li>";
                            }
                        }
                        ?>
                    </ul>
                <?php }
                endif; ?>
                </div>
            </div>
        </div>
    </div>
    <div class="main_menu_5 d-none d-lg-block">
        <div class="container">
            <div class="row">
                <div class="col-2">
                <ul class="tool_header5">
                    <?php
                        $display_search_header  = ot_get_option('display_search_header', false);
                        if ($display_search_header  == 'on') :
                        ?>
                        <li class="search_heade">
                            <a href="#search">
                                <i class="fal fa-search"></i>
                            </a>
                        </li>
                        <?php endif; ?>
                    </ul>
                </div>
                <div class="col-8">
                    <nav class="cd-main-nav">
                        <?php wp_nav_menu(array('theme_location' => 'main-menu', 'walker' => new ASG_Megamenu_Walker())); ?>
                    </nav>
                </div>
                <div class="col-2">
                <ul class="tool_header5 left">
                    <?php
                        $profile_header  = ot_get_option('profile_header', false);
                        if ($profile_header  == 'on') :
                            get_template_part('themeplat/login/blo-but-login', 'button');
                        endif;
                        ?>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</header>
<div style="padding-bottom:2rem;"></div>
<?php
get_template_part('themeplat/search/search-pop', 'search');
get_template_part('themeplat/login/register', 'header');
?>