<div class="full-width-header">
   <div class="offwrap"></div>

        <!--Preloader start here-->
       <!-- <div id="pre-load">
           <div id="loader" class="loader">
               <div class="loader-container">
                   <div class='loader-icon'><img src="assets/images/logo2.png" alt=""></div>
               </div>
           </div>              
       </div>-->
    <!--Header Start-->
    <header id="rs-header" class="rs-header style2 header-transparent">
        <!-- Topbar Area Start -->
        <div class="topbar-area style1">
            <div class="container custom">
                <div class="row y-middle">
                    <div class="col-lg-7">
                        <div class="topbar-contact">
                           <ul>
                               <li>
                                   <i class="flaticon-email"></i>
                                   <a href="mailto:contact@mquad.io">contact@unhabitat.io</a>
                               </li>
                               <li>
                                   <i class="flaticon-call"></i>
                                   <a href="tel:(+91)1124642901"> +91 XXXXXXXXX</a>
                               </li>
                           </ul>
                        </div>
                    </div>
                <div class="col-lg-5 text-right">
                        <div class="toolbar-sl-share">
                            <ul>
                                 <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                                 <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                 <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Topbar Area End -->

        <!-- Menu Start -->
        <div class="menu-area menu-sticky">
            <div class="container custom">
                <div class="row-table">
                    <div class="col-cell header-logo">                                  
                        <div class="logo-area d-flex align-items-center">
                            <a href="index.php">
                                <img src="assets/images/logo2.png" alt="logo">  
                            </a> 
                          
                        </div>
                    </div>
                    <div class="col-cell">
                        <div class="rs-menu-area">
                            <div class="main-menu">
                                <nav class="rs-menu hidden-md">
                                    <ul class="nav-menu">
                                        <li class="current-menu-item">
                                            <a href="index.php">Home</a>                         
                                        </li>
                                        <li class="menu-item">
                                            <a href="#">About</a>                                                        
                                            <ul class="sub-menu">
                                                <li><a href="about.php">About US</a></li>
                                               
                                            </ul>
                                        </li>
                                       <!-- <li><a href="team.php">Our Team</a></li>-->
                                        <li><a href="contact.php">Contact Us</a></li>
                                    </ul> <!-- //.nav-menu -->
                                </nav>
                            </div> <!-- //.main-menu -->
                        </div>
                    </div>
                    <div class="col-cell">
                        <div class="expand-btn-inner">
                            <ul>   
                            	<li>
                                    <div class="btn-part">
                                        <a class="readon consultant get-quote" href="#">Sign In</a>
                                     </div>
                                </li>                             
                                <li class="humburger">
                                    <a id="nav-expander" class="nav-expander bar" href="#">
                                        <div class="bar">
                                            <span class="dot1"></span>
                                            <span class="dot2"></span>
                                            <span class="dot3"></span>
                                            <span class="dot4"></span>
                                            <span class="dot5"></span>
                                            <span class="dot6"></span>
                                            <span class="dot7"></span>
                                            <span class="dot8"></span>
                                            <span class="dot9"></span>
                                        </div>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                   <!-- <div class="col-cell">
                        <div class="expand-btn-inner">
                            <ul>
                                <li class="search-parent">
                                    <a class="hidden-xs rs-search" data-bs-toggle="modal" data-bs-target="#searchModal" href="#">
                                        <i class="flaticon-search"></i>
                                    </a>
                                </li>
                                <li >
                                    <div class="btn-part">
                                        <a class="readon consultant get-quote" href="#">Sign In</a>
                                     </div>
                                </li>
                                <li class="humburger">
                                    <a id="nav-expander" class="nav-expander bar" href="#">
                                        <div class="bar">
                                            <span class="dot1"></span>
                                            <span class="dot2"></span>
                                            <span class="dot3"></span>
                                            <span class="dot4"></span>
                                            <span class="dot5"></span>
                                            <span class="dot6"></span>
                                            <span class="dot7"></span>
                                            <span class="dot8"></span>
                                            <span class="dot9"></span>
                                        </div>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>-->
        <!-- Menu End -->

        <!-- Canvas Mobile Menu start -->
        <nav class="right_menu_togle mobile-navbar-menu" id="mobile-navbar-menu">
            <div class="close-btn">
                <a id="nav-close2" class="nav-close">
                    <div class="line">
                        <span class="line1"></span>
                        <span class="line2"></span>
                    </div>
                </a>
            </div>
            <ul class="nav-menu">
                <li class="current-menu-item">
                    <a href="index.php">Home</a>                         
                </li>
                <li class="menu-item-has-children">
                    <a href="#">About</a>                                                        
                    <ul class="sub-menu">
                        <li><a href="#">About Us</a></li>
                        <li><a href="#">Partners</a></li>
                    </ul>
                </li>
                <li><a href="#">Our Team</a></li>
                <li><a href="#">Contact Us</a></li>
            </ul> <!-- //.nav-menu -->
            <div class="canvas-contact">
                  <div class="address-area">
                      <div class="address-list">
                          <div class="info-icon">
                              <i class="flaticon-location"></i>
                          </div>
                          <div class="info-content">
                              <h4 class="title">Address</h4>
                              <em>XXXXXXXXXXXXXXXXX</em>
                          </div>
                      </div>
                      <div class="address-list">
                          <div class="info-icon">
                              <i class="flaticon-email"></i>
                          </div>
                          <div class="info-content">
                              <h4 class="title">Email</h4>
                              <em><a href="mailto:adff@mquad.com">adff@unhabitat.com</a></em>
                          </div>
                      </div>
                      <div class="address-list">
                          <div class="info-icon">
                              <i class="flaticon-call"></i>
                          </div>
                          <div class="info-content">
                              <h4 class="title">Phone</h4>
                              <em>+91 XXXXXXXXXX</em>
                          </div>
                      </div>
                  </div>
            </div>
        </nav>
        <!-- Canvas Menu end -->
    </header>
    <!--Header End-->
</div>