<!-- <header>
<div class="main-header--transparent clearfix">
<div class="container">
<div class="contact-info">
<p><i class="flaticon-phone-call"></i> Phone: (012)-345-6789</p>
<p><i class="flaticon-mail"></i> Mail: <a href="https://htmldesigntemplates.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="9de9f2e8eff3e9effcebf8f1dde9f8eee9f0fcf4f1b3fef2f0">[email&#160;protected]</a></p>
</div>
<div class="login-btn pull-right">
<a href="login.html"><i class="fa fa-user-plus"></i> Register</a>
<a href="login.html"><i class="fa fa-unlock-alt"></i> Login</a>
</div>
</div>
</div>
</header> -->


<div class="navigation hea">
<div class="container">
<div class="navigation-content">
<div class="header_menu">

<nav class="navbar navbar-default navbar-sticky-function navbar-arrow">
<div class="logo pull-left">
<a href="index.php"><img alt="Image" src="images/Yatra-01.png" /></a>
</div>

<div id="navbar" class="navbar-nav-wrapper">
<ul class="nav navbar-nav" id="responsive-menu">

	<li><a href="index.php" class="navcolor">Home</a></li>

<!-- <li><a href="destination.php" class="navcolor">Destinations</a></li> -->
<li >
<a  href="#" class="navcolor">Destinations <i class="fa fa-angle-down"></i></a>
<ul>
<li>
<a href="#">India</a>
<ul>
<li><a href="delhi.php">Delhi</a></li>   
<li><a href="agra.php">Agra</a></li>
<li><a href="jaipur.php">Jaipur</a></li>
<li><a href="ranthom.php">Ranthambore</a></li>
<li><a href="jodhpur.php">Jodhpur</a></li>
<li><a href="udaipur.php">Udaipur</a></li>
<li><a href="varanasi.php">Varanasi</a></li>
</ul>
</li>
<!--<li>-->
<!--<a href="tour-detail.html">Dubai</a>-->
<!--<ul>-->
<!--<li><a href="destination.php">Hatta</a></li>-->

<!--</ul>-->
<!--</li>-->
</ul>
</li>
<!--<li><a href="gallery.php" class="navcolor">Gallery</a></li>-->
<li >
<a  href="#" class="navcolor">Inspiration & Planning <i class="fa fa-angle-down"></i></a>

<ul>
<!--<li>-->
<!--<a href="tour-detail.html">India</a>-->
<!--<ul>-->
<!--<li><a href="destination.php">Introduction</a></li>  -->
<!--<li><a href="destination.php">First Tour of India ?</a></li>-->
<!--<li><a href="agra.php">Plan Your Journey</a></li>-->
<!--<li><a href="destination.php">Activities</a></li>-->

<!--<li><a href="destination.php">FAQs</a></li>-->

<!--</ul>-->
<!--</li>-->
<!--<li>-->
<!--<a href="tour-detail.html">Dubai</a>-->
<!--</li>-->
<!--<li>-->
<!--<a href="tour-detail.html">Dubai</a>-->
<!--</li>-->
<li><a href="Introduce.php">Introduction</a></li>  
<li><a href="firsttime.php">First Tour of India ?</a></li>
<li><a href="luxury.php">Plan Your Journey</a></li>
<li><a href="activity.php">Activities</a></li>

<li><a href="faq.php">FAQs</a></li>
</ul>
</li>
<li><a href="about.php" class="navcolor">About us</a></li>
</ul>
</div>

<!--<p class="btn-mob"> <i class="fa fa-envelope navcolor mright2" style="font-size: 25px;    padding-top: 15px;"></i></p>-->

<!--<p class="btn-mob"> <i class="fa fa-phone navcolor mright3" style="font-size: 25px;    padding-top: 15px;"></i></p>-->

<!--<p class="btn-mob"> <i class="fa fa-search navcolor" style="font-size: 25px;    padding-top: 15px;"></i></p>-->

<div class="package-info btn-mob martop mright1">
<a href="contact.php" class="btn-blue btn-red btnnew" tabindex="-1" >GET IN TOUCH</a>
</div>
<div class="package-info btn-mob martop mright">
<a href="#" class="btn-blue btn-red btnnew" tabindex="-1">GET STARTED</a>
</div>


<div id="slicknav-mobile"></div>
</nav>
</div>
</div>
</div>
</div>