bnmbertsurrttrtrtrtrjhjhjjhjhhjhjhjhf'tdfg

hjkhghtjhjjhjhjhjhjjhjhjjhrrtrtoirh bnmbertsurrttrtrtrtrjhjhjjhjhhjhjhjhf'tdfg

<!DOCTYPE html>
<html lang="">
   <?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;
         }
         .readmores{
         margin-top: 20px;
         }
         .readmores p{
         text-align: justify;
         }
         .contact-left h1{
         font-size: 20px;
         font-weight: 600;
         padding-bottom: 7px;
         }
         .sec_forms .form-group{
         padding-bottom: 34px;
         }
         .sec_forms textarea{
         padding-bottom: 34px;
         }
      </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>
                        About Us
                     </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">
         <div class="homnav">
            <div class="container">
               <div class="row">
                  <div class="col-md-12">
                     <div class="honaine">
                        <ul>
                           <li>
                              <a href="index.php">
                              Home /
                              </a>
                           </li>
                           <li>
                              <a href="#">
                              About Us
                              </a>
                           </li>
                        </ul>
                     </div>
                  </div>
               </div>
            </div>
         </div>
         <section class="pacdetil">
            <div class="container">
               <div class="row clearfix careerpage">
                  <div class="col-sm-7">
                     <hr>
                     <h2 style="font-size: 20px; margin-bottom:20px; font-weight: 700;">Our Gallery</h2>
                  </div>
               </div>
               <div class="row clearfix careerpage">
                  <div class="col-md-4">
                    <div class="gal_img">
                      <img src="img/a1.jpg">
                    </div>
                  </div>
                  <div class="col-md-4">
                    <div class="gal_img">
                      <img src="images/p2.jpg">
                    </div>
                  </div>
                  <div class="col-md-4">
                    <div class="gal_img">
                      <img src="image/p2.jpg">
                    </div>
                  </div>
                  <div class="col-md-4">
                    <div class="gal_img">
                      <img src="images/cab.webp">
                    </div>
                  </div>
                  <div class="col-md-4">
                    <div class="gal_img">
                      <img src="images/p4.jpg">
                    </div>
                  </div>
                  <div class="col-md-4">
                    <div class="gal_img">
                      <img src="images/pack.webp">
                    </div>
                  </div>
               </div>
            </div>
         </section>
      </div>
   </div>
   <style> 
      /* privacy-policy-start */
      .gal_img img{
        margin-bottom: 20px;
      }
      .gal_img img{
        height: 250px;
        width: 100%;
        object-fit: cover;
      }
      .pacdetil .form-control {
    margin-bottom: 10px;
}
      .pacdetil h2{
      font-size: 16px;
      }
      .pacdetil  ul li{
      list-style-type: none;
      }
      .pacdetil  ul li:before {
      font-family: FontAwesome;
      content: "\f061";
      display: inline-block;
      vertical-align: middle;
      color: #ff6c26;
      font-size: 10px;
      font-weight: 400;
      position: absolute;
      left: 0;
      /* top: 0; */
      margin-right: 9px;
      }
      .pacdetil  ul{
      padding: 0;
      }
      .pacdetil  ul li {
      line-height: 21px;
      font-size: 13px;
      position: relative;
      padding-left: 17px;
      margin: 5px 1px 5px 0;
      }
      /* privacy-policy-end */ 
      .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'?>
   <div class="rqst-frm alert">
      <a href="#" class="close" data-dismiss="alert" aria-label="close">×</a>
      <form>
         <div class="col-md-4 col-sm-4 col-xs-12 req-tx" style="padding:0;"> <span> Request a callback  </span> </div>
         <div class="col-md-6 col-sm-6 col-xs-9" style="padding:0;">
            <input id="phone" name="phone" type="number" required="true" class="form-control" maxlength="11" minlength="10" placeholder="Phone Number">
         </div>
         <div class="col-md-2 col-sm-2 col-xs-3" style="padding:0;"> <button type="button" onclick="submitcallback()" class="rqst-bt">Submit</button>  </div>
      </form>
      <div class="col-md-12 col-sm-12 col-xs-12" id="validationtext" style="text-align: center;"></div>
   </div>
   
   <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>