<header class="header-area">

<div class="main-header d-none d-lg-block">
    <!-- header top start -->
    <div class="header-top blue-bg">
        <div class="container">
            <div class="row">
                <div class="col-lg-6">
                    <ul class="header-top-left">
                        <li><i class="fa fa-headphones"></i><a href="tel: +91-98230 67464">+91-98230 67464</a></li>
                        <li><i class="fa fa-envelope-open"></i><a href="mailto:contactus@aviralresources.com">contactus@aviralresources.com</a></li>
                    </ul>
                </div>
                <div class="col-lg-6">
                    <div class="header-social-link text-end">
                        <a href="https://www.facebook.com/AviralResources"><i class="fa fa-facebook"></i></a>
                     
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- header top start -->

    <!-- main menu start -->
    <div class="header-main-area sticky">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-3">
                    <!-- logo area start -->
                    <div class="brand-logo">
                        <a href="index.php">
                            <img src="assets/img/logo/aviral.png" alt="brand logo">
                        </a>
                    </div>
                    <!-- logo area end -->
                </div>
                <div class="col-lg-9">
                    <div class="main-menu-inner">
                        <!-- main menu navbar start -->
                        <nav class="main-menu">
                            <ul>
                                <li class="active"><a href="index.php">Home </a>
                                 
                                </li>
                                <li><a href="about.php">About Us</a></li>
                                <li><a href="service.php">Services</a>
                                  
                                </li>
                            
                                <li><a href="contact.php">Contact us</a></li>
                                <li><button type="button" class="btn btn-primary profile"><a href="profile.pdf" target="_blank" class="profileclass">Company Profile</a></button></li>
                              
                               
                            </ul>
                        </nav>
                        <!-- main menu navbar end -->
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- main menu end -->
</div>

<!-- mobile header start -->
<!-- mobile header start -->
<div class="mobile-header d-lg-none d-md-block sticky">
    <!--mobile header top start -->
    <div class="container-fluid">
        <div class="row align-items-center">
            <div class="col-12">
                <div class="mobile-main-header">
                    <div class="mobile-logo">
                        <a href="index.php">
                            <img src="assets/img/logo/aviral.png" alt="Brand Logo">
                        </a>
                    </div>
                    <div class="mobile-menu-toggler">
                        <button class="mobile-menu-btn">
                            <span></span>
                            <span></span>
                            <span></span>
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- mobile header top start -->
</div>
<!-- mobile header end -->
<!-- mobile header end -->

<!-- off-canvas mobile menu start -->
<!-- off-canvas menu start -->
<aside class="off-canvas-wrapper">
    <div class="off-canvas-overlay"></div>
    <div class="off-canvas-inner-content">
        <div class="btn-close-off-canvas">
            <i class="fa fa-close"></i>
        </div>

        <div class="off-canvas-inner">
            <!-- search box start -->
            <div class="search-box-offcanvas">
            </div>
            <!-- search box end -->

            <!-- mobile menu start -->
            <div class="mobile-navigation">

                <!-- mobile menu navigation start -->
                <nav>
              
                    <ul class="mobile-menu">
                    <li class="active"><a href="index.php">Home </a>
                                 
                                 </li>
                                 <li><a href="about.php">About Us</a></li>
                                 <li><a href="service.php">Services</a>
                                   
                                 </li>
                             
                                 <li><a href="contact.php">Contact us</a></li>
                                 <li><button type="button" class="btn btn-primary profile"><a href="profile.pdf" target="_blank" class="profileclass">Company Profile</a></button></li>
                    </ul>
                </nav>
                <!-- mobile menu navigation end -->
            </div>
            <!-- mobile menu end -->

            <!-- offcanvas widget area start -->
            <div class="offcanvas-widget-area">
                <div class="off-canvas-contact-widget">
                    <ul>
                        <li><i class="fa fa-mobile"></i>
                            <a href="tel: +91-98230 67464">+91-98230 67464</a>
                        </li>
                        <li><i class="fa fa-envelope-o"></i>
                            <a href="mailto: contactus@aviralresources.com">contactus@aviralresources.com</a>
                        </li>
                    </ul>
                </div>
                <div class="off-canvas-social-widget">
                    <a href="https://www.facebook.com/AviralResources"><i class="fa fa-facebook"></i></a>
                    <!-- <a href="#"><i class="fa fa-youtube-play"></i></a> -->
                </div>
            </div>
            <!-- offcanvas widget area end -->
        </div>
    </div>
</aside>
<!-- off-canvas menu end -->
<!-- off-canvas mobile menu end -->

</header>