 <header class="transparent scroll-light has-topbar">
            <div id="topbar">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="d-flex justify-content-between xs-hide">
                                <div class="header-widget d-flex">
                                    <div class="topbar-widget"><a href="tel:1300( 382 828)"><i class="icofont-phone"></i>1300 DUCT AU ( 382 828)</a></div>
                                    <div class="topbar-widget"><a href="mailto:sales@ductaustralia.com.au"><i class="icofont-envelope"></i>sales@ductaustralia.com.au</a></div>
                                    <!--<div class="topbar-widget"><a href="#"><i class="icofont-wall-clock"></i>Mon - Fri 08.00 - 18.00</a></div>-->
                                </div>

                                <div class="social-icons">
                                    <a href="https://www.facebook.com/Duct-Australia-Pty-LTD-574921862625670/"><i class="fa-brands fa-facebook fa-lg"></i></a>
                                    <a href="http://twitter.com/ductaustralia"><i class="fa-brands fa-x-twitter fa-lg"></i></a>
                                    <!--<a href="#"><i class="fa-brands fa-youtube fa-lg"></i></a>-->
                                    <!--<a href="#"><i class="fa-brands fa-pinterest fa-lg"></i></a>-->
                                    <!--<a href="#"><i class="fa-brands fa-instagram fa-lg"></i></a>-->
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="clearfix"></div>
                </div>
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <div class="de-flex sm-pt10">
                            <div class="de-flex-col">
                                <!-- logo begin -->
                                <div id="logo">
                                    <a href="index.php">
                                        <img class="logo-main" src="images/logo.png" style="width:150px;"  alt="" >
                                        <img class="logo-scroll" src="images/logo.png" style="width:150px;" alt="" >
                                        <img class="logo-mobile" src="images/logo.png" style="width:150px;" alt="" >
                                    </a>
                                </div>
                                <!-- logo close -->
                            </div>
                            <div class="de-flex-col header-col-mid">
                                <ul id="mainmenu">
                                    <li><a class="menu-item" href="index.php">Home</a></li>
                                    <li><a class="menu-item" href="about.php">About Us</a></li>
                                    <li><a class="menu-item" href="duct-installation.php">Duct Installations</a></li>
                                    <li><a class="menu-item" href="projects.php">Projects</a></li>
                                    <li><a class="menu-item" href="products.php">Staff Login</a>
                                        <ul>
                                            <li><a class="menu-item" href="">Employee login</a></li>
                                            <li><a class="menu-item" href="">Contractor</a></li>
                                            
                                        </ul>
                                    </li>
                                    <li><a class="menu-item" href="contact.php">Contact Us</a></li>
                                </ul>
                            </div>
                            <div class="de-flex-col">
                                <div class="menu_side_area">          
                                    <a href="contact.php" class="btn-main bg-color-2">Get in Touch</a>
                                    <span id="menu-btn"></span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </header>
       