bnmbertsurrttrtrtrtrjhjhjjhjhhjhjhjhf'tdfg

hjkhghtjhjjhjhjhjhjjhjhjjhrrtrtoirh bnmbertsurrttrtrtrtrjhjhjjhjhhjhjhjhf'tdfg

<!DOCTYPE html>
<html lang="">
   <link href="css/component.css" rel="stylesheet">
   
   <link href="css/typography.css" rel="stylesheet">
   <link rel="stylesheet" href="css/style.css">
   <?php
      include 'include/head.php';
      ?>
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
   <script>
      $(document).ready(function() {
      
          $('.responsive').slick({
              // dots: true,
         infinite: true,
         speed: 300,
         slidesPerRow: 1,
         rows: 2,
         slidesToShow: 4,
         slidesToScroll: 1,
         lazyLoad: 'ondemand',
         autoplay: false,
          
              responsive: [{
                  breakpoint: 1024,
                  settings: {
                      slidesToShow: 3,
                      slidesToScroll: 1,
             infinite: true,
                      autoplay: false,
      
                  }
      
              }, {
                  breakpoint: 800,
                  settings: {
           slidesToShow: 3,
           slidesToScroll: 2,
           infinite: true,
           autoplay: false,
      
                  }
      
      
              }, {
                  breakpoint: 600,
                  settings: {
                      slidesToShow: 1,
                      slidesToScroll: 1,
             rows: 1,
             slidesPerRow: 1,
                      
                  }
              }, {
           breakpoint: 480,
           settings: {
           slidesToShow: 1,
           slidesToScroll: 1,
           rows: 1,
           slidesPerRow: 1,
           autoplay: false,
                  }
              }]
          });
      
      
      });
      
      
      
      $(document).ready(function() {
      
          $('.responsive-car').slick({
         infinite: true,
         speed: 300,
         slidesToShow: 4,
         slidesToScroll: 1,
         autoplay: true,
          
              responsive: [{
                  breakpoint: 1024,
                  settings: {
                      slidesToShow: 3,
                      slidesToScroll: 1,
             infinite: true,
                      autoplay: false,
      
                  }
      
              }, {
                  breakpoint: 800,
                  settings: {
                      slidesToShow: 3,
                      slidesToScroll: 2,
                      infinite: true,
                      autoplay: false,
      
                  }
      
      
              }, {
                  breakpoint: 600,
                  settings: {
                      slidesToShow: 1,
                      slidesToScroll: 1,
             infinite: true,
             autoplay: false,
                      
                  }
              }, {
                  breakpoint: 480,
                  settings: {
                      slidesToShow: 1,
                      slidesToScroll: 1,
                      //dots: true,
                      infinite: true,
                      autoplay: true,
                      autoplaySpeed: 2000,
                  }
              }]
          });
      
      
      });
      
      
      $(document).ready(function() {
      
          $('.regular').slick({
         infinite: true,
         speed: 300,
         slidesToShow: 2,
         slidesToScroll: 1,
         autoplay: true,
         responsive: [{
         breakpoint: 1024,
         settings: {
         slidesToShow: 2,
         slidesToScroll: 1,
         infinite: true,
         autoplay: false,
      
                  }
      
              }, {
                  breakpoint: 800,
                  settings: {
                      slidesToShow: 2,
                      slidesToScroll: 1,
                      infinite: true,
                      autoplay: false,
      
                  }
      
      
              }, {
                  breakpoint: 600,
                  settings: {
                      slidesToShow: 1,
                      slidesToScroll: 1,
             infinite: true,
             autoplay: false,
                      
                  }
              }, {
                  breakpoint: 480,
                  settings: {
                      slidesToShow: 1,
                      slidesToScroll: 1,
                      //dots: true,
                      infinite: true,
                      autoplay: false,
                      autoplaySpeed: 2000,
                  }
              }]
          });
      
      
      });
   </script>
   <script src="js/slick.js"></script> 
   <style type="text/css">
      details.readmore {
      padding: 2rem 0rem 3rem;
      border-radius: 15px;
      background-color: white;
      cursor: text;
      position: relative;
      }
      details.readmore summary {
      display: -webkit-box;
      pointer-events: none;
      overflow: hidden;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      }
      details.readmore summary:after {
      top: 100%;
      margin-top: -2.5rem;
      display: block;
      cursor: pointer;
      background: #f68a1e;
      color: #fff;
      position: absolute;
      pointer-events: initial;
      /* text-decoration: underline; */
      padding: 2px 5px;
      }
      details.readmore:not([open]) summary:after {
      content: attr(data-more);
      }
      details.readmore[open] summary {
      -webkit-line-clamp: unset;
      }
      details.readmore[open] summary:after {
      content: attr(data-less);
      }
      .honaine ul li
      {
      list-style: none;
      margin-right: 10px;
      }
      .honaine ul
      {
      display: flex;
      }
      .honaine
      {
      padding: 10px 0px;
      }
      .pkcg-tb>li.active>a, .pkcg-tb>li.active>a:focus, .pkcg-tb>li.active>a:hover {
      color: #555;
      cursor: default;
      background: linear-gradient(#f85406,#e7861d);
      border: 1px solid #e8841c;
      color: #fff;
      }
      .pkcg-tb> li.active::after {
      content: "";
      position: absolute;
      left: 45%;
      opacity: 1;
      margin: 0 auto;
      bottom: -29px;
      border: 15px solid transparent;
      border-top-color: transparent;
      border-top-color: transparent;
      border-top-color: #e8841c;
      }
      .pkcg-tb>li>a {
      position: relative;
      display: block;
      background: #286090;
      padding: 8px 25px;
      margin: 0;
      text-transform: uppercase;
      color: #fff;
      line-height: 21px;
      font-size: 13px;
      letter-spacing: .5px;
      }
      .all-pkcg {
      border: 1px solid #ccc;
      padding: 24px 20px;
      border-top: none;
      margin-bottom: 20px;
      }
      .all-pkcg {
      box-shadow: 0px 10px 10px rgba(88, 87, 87, 0.8);
      -webkit-transition: all 200ms ease-in;
      -webkit-box-shadow: 0px 10px 10px rgba(88, 87, 87, 0.8);
      -moz-box-shadow: 0px 10px 10px rgba(88, 87, 87, 0.8);
      }
      html{overflow-x:hidden;}
      .bk-enc .banner-search_tab {border: 1px solid #ccc;border-top:none; padding:10px 5px;}
      .search_one.absolute {top: 0px;}
      .pickes-siz{width:150px;}
      .mc-feature{border-top:1px solid #ccc; font-size:14px;}
      .mc-feature img{width:40px; padding:5px; border-radius:5px;}
      .mc-feature .iti-box{margin:10px auto; height:80px;}
      .m-res {padding:0 5px;}
      .bootstrap-select.btn-group .dropdown-menu {
      height: 200px!important;
      }
      .bootstrap-select.btn-group .dropdown-menu.inner {
      max-height: 140px!important;
      }
      .validate {
      color: red;
      font-weight: bold;
      border: 2px solid #152b57;
      border-radius: 15px;
      padding: 5px;
      }
      .inup .showtourist {
      font-size: 14px;
      position: absolute;
      top: -12%;
      left: 83%;
      }
      .selectParent select {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      width: 100%;
      cursor: pointer;
      height: 35px;
      padding: 5px 5px!important;
      font-size: 14px;
      font-weight: 400;
      color: #333;
      text-align: left;
      background-color: #fff;
      border: 1px solid #adadad;
      border-radius: 4px;
      box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
      transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
      background: #fff url(../images/dropdown.png) no-repeat Right ;
      margin: 0;
      } 
      .slick-prev {left: -40px; }
      .slick-next { right: -40px; }
      .srvcnone { display: none;}
      .destination-text1 { font-size: 15px; padding: 0px 5px; margin-top: -3px; }
      .desti-small { margin-top: 2px; }
      .carousel-inner > .item { height:310px; }
      .tab-content label{font-size:11px; font-family: 'Arial';}
      .why-box strong { color: inherit;}
      p a { color: #ff6c26; text-decoration: none; font-weight: 600;}
      .why-box p a:hover {color:#000;}
      .all-pkcg {
      box-shadow: 0px 10px 10px rgba(88, 87, 87, 0.8);
      -webkit-transition: all 200ms ease-in;
      -webkit-box-shadow: 0px 10px 10px rgba(88, 87, 87, 0.8);
      -moz-box-shadow: 0px 10px 10px rgba(88, 87, 87, 0.8);
      }
      .tab-pane {
      padding:0%;
      font-size: 14px;
      border: 0;
      border-top: 0;
      margin:0;
      float:left;
      width:100%;
      border-bottom-left-radius: 4px;
      border-bottom-right-radius: 4px;
      }
      .ratechart table th {
      background: #308fcc;
      padding: 10px;
      border: 1px solid #eee;
      font-size: 12px;
      color: #fff;
      text-align: center;
      vertical-align: middle;
      font-weight: 500;
      }
      .ratechart table strong {
      text-transform: uppercase;
      color: #fff;
      }
      .ratechart table th:first-child {
      background: #308fcc;
      color: #fff;
      text-transform: capitalize;
      font-size: 14px;
      text-align: center;
      padding: 0;
      vertical-align: middle;
      }
      .ratechart table td.tblhead {
      font-size: 18px;
      padding: 6px 6px;
      background: linear-gradient(to right, #ff266d, #f99f49);
      border: 0;
      color: #fff;
      letter-spacing: 1px;
      text-align: center;
      font-weight: 600;
      }
      .ratechart table td {
      background: #fff;
      padding: 1px 6px;
      font-weight: 500;
      color: #000;
      text-align: center;
      font-size: 14px;
      vertical-align: middle;
      }
      .ratechart table td:first-child img {
      width:150px;
      display: block;
      margin: 10px auto;
      padding: 6px;
      border: 1px solid #ccc;
      border-radius: 5px;
      box-shadow: 4px 3px 4px #ccc;
      }
      .ratechart table strong {
      text-transform: uppercase;
      }
      .prc-locl{font-weight:600; font-size:14px;}
      .lol-txt {
      font-size: 15px;
      position: relative;
      top: 30px;
      font-weight: 600;
      color: #1184bb;
      text-align: left;
      }
      .round-wdh{padding-right:0;}
      .round-wdh2{padding-right:0;}
      .round-wdh3{padding-right:0;}
      .round-wdh4{padding-right:0;}
      .round-wdh5{padding-right:0;}
      .round-wdh6{padding-right:0;}
      .input-field .form-control, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="email"], input[type="tel"], input[type="color"], .uneditable-input{
      padding-left: 5px;
      padding-right: 5px;
      }
      table > thead:first-child > tr:first-child > th {
      border: 1px solid #ccc;
      }
      .table-bordered > thead > tr > td, .table-bordered > thead > tr > th
      {
      border-bottom-width:1px;
      }
      /*rwd table css start here*/
      .rwd-table th {
      display: none;
      }
      .rwd-table td {
      display: block;
      }
      .rwd-table td:before {
      content: attr(data-th) "" !important;
      float: left;
      font-size: 12px;
      margin-bottom: 10px;
      position: relative !important;
      top: 0 !important;
      left: 0 !important;
      width: auto !important;
      display: inline-block;
      color: #000;
      clear: both;
      text-align: left;
      }
      .rwd-table {
      color: #333;
      overflow: hidden;
      }
      .rwd-table th,
      .rwd-table td {
      padding: 5px 5px;
      }
      @media screen and (max-width: 768px) {
      .round-wdh{padding-right:15px;}
      .round-wdh2{padding-right:15px;}
      .round-wdh3{padding-right:15px;}
      .round-wdh4{padding-right:15px;}
      .round-wdh5{padding-right:15px;}
      .round-wdh6{padding-right:15px;}
      .ratechart table th {padding:10px 9px;}
      .rwd-table tr:nth-child(2) {
      border-top: none !important;
      }
      .rw-brd{border-bottom:1px solid #999;}
      .prc-locl {text-align:right;}
      .sec-ri8 {text-align:right; font-weight:600;}
      .ratechart table td {
      background: #fff;
      padding: 1px 14px;
      font-weight: 500;
      color: #000;
      text-align: center;
      font-size: 14px;
      vertical-align: middle;
      width: 100%;
      padding: 5px;
      }
      .ratechart table td.tblhead {
      font-size: 18px;
      padding: 6px 6px;
      font-weight: 600;
      }
      .lol-txt{
      top:0 !important;
      text-align: center;
      margin-bottom: 10px;
      }
      }
      @media screen and (min-width: 768px) {
      .rwd-table td:before {
      display: none;
      }
      .rwd-table th,
      .rwd-table td {
      display: table-cell;
      }
      .rwd-table th:last-child,
      .rwd-table td:last-child {
      padding-right: 0;
      }
      }
      /*rwd table css start here*/
      @media only screen and (max-width: 800px) {
      /* Force table to not be like tables anymore */
      #no-more-tables table, 
      #no-more-tables thead, 
      #no-more-tables tbody, 
      #no-more-tables td, 
      #no-more-tables tr { 
      display: block; 
      float: left;
      width: 100%;
      background:none;
      height:auto;
      }
      /* Hide table headers (but not display: none;, for accessibility) */
      #no-more-tables thead tr { 
      position: absolute;
      top: -9999px;
      left: -9999px;
      }
      #no-more-tables td { 
      /* Behave  like a "row" */
      border: none;
      border-bottom: none;
      white-space: normal;
      text-align:left;
      width:100%;
      }
      #no-more-tables td:before { 
      /* Now like a table header */
      position: absolute;
      /* Top/left values mimic padding */
      top: 6px;
      left: 6px;
      width: 45%; 
      padding-right: 10px; 
      white-space: nowrap;
      text-align:left;
      font-weight: bold;
      }
      /*
      Label the data
      */
      #no-more-tables td:before { content: attr(data-title); }
      }
   </style>
   <script type="text/javascript">
      function changepackage(city_id)
      {
          $.ajax({
            url:"changepackage.php",
            data:{city_id:city_id},
            method:"post",
            success:function(msg)
            {
             // alert(msg);
              var response= JSON.parse(msg)
              $("#selectduration").html(response['select']);
              $('.selectpicker').selectpicker('refresh');
            }
          })
      }
   </script>
   <script type="text/javascript">
      $(window).load(function() {
          $(".loader").fadeOut("slow");
      });
   </script>
   <div class="main-wrapper" style="background:#f6f8fb ">
      
      <link href="css/header.css" rel="stylesheet">
      <link href="css/dropdowns-skin-discrete.css">
      <style>
         .dropdowns a {text-decoration: none; color:#fff;}
         .dropdowns a:hover {text-decoration: none; color:#fff;}
         .toggleMenu {
         display:  none;
         }
         .nav {
         list-style: none;
         *zoom: 1;
         }
         .nav:before,
         .nav:after {
         content: " "; 
         display: table; 
         }
         .nav:after {
         clear: both;
         }
         .nav ul {
         list-style: none;
         }
         .nav a {
         padding:13px 7px; font-size: 13px;
         }
         .nav li {
         position: relative;
         }
         .nav > li {
         float: left;
         }
         .nav > li > .parent {
         background-repeat: no-repeat;
         background-position: right;
         }
         .nav > li > a {
         display: block;
         }
         .nav > li > a:hover {
         background: #152b57;
         color: #fff;
         font-weight: normal;
         border-color: #fff; margin:0px;
         clear: both;
         }
         .nav li  ul { top: 39px;
         position: absolute;
         left: -9999px;z-index: 1000;
         background-color:#fff;
         border-radius: 4px;
         -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
         box-shadow: 0 6px 12px
         rgba(0, 0, 0, .175);
         }
         .nav > li.hover > ul {
         left: 0;
         }
         .nav li li.hover ul {
         left: 100%;
         top: 0;
         }
         .nav li li a {
         display: block;
         position: relative;
         z-index:100; color:#000
         }
         .nav li li a:hover {
         background: #152b57;
         color: #fff;
         font-weight: normal;
         border-color: #fff; margin:0px;
         }
         .nav li li li a {
         z-index:200;
         }
         @media screen and (max-width: 768px) {
         .active {
         display: block;
         }
         .nav > li {
         float: none;
         }
         .nav > li > .parent {
         background-position: 95% 50%;
         }
         .nav li li .parent {
         background-repeat: no-repeat;
         background-position: 95% 50%;
         }
         .nav ul {
         display: block;
         width: 100%;
         }
         .nav > li.hover > ul , .nav li li.hover ul {
         position: static;
         }
         }
         .wappicon{
         background: #2bcc47;
         background-image: linear-gradient(to top,#2bcc47,#3ae258);
         color: #fff;
         font-size: 15px!important;
         padding: 6px 10px;
         margin: 12px 0 0 0;
         border-radius: 4px;
         display: none;
         }
         .iti-boxes{
          padding-left: 0px;
          margin-top: 0px;
         }
         .iti-boxes .band{
          padding: 0;
         }
         .hrss{
          padding: 20px 10px 10px 3px;
    font-size: 14px !important;
    top: 8px;
    position: relative;
         }
      </style>
      <?php include'include/header.php'?>
      <div style="clear:both;"></div>
      
      <section class="mainban" style="height: 50vh;">
         <div class="container vivonto">
            <div class="row">
               <div class="col-md-12">
                  <div class="mainner">
                     <h2>
                        It's time for new
                     </h2>
                     <div class="textslider">
                        <h1>Experiences</h1>
                        <h1>Adventures</h1>
                        <h1>Escapes</h1>
                        <h1>Thrills</h1>
                        <h1>
                           Experiences
                        </h1>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </section>
      
      <script>
         $(document).ready(function () {
           $('[data-toggle=offcanvas]').click(function () {
             $('.row-offcanvas').toggleClass('active');
           });
         });
         
         $(document).ready(function() {
             $(".cn-hd").click(function(e) {
                 e.stopPropagation();
                 e.preventDefault();
                 $(this).toggleClass("active");
                 $(".cnvas-hid span").toggleClass("active");
             });
           $(document).click(function(e){
               if(!e.target.closest("span") && $(".cnvas-hid .cn-hd").hasClass("active")){
                  $(".cnvas-hid span").toggleClass("active");
                  $(".cn-hd").toggleClass("active");
              $(".cn-hd").css("left", "-114px");
              $('.row-offcanvas').toggleClass('active');
               }
             })
           
         });
      </script>
      
      <script type="text/javascript">
         //script used to submit enquiry now form section goes here//
         $(document).ready(function() {               
             $("#enqform").validate({
                 rules:{
                     FirstName:{
                         required: true,
                         minlength: 2,
                         maxlength: 30,
                     },
                     LastName:{
                         required: true,
                         minlength: 2,
                         maxlength: 30,
                     },
                     YourEmail:{
                         required: true,
                         minlength: 2,
                         maxlength: 100,
                     },
                     PhoneNumber:{
                         required: true,
                         minlength: 10,
                         maxlength: 10,
                     },
                     Message:{
                         required: true,
                         minlength: 2,
                         maxlength: 500,
                     }
                 },
                 highlight: function (element) {
                     $(element).closest('.row').addClass('has-error');
                 },
                 messages:{
                     FirstName:{
                         required: "This field is required",
                         minlength: "Name must be at least 2 characters",
                         maxlength: "Maximum number of characters - 30",
                     },
                     LastName:{
                         required: "This field is required",
                         minlength: "Name must be at least 2 characters",
                         maxlength: "Maximum number of characters - 30",
                     },
                     YourEmail:{
                         required: "This field is required",
                         minlength: "Name must be at least 2 characters",
                         maxlength: "Maximum number of characters - 100",
                     },
                     PhoneNumber:{
                         required: "This field is required",
                         minlength: "must be at least 10 Digits",
                         maxlength: "Maximum number of Digits - 10",
                     },
                     Message:{
                         required: "This field is required",
                         minlength: "must be at least 2 characters",
                         maxlength: "Maximum number of characters - 500",
                     }
                 },
                 submitHandler: function(form) { 
                      //  $.ajax({
                      //  url:'addenqform.php',
                      //    type:'GET',
                      //    dataType: 'html',
                      //    success: function(data) {
                      //      alert(data);
                      //        //$("#block").html(data);
                      //    }
                      // });
                      document.getElementById('enqbtn').innerHTML ='Please Wait...';
                      document.getElementById("enqbtn").style.cursor = "not-allowed";
                     $.ajax({
                     type: 'post',
                     url: 'addenqform.php',
                     data: $('form').serialize(),
                     success: function (data) {
                       //alert(data);
                      $("#enqsubmittext").html(data); 
                       var timeout = 7000; // in miliseconds (3*1000)
               
                     $('.alert').delay(timeout).fadeOut(300);
                       $("#enqform")[0].reset();
                     document.getElementById('enqbtn').innerHTML ='Submit';
                     document.getElementById("enqbtn").style.cursor = "";
                        
                     }
                   });
                      return false; // required to block normal submit since you used ajax
                  }
              });
         });
         
         
             
      </script>
      
      <script>
         $('ul.nav li.dropdown').hover(function() {
           $(this).find('.dropdown-menu').stop(true, true).delay(100).fadeIn(100);
         }, function() {
           $(this).find('.dropdown-menu').stop(true, true).delay(100).fadeOut(100);
         });
         
      </script>
      <script src="js/slick.js"></script>    
      
      
      <div class="main-contant">
         
         <section class="ups_top">
           <div class="container">
             <div class="row">
              <div class="col-md-12">
                 <div class="select-box">
                    <div class="padeinn">
                       <h4>
                          Trekking Wild Activities
                       </h4>
                       <p class="mt-5">Travel Sangi welcomes you and can arrange for the best Trekking routs for travelers whether for a group of trekkers or a family or friends with the ambitions of experience the adventure in their lives. Whether you are taking a stroll around the area, or going to an adventures outing, we are just what you need. We can take you to the Sach Pass, Jot and Manimahesh and Dainkund Valley Treks where you can enjoy the beauty of snow filled mount peaks. some of our treks   </p>
                       
                    </div>
                 </div>
              </div>
           </div>
           </div>
         </section>
        
         <section class="room-list-page">
            <div class="container">
               <ul class="upgrade-list">
                  
                  <div class="clearfix"></div>
                  <div class="col-md-3 col-sm-12 col-xs-12" style="padding:0;">
                     <div class="row">
                        <div class="col-md-12">
                           <div class="flowers-wrap">
                            
                              <p class="heads_1"><strong>Wild Destinations:</strong></p>
                              <form>
                                <label><input type="checkbox" name="fl-size" value="" id="" /> Hunting</label>
                                <label><input type="checkbox" name="fl-size" value="" id="" /> Forestry</label>
                                <label><input type="checkbox" name="fl-size" value="" id="" /> Water Resourses</label>
                                <label><input type="checkbox" name="fl-size" value="" id="" /> Wetlands</label>
                                <label><input type="checkbox" name="fl-size" value="" id="" /> Geology</label>
                                <label><input type="checkbox" name="fl-size" value="" id="" /> Plants</label>
                              </form>  
                              
                            </div>
                        </div>
                     </div>
                     <div class="clearfix"></div>
                  </div>
                  <div class="col-md-9 col-sm-12 col-xs-12">
                     <div class="side_panel">
                         <div class="pkcg-brdr" style="background: #fff;">
                             <h6 class="ribbon">
                                <div class="ribbon-content">Treeking</div>
                             </h6>
                             <div class="col-md-4 col-sm-3 col-xs-12">
                                <figure class=" car-main-sc" style="padding: 0px 0px;">
                                   <img src="images/wild-act.png" alt="" class="img-responsive">
                                </figure>
                                
                             </div>
                             <div class="upgrade-text col-md-8 col-sm-9 col-xs-12">
                                <div class="col-md-8 col-sm-8 col-xs-12 gaps up-brd">
                                   <div class="col-md-12 col-sm-12 col-xs-12 gaps adnl-main">
                                     <div class="panel_manin">
                                      <div class="adnl-txt">Bandhavgarh Tiger Tours</div>
                                      <p class="stays-extra-details">2 guests · 1 bedroom · 1 bathroom</p>
                                      <div class="info-nugget inline-block">
                                          <p class="inline-text"><i class="fa fa-clock-o"></i> 4D/3N</p>
                                      </div>
                                    </div>
                                   </div>
                                   <div class="clearfix"></div>
                                   <div class="col-md-12 col-sm-12 col-xs-12 m-res1" style="margin: 5px 0px;padding:0;">
                                      <div class="col-md-12 col-sm-12 col-xs-12" style="padding: 0px 5px;">
                                         <div class="iti-boxes">
                                            <ul class="band">
                                               <li>Day - 1 – Jabalpur - Bandhavgarh National Park</li>
                                               <li>Day - 2 - Bandhavgarh National Park</li>
                                               <li>Day - 3 - Bandhavgarh National Park</li>
                                               <li>Day - 4 - Bandhavgarh National Park – Jabalpur</li>
                                            </ul>
                                            <p class="hrss"><a href="wild-activities-detail.php">See More</a></p>
                                         </div>
                                      </div>
                                   </div>
                                </div>
                                <div class="col-md-4 col-sm-4 col-xs-12">
                                   <div class="upgrade-footer">
                                    <div class="d-flexs">
                                      <span class="rupe"> Get Best Deal</span>
                                   </div>
                                      <div class="demoprice"><span><i class="fa fa-rupee fa-1x"></i>10,629.00</span></div>
                                     
                                      <p class="price"><span><i class="fa fa-rupee fa-1x"></i>10,534.00</span>
                                      </p>
                                      <p><span class="">Per Adult</span></p>
                                      
                                      <div class="col-md-12"><a href="" class="btn-hover color-4">
                                         Send Enquiry &nbsp; <i class="fa fa-long-arrow-right"></i></a>
                                      </div>
                                   </div>
                                </div>
                             </div>
                          </div>
                          
                          
                     </div>
                  </div>
               </ul>
            </div>
         </section>
      </div>
   </div>
   <style>  
      .raiting-holder .counter
      {
      margin-left: 10px;
      }
      .pop-card {
      position: relative;
      display: inline-block;
      background-color: #fff;
      box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
      -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
      transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
      }
      .tour-card .image-holder {
      background-size: cover;
      background-position: center;
      position: relative;
      height: 54%;
      z-index: 1;
      }
      .tour-card .image-holder .tour-card-image {
      height: 100%;
      width: 100%;
      text-indent: 100%;
      white-space: nowrap;
      overflow: hidden;
      display: block;
      object-fit: cover;
      }
      .lazy-image:before {
      content: "";
      background-image: url(https://ui-assets-gc.thrillophilia.com/assets/placeholder-6a8d720….jpg);
      background-repeat: no-repeat;
      height: 100%;
      width: 100%;
      background-size: cover;
      z-index: -1;
      display: block;
      }
      .tour-card .image-holder .additional-list-info {
      position: absolute;
      bottom: 0;
      height: 56px;
      background-image: linear-gradient(to top, #000, rgba(84,84,84,0));
      width: 100%;
      display: flex;
      align-items: flex-end;
      padding-left: 17px;
      margin: 0px;
      }
      .additional-list-info li {
      display: flex;
      align-items: center;
      margin-bottom: 7px;
      color: #fff;
      }
      .trip-duration i
      {
      margin-right: 10px;
      }
      .tour-card .image-holder .additional-list-info [class^="icon-"] {
      color: #fff;
      }
      .icon-watch:before {
      content: "";
      }
      .tour-card .card-content {
      background-color: #fff;
      padding: 10px 13px 7px 17px;
      }
      .tour-card .raiting-holder {
      align-items: baseline;
      }
      .raiting-holder {
      color: #505050;
      font-size: 1.4rem;
      display: flex;
      align-items: center;
      }
      .raiting-list {
      margin: 0px;
      display: flex;
      padding-left: 0px;
      }
      .raiting-list li {
      color: #ffb100;
      font-size: 1.3rem;
      margin-right: 3px;
      }
      .raiting-list .nulli {
      color: #d3d3d3 !important;
      }
      .raiting-list .fa-star {
      color: #ffb100;
      }
      .tour-card .title {
      color: #202020;
      line-height: 1.4;
      font-size: 14px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      line-height: 1.4;
      font-weight: bold;
      margin-bottom: 0.5em;
      }
      .tour-card .col:nth-child(1) {
      padding-right: 5px;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      flex: 1 1 40%;
      width: 100%;
      }
      .old-price {
      position: relative;
      display: block;
      opacity: 0.56;
      color: #505050;
      font-size: 1.2rem;
      line-height: 0.6;
      margin-bottom: 11px;
      white-space: nowrap;
      display: flex;
      }
      .old-price:before {
      content: "";
      position: absolute;
      top: 48%;
      left: -3px;
      right: -3px;
      background-color: #505050;
      height: 1px;
      }
      .current-price {
      display: block;
      color: #202020;
      font-size: 1.6rem;
      line-height: 10px;
      font-weight: 600;
      letter-spacing: -0.32px;
      white-space: nowrap;
      display: flex;
      align-items: baseline;
      }
      .tour-card .current-price .current-price-inventory-name {
      font-weight: 400;
      font-size: 12px;
      color: #8e8e8e;
      margin-left: 4px;
      }
      .tour-card .btn-holder {
      display: flex;
      flex-grow: 1;
      justify-content: flex-start;
      align-items: center;
      width: 100%;
      }
      .tour-card .btn-holder .btn {
      width: 100%;
      background: #f68a1e;
      color: #fff;
      margin-top: 10px;
      }
      .pacbox
      {
      margin-top: 30px;
      }
      .heps
      {
      display: flex;
      font-size: 19px;
      justify-content: space-between;
      text-transform: capitalize;
      }
      .mainna
      {
      color: #000;
      }
      .padeinn
      {
      background: #fff;
      padding: 30px;
      box-shadow: 0 0 50px 0 rgba(0,0,0,0.02);
      }
      .clro
      {
      color: #f68a1e;
      }
      .padeinn h4
      {
      border-left: 4px solid #f68a1e;
      padding-left: 10px;
      }
      .bs-example-gap{padding:1.5em;}
      .lgn-txt {
      font-weight: 900;
      font-size: 24px;
      color: #333;
      margin-bottom: 15px;
      float:left; 
      width:100%;
      }
      .form-group label{clear:both;}
      .parator-divide{float:left; width:100%; text-align:center; font-size:12px; color:#727070; margin:10px auto;}
      .modal-dialog1{width:500px; margin:30px auto;}
      .sign-tab {
      list-style: none;
      padding: 5px;
      margin: 20px 0 20px 0;
      border-radius:50px;
      background:#fff;
      -webkit-box-shadow: 0 1px 7px 0 rgba(0,0,0,.3);
      -moz-box-shadow: 0 1px 7px 0 rgba(0,0,0,.3);
      box-shadow: 0 1px 7px 0 rgba(0,0,0,.3);
      }
      .sign-tab:after {
      content: "";
      display: table;
      clear: both;
      }
      .sign-tab li a {
      display: block;
      text-decoration: none;
      padding: 7px;
      background: transparent;
      text-transform:uppercase;
      color: #333;
      font-size: 15px;
      float: left;
      width: 50%;
      border-radius: 50px;
      text-align: center;
      cursor: pointer;
      transition: .5s ease;
      font-weight: 600;
      }
      .sign-tab .active a {
      background: #1ab188;
      color: #ffffff;
      background: linear-gradient(to right,#53b2fe,#065af3);
      color: #ffffff;
      font-weight: 600;
      cursor:pointer;
      }
      .sign-tab-content > div:last-child {
      display: none;
      }
      .mdl-log-btn {
      padding: 0 20px;
      width: 100%;
      height: 40px;
      font-size: 16px;
      font-weight: 600;
      margin-top: 10px;
      margin-bottom: 10px;
      border-radius: 5px;
      background: radial-gradient(circle at top right, #fab35c,#f83600);
      color: #fff;
      line-height: 1.2;
      text-transform: uppercase;
      letter-spacing: 1px;
      -webkit-transition: all 0.4s;
      -o-transition: all 0.4s;
      -moz-transition: all 0.4s;
      transition: all 0.4s;
      }
      .pushRight{
      background: radial-gradient(circle at top right, #31708f,#3c763d);
      position: absolute;
      right: 30px;
      top: 147px;
      z-index: 20;
      transition: right 1s cubic-bezier(.18,.89,.32,1.28);
      text-decoration: underline;
      cursor: pointer;
      color: #fff;
      text-decoration: none;
      padding: 3px 14px;
      border-radius: 50px;
      font-weight:600;
      }
      .pushRight:hover{color:#fff;}
      .backsec{
      margin-bottom: 20px;
      } 
      .backbtn{
      font-weight: 900;
      text-transform: uppercase;
      color: #008cff;
      cursor: pointer;
      }
      .errorcls{
      color: red;
      }
      .errorsign{
      background: url(https://imgak.mmtcdn.com/pwa_v3/pwa_hotel_assets/header/popupFlowSprite.png) no-repeat;
      -webkit-background-size: 170px 170px; */
      -moz-background-size: 170px 170px;
      background-size: 170px 170px;
      }
      #otpsecs{color:#f00; font-weight:600; cursor:default;}
      #showotpsec {
      display: none;
      }
      #errorsec {
      display: none;
      }
      .loaderimg {
      position: absolute;
      right: 6%;
      bottom: 38%;
      display: none;
      }
      @media screen and (max-width:768px) { .modal-dialog{width:100%; margin:0 auto;} .modal-dialog1{width:100%;}.bs-example-gap{padding:0 1em;}.sign-tab li a{font-size:12px;}}

</style>
   <div id="sign-in" class="modal fade" role="dialog">
      <div class="modal-dialog1 animated">
         
         <div class="modal-content">
            <div class="modal-header" style="display: none;">
               <button type="button" class="close" data-dismiss="modal">&times;</button>
               <h4 class="modal-title"> Log IN </h4>
            </div>
            <div class="col-md-12 col-sm-12 col-xs-12 bs-example-gap">
               <form name="frmsignup" id="frmsignup" autocomplete="off" method="post">
                  <div class="sign-tab-content" id="loginsec">
                     
                     
                     
                     <div id="signup">
                        <div class="lgn-txt"> Login/Signup</div>
                        <div class="form-group">
                           <label> Email & Mobile No </label>
                           <div class="clearfix"></div>
                           <input type="text" class="form-control" id="username" name="username" placeholder="Enter Email Address & Mobile No" />
                           <p class="errorcls" id="errorsec"></p>
                        </div>
                        <div class="col-md-12 col-sm-12 col-xs-12 no-padding">
                           <button type="button" id="btnlogin" name="btnlogin" class="mdl-log-btn" onClick="return checkvalid('b403c0a02847ae0f61ef6d1592a2866d');">Continue</button>
                        </div>
                        <div class="parator-divide"> Or Login/Signup With  </div>
                        <div class="col-md-7 col-sm-6 col-xs-12" style="margin-bottom:15px;">
                           
                           <fb:login-button scope="public_profile,email" onlogin="checkLoginState();" data-width="" data-size="large" data-button-type="login_with" data-layout="default" data-auto-logout-link="false">
                           </fb:login-button>
                        </div>
                        <div class="col-md-3 col-sm-6 col-xs-12" style="margin-bottom:15px;">
                           
                           <div class="g-signin2" data-onsuccess="onSignIn" data-theme="dark" ></div>
                        </div>
                        <div class="clearfix"></div>
                     </div>
                     <div id="login">
                        <div class="lgn-txt"> Login/Signup </div>
                        <div class="form-group">
                           <label> Email </label>
                           <div class="clearfix"></div>
                           <input type="text" class="form-control" id="" value="" placeholder="Enter Email" />
                        </div>
                        <div class="col-md-12 col-sm-12 col-xs-12 no-padding">
                           <button type="button" class="mdl-log-btn" style="margin-bottom:20px;" >Continue</button>
                        </div>
                     </div>
                  </div>
                  <div id="showotpsec">
                     <div class="backsec">
                        <a class="backbtn" onclick="return backbtn();"> <i class="fa fa-arrow-left"></i>&nbsp;Back </a>
                     </div>
                     <div class="lgn-txt" id="modal_header">Verify Your E-mail ID</div>
                     <div class="form-group">
                        <label><span id="otpsecs">OTP has been sent to EMAIL </span></label>
                        <div class="clearfix"></div>
                        <input type="text" class="form-control" id="otpvalue" name="otpvalue" placeholder="Enter OTP" maxlength="4" />
                        <a class="pushRight" id="otpbutton" onClick="return resendotp('b403c0a02847ae0f61ef6d1592a2866d');"> Resend OTP</a>
                        <div class="loaderimg" id="otpresendloader">
                           <img src="/admin//img/sending1.gif" title="loader" alt="loader" style="height: 34px;width: 34px;">
                        </div>
                        <p class="errorcls" id="errorotp"></p>
                     </div>
                     <div class="col-md-12 col-sm-12 col-xs-12 no-padding">
                        <button type="button" class="mdl-log-btn" style="margin-bottom:20px;" onClick="return checklogin('b403c0a02847ae0f61ef6d1592a2866d');">LOGIN</button>
                     </div>
                  </div>
                  <input type="hidden" id="maxresendno" name="maxresendno" value="">
                  <input type="hidden" id="reotpsessionid" name="reotpsessionid" value="">
               </form>
            </div>
            <div class="clearfix"></div>
         </div>
      </div>
   </div>
   
   <script>
      function backbtn() {
        $("#loginsec").show();
        $("#showotpsec").hide();
      }
       $('.tab-signs a').on('click', function (e) {
         
         e.preventDefault();
         
         $(this).parent().addClass('active');
         $(this).parent().siblings().removeClass('active');
         
         target = $(this).attr('href');
       
         $('.sign-tab-content > div').not(target).hide();
         
         $(target).fadeIn(600);
         
       });
          
   </script>
   
   <script type="text/javascript" charset="utf-8" src="js/custom.js"></script>
   <?php 
   include 'include/footer.php';
   ?>
   
      
   
   <script>
      //script used to submit call back request//
      
      function submitcallback()
      {
         
       var mobno=document.getElementById("phone").value;
       if (mobno!="") {
        $.ajax
               ({ 
                  type: "POST",
                  url: "submitcallback.php",   
                  data: 'mobno='+mobno,
                  success: function(msg) 
                  { 
                 // alert(msg);
                   $('#phone').val('');
                     $("#validationtext").html(msg); 
                     var timeout = 3000; // in miliseconds (3*1000)
            
               $('.alert').delay(timeout).fadeOut(300);
                  //reloadlocationsection(1);
                  }
               });
      
         }else{
            var reporttrxt="<span class='error'>Please Fill Mobile No. </span>";
            document.getElementById('validationtext').innerHTML =reporttrxt;
         }
       
        }
          var input = document.querySelector("#phone");
          window.intlTelInput(input, {
            preferredCountries: ['in'],
            // separateDialCode: true,
            utilsScript: "js/utils.js",
          });
        
   </script>
   <script>
      //script used all booking step pages//
      var input = document.querySelector(".cntry-dsgn1");
      window.intlTelInput(input, {
        preferredCountries: ['in'],
        // separateDialCode: true,
        utilsScript: "js/utils.js",
      });
   </script>
   <script>
      (function($){$.fn.dropdowns=function(options){var defaults={toggleWidth:1026}
      var options=$.extend(defaults,options);var ww=document.body.clientWidth;var addParents=function(){$(".nav li a").each(function(){if($(this).next().length>0){$(this).addClass("parent");}});}
      var adjustMenu=function(){if(ww<options.toggleWidth){$(".toggleMenu").css("display","inline-block");if(!$(".toggleMenu").hasClass("active")){$(".nav").hide();}else{$(".nav").show();}
      $(".nav li").unbind('mouseenter mouseleave');$(".nav li a.parent").unbind('click').bind('click',function(e){e.preventDefault();$(this).parent("li").toggleClass("hover");});}
      else if(ww>=options.toggleWidth){$(".toggleMenu").css("display","none");$(".nav").show();$(".nav li").removeClass("hover");$(".nav li a").unbind('click');$(".nav li").unbind('mouseenter mouseleave').bind('mouseenter mouseleave',function(){$(this).toggleClass('hover');});}}
      return this.each(function(){$(".toggleMenu").click(function(e){e.preventDefault();$(this).toggleClass("active");$(this).next(".nav").toggle();adjustMenu();});adjustMenu();addParents();$(window).bind('resize orientationchange',function(){ww=document.body.clientWidth;adjustMenu();});});}})(jQuery)
   </script>
   <script>
      $(".dropdowns").dropdowns();
   </script>
   <script>
      if( /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent) ) {
        $('.selectpicker').selectpicker('mobile');
      }
   </script>
   <input type="hidden" name="session_emailid" id="session_emailid" value="">
   <script src="https://apis.google.com/js/platform.js" async defer></script>
   <meta name="google-signin-client_id" content="1044285392465-opab51663i9k4sh05ep498ep4s2k9rdf.apps.googleusercontent.com">
   <script>
      function onSignIn(googleUser) {
        // Useful data for your client-side scripts:
        var profile = googleUser.getBasicProfile();
        const login_email = profile.getEmail();
        const customer_id = profile.getId();
        const getName = profile.getName();
        const getGivenName = profile.getGivenName();
        const getFamilyName = profile.getFamilyName();
        var strorage_email = localStorage.getItem("login_email");
        const session_emailid = $("#session_emailid").val();
        if(login_email!=null && strorage_email == null) {
      
          $.ajax ({
            url:"flight/ajax_process/loginThroughGmail",
            method:"POST",
            data:{login_email:login_email,customer_id:profile.getId(),getGivenName:getGivenName,getFamilyName:getFamilyName,getName:getName},
            dataType:'json',
            cache:false,
            success:function(res_data) {
              if(res_data.status=="success") {
                localStorage.setItem("login_email",login_email);               
                location.reload();
              } else {
                alert("Somethings went wrong please try again");
              }  
            }
          }) 
        }  
      
        
        console.log(profile);
        console.log("ID: " + profile.getId()); // Don't send this directly to your server!
        console.log('Full Name: ' + profile.getName());
        console.log('Given Name: ' + profile.getGivenName());
        console.log('Family Name: ' + profile.getFamilyName());
        console.log("Image URL: " + profile.getImageUrl());
        console.log("Email: " + profile.getEmail());
      
        // The ID token you need to pass to your backend:
        var id_token = googleUser.getAuthResponse().id_token;
        console.log("ID Token: " + id_token);
      }
      
        function signOut() {
            var auth2 = gapi.auth2.getAuthInstance();
            auth2.signOut().then(function () {    
                //alert("Logout Successfully")
                location.reload();        
            });
      
            auth2.disconnect();
        }
   </script>
   <script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v11.0&appId=316808000139288&autoLogAppEvents=1" nonce="mONWjpTG"></script>
   <script>
      // Facebook Login Start Here   
      
         function statusChangeCallback(response) {  // Called with the results from FB.getLoginStatus().      
            console.log('statusChangeCallback');
            console.log(response);                   // The current login status of the person.
            //location.reload(true);
            if (response.status === 'connected') {   // Logged into your webpage and Facebook.
               testAPI();  
            }
         }
      
      
      function checkLoginState() {               // Called when a person is finished with the Login Button.
         FB.getLoginStatus(function(response) {   // See the onlogin handler
            statusChangeCallback(response);
            console.log("Gopinath Jena");
      
         });
      }
      
      
      window.fbAsyncInit = function() {
         FB.init({
            appId      : '316808000139288',
            cookie     : true,                     // Enable cookies to allow the server to access the session.
            xfbml      : true,                     // Parse social plugins on this webpage.
            version    : 'v5.0'           // Use this Graph API version for this call.
         });
      
      
         FB.getLoginStatus(function(response) {   // Called after the JS SDK has been initialized.
            statusChangeCallback(response);        // Returns the login status.           
         });
      };
      
      
         (function(d, s, id) {                      // Load the SDK asynchronously
         var js, fjs = d.getElementsByTagName(s)[0];
         if (d.getElementById(id)) return;
         js = d.createElement(s); js.id = id;
         js.src = "https://connect.facebook.net/en_US/sdk.js";
         fjs.parentNode.insertBefore(js, fjs);
         }(document, 'script', 'facebook-jssdk'));
      
      
         function testAPI() {       // Testing Graph API after login.  See statusChangeCallback() for when this call is made.
            console.log('Welcome!  Fetching your information.... ');
            FB.api('/me', {locale: 'en_US', fields: 'id,first_name,last_name,email,link,gender,locale,picture'},
            function(response) {
               console.log(response) 
               const login_email = response.email;
               const getGivenName = response.first_name;
               const getFamilyName = response.last_name;
               const getName = getGivenName+" "+getFamilyName;
               const customer_id = response.id;
      
               var strorage_email = localStorage.getItem("login_email");
               const session_emailid = $("#session_emailid").val();
               if(login_email!=null && strorage_email == null) {
                  $.ajax ({
                     url:"flight/ajax_process/loginThroughGmail",
                     method:"POST",
                     data:{login_email:login_email,customer_id:customer_id,getGivenName:getGivenName,getFamilyName:getFamilyName,getName:getName},
                     dataType:'json',
                     cache:false,
                     success:function(res_data) {
                        if(res_data.status=="success") {
                           localStorage.setItem("login_email",login_email);               
                           location.reload();
                        } else {
                           alert("Somethings went wrong please try again");
                        }  
                     }
                  }) 
              }      
      
            });
         }
      
         // Logout from facebook
         /*function fbLogout() {
            FB.logout(function() {
               console.log("Logout Successfully");
            });
         }*/
      // Facebook Login End Here
      
   </script>
   <script>
      $(".textslider").slick({
        vertical: true,
          autoplay: true,
           navigator: false,
          centerMode: true,
      
        });
   </script>
   <input type="hidden" name="absolutepath" id="absolutepath" value="">
   </div>
   <script>
      function initialize() {
        var options = {
          types: ['(cities)'],
          componentRestrictions: {
            country: "IN"
          }
        };
      
        var input = document.getElementById('searchTextField');
        var autocomplete = new google.maps.places.Autocomplete(input, options);
      }
      
      google.maps.event.addDomListener(window, 'load', initialize);
   </script>
   <script>
      function initialize() {
        var options = {
          componentRestrictions: {
            country: "IN"
          }
        };
        var input = document.getElementById('pickuploc');
        var autocomplete = new google.maps.places.Autocomplete(input, options);
      }
      google.maps.event.addDomListener(window, 'load', initialize);
   </script>
   <script>
      function initialize() {
        var options = {
          componentRestrictions: {
            country: "IN"
          }
        };
        var input = document.getElementById('dropuploc');
        var autocomplete = new google.maps.places.Autocomplete(input, options);
      }
      
      google.maps.event.addDomListener(window, 'load', initialize);
   </script>
   <script>
      function initialize() {
        var options = {
          componentRestrictions: {
            country: "IN"
          }
        };
        var input = document.getElementById('pickupcityoneway');
        var autocomplete = new google.maps.places.Autocomplete(input, options);
      }
      
      google.maps.event.addDomListener(window, 'load', initialize);
   </script>
   <script>
      function initialize() {
        var options = {
          componentRestrictions: {
            country: "IN"
          }
        };
        var input = document.getElementById('dropupcityoneway');
        var autocomplete = new google.maps.places.Autocomplete(input, options);
      }
      
      google.maps.event.addDomListener(window, 'load', initialize);
   </script>
   <script>
      function initialize() {
        var options = {
          componentRestrictions: {
            country: "IN"
          }
        };
        var input = document.getElementById('rounddestn');
        var autocomplete = new google.maps.places.Autocomplete(input, options);
      }
      
      google.maps.event.addDomListener(window, 'load', initialize);
   </script>
   <script type="text/javascript">
      $(function()
      {    
          var i=1;
          $(document).on('click', '.btn-add', function(e)
          {
              e.preventDefault();
              var controlForm = $('.controls form:first'),
                  currentEntry = $(this).parents('.entry:first'),
                  newEntry = $(currentEntry.clone()).appendTo(controlForm);
                   getPlace_dynamic();
      
              newEntry.find('input').val('');
              controlForm.find('.entry:not(:last) .btn-add')
                  .removeClass('btn-add').addClass('btn-remove')
                  .removeClass('btn-success').addClass('btn-danger')
                  .html('<span class="glyphicon glyphicon-minus"></span>');
      
              var count = 1;
            $(".entry").each(function(){
      
            count++;
            if(count == 6){
            $(".btn-success").prop('disabled',true);
            }
            });
            i++;
             if(i >= 2)
             {
             $("#hide").show();
             $("#disply_text").html("");
             }
             else
             {
               $("#hide").hide();
               $("#disply_text").html("<div class='validate' style='width: 26%;float: right;'>You must select at least 2 destination</div>");
             }
             
          })
      
          .on('click', '.btn-remove', function(e)
          {
          $(this).parents('.entry:first').remove();
          $(".btn-success").prop('disabled',false);
          e.preventDefault();
          i--;
          if(i >= 2)
             {
             $("#hide").show();
             $("#disply_text").html("");
             }
             else
             {
               $("#hide").hide();
               $("#disply_text").html("<div class='validate' style='width: 26%;float: right;'>You must select at least 2 destination</div>");
             }
          return false;
        });
      });
      //Google Script Starts for out-station
         getPlace_dynamic();
         function getPlace_dynamic() {
           var input = document.getElementsByClassName('multicity');
           var options = {
              types: ['(cities)'],
             componentRestrictions: {
              country: "IN"
            }
          };
      
          for (i = 0; i < input.length; i++) {
           autocomplete = new google.maps.places.Autocomplete(input[i], options);
         }
       }
      //Google Script Ends
   </script>
   <script type="text/javascript">
      $(document).on('ready', function() {
        $(".vertical-center-4").slick({
          dots: true,
          vertical: true,
          centerMode: true,
          slidesToShow: 4,
          slidesToScroll: 2
        });
        $(".vertical-center-3").slick({
          dots: true,
          vertical: true,
          centerMode: true,
          slidesToShow: 3,
          slidesToScroll: 3
        });
        $(".vertical-center-2").slick({
          dots: true,
          vertical: true,
          centerMode: true,
          slidesToShow: 2,
          slidesToScroll: 2
        });
        $(".vertical-center").slick({
          dots: true,
          vertical: true,
          centerMode: true,
        });
        $(".vertical").slick({
          dots: true,
          vertical: true,
          slidesToShow: 3,
          slidesToScroll: 3
        });
        $(".regular").slick({
          dots: false,
          infinite: true,
          slidesToShow: 2,
          slidesToScroll: 1,
          autoplay: false
        });
        $(".center").slick({
          dots: false,
          infinite: true,
          centerMode: true,
          slidesToShow: 4,
          slidesToScroll: 1,
          autoplay: false
        });
        $(".variable").slick({
          dots: true,
          infinite: true,
          variableWidth: true
        });
        $(".lazy").slick({
          lazyLoad: 'ondemand', // ondemand progressive anticipated
          infinite: true
        });
      });
   </script> 
   <script type="text/javascript">
      function tourbooksectn() {
        var id=$(this).val();
        var dataString = 'frmcityid='+id;
        $.ajax
        ({
          //type: "POST",
          url: "tour/tour.php",
          data: dataString,
          cache: false,
          success: function(html)
          { 
            $("#selecttour").html(html);  
          } 
        });
      }; 
   </script>
   
   <script src="js/custom.js"></script>
   </body>
</html>