" class="youtube"><i class="fab fa-youtube"></i></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
		      <!-- Header Upper -->
      <div class="header-upper">
          <div class="auto-container">
              <!-- Main Box -->
              <div class="main-box clearfix">
                  <!--Logo-->
                  <div class="logo-box">
                      <div class="logo"><a href="https://travotale.com/" title="Travotale"><img src="https://travotale.com/images/1685105336Travotale_(Brand_Logo).png" alt="" title="Travotale"></a></div>
                  </div>
				  <div class="outer clearfix">
                  <div class="nav-box clearfix">
                      <!--Nav Outer-->
                      <div class="nav-outer clearfix">
                          <nav class="main-menu">
                              <ul class="navigation clearfix">
                                  <li class=""><a href="https://travotale.com/">Home</a></li>
                                  <li class=""><a href="https://travotale.com/destinations">Destination</a></li>
                                  <li class=""><a href="https://travotale.com/about">About</a></li>
                                  <li class=""><a href="https://travotale.com/blogs">Blog</a></li>
                                  <li class=""><a href="https://travotale.com/contact">Contact</a></li>
                              </ul>
                          </nav>
                          <!-- Main Menu End-->
                      </div>
                      <!--Nav Outer End-->
                  </div>
					<div class="links-box clearfix ">
									  										  <div class="link call-to">
											  <a href="tel:77658 53100"><i class="icon fa fa-phone"></i> Call Us <span class="nmbr">77658 53100</span></a>
										  </div>
									  </div>
                  <!-- Hidden Nav Toggler -->
                  <div class="nav-toggler">
                      <button class="hidden-bar-opener"><span class="icon"><img src="images/icons/menu-icon.svg" alt=""></span></button>
                  </div>

                  </div>
              </div>
          </div>
      </div>
      <!-- End Header Upper -->
  </header>
  <!--End Main Header -->

  <!--Menu Backdrop-->
  <div class="menu-backdrop"></div>

  <!-- Hidden Navigation Bar -->
  <section class="hidden-bar">
      <!-- Hidden Bar Wrapper -->
      <div class="hidden-bar-wrapper">
          <div class="hidden-bar-closer"><span class="icon"><svg class="icon-close" role="presentation" viewBox="0 0 16 14">
                      <path d="M15 0L1 14m14 0L1 0" stroke="currentColor" fill="none" fill-rule="evenodd"></path>
                  </svg></span></div>
          <div class="nav-logo-box">
              <div class="logo"><a href="https://travotale.com/" title="Travotale"><img src="https://travotale.com/images/1685105336Travotale_(Brand_Logo).png" alt="" title="Travotale"></a></div>
          </div>
          <!-- .Side-menu -->
          <div class="side-menu">
              <ul class="navigation clearfix">
                                  <li class=""><a href="https://travotale.com/">Home</a></li>
                                  <li class=""><a href="https://travotale.com/destinations">Destination</a></li>
                                  <li class=""><a href="https://travotale.com/about">About</a></li>
                                  <li class=""><a href="https://travotale.com/blogs">Blog</a></li>
                                  <li class=""><a href="https://travotale.com/contact">Contact</a></li>
                              </ul>
          </div>
          <!-- /.Side-menu -->
      </div><!-- / Hidden Bar Wrapper -->
  </section>
  <!-- / Hidden Bar -->        <!-- Banner Section -->
        <section class="banner-section">
            <div class="banner-container">
                <div class="banner-arrow wow slideInLeft" data-wow-delay="0ms" data-wow-duration="1500ms"><img src="images/background/banner-arrow.png" alt="" title=""></div>
                <div class="auto-container">
                    <div class="row clearfix">
                        <div class="left-col col-lg-6 col-md-12">
                            <div class="inner">
                                <div class="clearfix">
                                    <div class="content">
                                        <div class="bg-image"><img src="images/background/bg-gradient-1.png" alt="" title=""></div>
                                        <h3>Start Travelling Now</h3>
                                        <h1><i class="d-icon"><img src="images/resource/bde-1.png" alt="" title=""></i>Explore the Top Destination of Planet Earth</h1>
                                        <div class="text">Aliqua enim ad minim veniam, quis nostrut dolore magna aliqu inim veniam, quis nostrud.</div>
                                        <div class="form-box site-form">
                                             <form class="form" method="get" action="https://travotale.com/destinations">
                                                <div class="row clearfix">
                                                    <div class="form-group col-xl-3 col-lg-6 col-md-6 col-sm-12">
                                                        <div class="field-label">Destination</div>
                                                        <div class="field-inner">
                                                            <input type="text" name="destination" id="destination" value="" placeholder="Where to go?" required>
                                                            <i class="alt-icon fa fa-map-marker-alt"></i>
                                                        </div>
                                                    </div>
                                                    <div class="form-group col-xl-3 col-lg-6 col-md-6 col-sm-12">
                                                        <div class="field-label">Check in</div>
                                                        <div class="field-inner">
                                                            <input class="datepicker" type="text" name="checkin" id="checkin" value="" placeholder="Check in" required>
                                                            <i class="alt-icon fa fa-calendar-alt"></i>
                                                        </div>
                                                    </div>
                                                    <div class="form-group col-xl-3 col-lg-6 col-md-6 col-sm-12">
                                                        <div class="field-label">Check out</div>
                                                        <div class="field-inner">
                                                            <input class="datepicker" type="text" name="checkout" id="checkout" value="" placeholder="Check out" required>
                                                            <i class="alt-icon fa fa-calendar-alt"></i>
                                                        </div>
                                                    </div>
                                                    <div class="form-group col-xl-3 col-lg-6 col-md-6 col-sm-12">
                                                        <div class="field-label">Guests</div>
                                                        <div class="field-inner">
                                                            <input type="text" name="guest" id="guest" value="" placeholder="Guests" required>
                                                            <i class="alt-icon fa fa-user"></i>
                                                        </div>
                                                    </div>
                                                </div>
                                                <button type="submit" class="theme-btn f-btn"><span>Search <i class="fa fa-search"></i></span></button>
                                            </form>
                                        </div>
                                        <div class="lower-text"><span>3200</span> tour packages waiting for you</div>
                                    </div>
                                </div>
                            </div>
                        </div>
						 
                        <div class="right-col col-lg-6 col-md-12">
                            <div class="inner wow fadeInRight" data-wow-delay="0ms" data-wow-duration="1500ms">
                                <div class="image-layer" style="background-image: url(