
<style>
   @media screen and (max-width: 767px) {
    .hm_menu_wrapper {
        margin-top: -69px;
    }

    .hm_logo {
        text-align: left !important;
    }

    .hm_logo img {
        display: block;
        max-width: 100%;
        height: auto;
        padding: 10px; /* Adds spacing inside the white box */
    }

    .hm_logo_container {
        background-color: white; /* White background box */
        padding: 8px; /* Adjust as needed */
        border-radius: 1px; /* Optional: rounded corners */
        display: inline-block;
        box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Optional: shadow for better visibility */
        margin-top: 5px;
    }
}


</style>
<style>
     .hm_logo_container {
        background-color: white; 
        padding: 8px; 
        border-radius: 1px; 
        display: inline-block;
        box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
        margin-top: 5px;
    }
</style>
    <div class="hm_menu_wrapper" style="background-color: #4f575a;">
    <div class="container">
        <div class="row">
            
            <div class="col-lg-4 col-md-4 col-sm-4">
                <div class="hm_logo_container">
                <div class="hm_logo">
                      
                    <?php if($contact->company_logo){
                        $logo_path = "../../vender/".$contact->picture_path();
                            if($logo_path){
                                $main_image = $logo_path;
                            }
                            else{
                                $main_image = "../../../images/default.png";
                            }
                    }
                    else{
                        $main_image = "../../../images/default.png";
                    } ?>
                    
                  
                    
                    <a href="<?php echo $base_url ?><?php echo $_GET['company'] ?>"><img src="<?php echo $main_image ?>" style="height: 69px;" width="100" alt="handmade-craft-logo-black" class="img-responsive"></a>
                    
                    
                </div>
                 
            </div>
            </div>
           
            <div class="col-lg-8 col-md-8 col-sm-8">
                <div class="hm_menu_wrap">
                    <nav>
                        <div class="menu_btn"><span></span><span></span><span></span></div>
                        <div class="hm_menu">
                            <ul>
                                <li class="<?php echo (!isset($_GET['page']) ? 'active' : '') ?>"><a href="<?php echo $base_url ?><?php echo $_GET['company'] ?>" style="font-family: 'Poppins', sans-serif;">Home</a>
                                </li>
                                <li class="<?php echo (isset($_GET['page']) ? ($_GET['page'] == 'about' ? 'active' : '') : '') ?>"><a href="<?php echo (isset($_GET['page']) ? ($_GET['page'] == 'about' ? $_SESSION['url'] : $base_url.$_GET['company'].'/about') : $base_url.$_GET['company'].'/about') ?>" style="font-family: 'Poppins', sans-serif;">About</a></li>
                                <li class="<?php echo (isset($_GET['page']) ? ($_GET['page'] == 'products' ? 'active' : '') : '') ?>"><a href="<?php echo (isset($_GET['page']) ? ($_GET['page'] == 'products' ? $_SESSION['url'] : $base_url.$_GET['company'].'/products') : $base_url.$_GET['company'].'/products') ?>" style="font-family: 'Poppins', sans-serif;">Our Products</a>
                                </li>
                                
                                <li class="<?php echo (isset($_GET['page']) ? ($_GET['page'] == 'gallery' ? 'active' : '') : '') ?>">
                                    <a href="<?php echo (isset($_GET['page']) ? ($_GET['page'] == 'gallery' ? $_SESSION['url'] : $base_url.$_GET['company'].'/gallery') : $base_url.$_GET['company'].'/gallery') ?>" style="font-family: 'Poppins', sans-serif;">Gallery</a>
                                </li>
                                
                                <li class="<?php echo (isset($_GET['page']) ? ($_GET['page'] == 'certificates' ? 'active' : '') : '') ?>">
                                    <a href="<?php echo (isset($_GET['page']) ? ($_GET['page'] == 'certificates' ? $_SESSION['url'] : $base_url.$_GET['company'].'/certificates') : $base_url.$_GET['company'].'/certificates') ?>" style="font-family: 'Poppins', sans-serif;">Certificates</a>
                                </li>
                                  
                                <li class="<?php echo (isset($_GET['page']) ? ($_GET['page'] == 'contact' ? 'active' : '') : '') ?>"><a href="<?php echo (isset($_GET['page']) ? ($_GET['page'] == 'contact' ? $_SESSION['url'] : $base_url.$_GET['company'].'/contact') : $base_url.$_GET['company'].'/contact') ?>" style="font-family: 'Poppins', sans-serif;">contact</a></li>
                            </ul>
                        </div>
                    </nav>
                    <!-- <div class="hm_header_search">
                        <i class="fa fa-search" aria-hidden="true"></i>
                        <div class="hm_search_box">
                            <div class="icon_close">
                                <i class="fa fa-times" aria-hidden="true"></i>
                            </div>
                            <form>
                                <input type="search" name="search" placeholder="Search here...">
                            </form>
                        </div>
                    </div> -->
                </div>
            </div>
        </div>
    </div>
</div>