bnmbertsurrttrtrtrtrjhjhjjhjhhjhjhjhf'tdfg

hjkhghtjhjjhjhjhjhjjhjhjjhrrtrtoirh bnmbertsurrttrtrtrtrjhjhjjhjhhjhjhjhf'tdfg

@extends('layouts.app')
@section("metaData")
 <title >{{$subCategory->metaTitle ?? ''}}</title>
<meta name="keywords" content="{{$subCategory->metaKeyword ?? ''}}" />
<meta name="description" content="{{$subCategory->metaDesc ?? ''}}" />

@endsection

@section("mainContente") 
<style>
    
    .tour-card .col:nth-child(1){
        align-items:center !important;
    }
</style>

<div style="clear:both;"></div>
      
      <section class="mainban" style="height: 50vh;background-image:url({{asset('image/banner/'.$subCategory->banner)}})">
     <div class="container vivonto">
       <div class="row">
         <div class="col-md-12">
           <div class="mainner">

</div>
         </div>
       </div>

</div>
   </section>
 
     
 
      <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="{{route('indexPage')}}">
                        Home /
                      </a>
                    </li>
                    <li>
                      <a href="#">
                        Package /
                      </a>
                    </li>
                    <li>
                      {{$subCategory->sub_title}}
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>

<section class="pacdetil">
          <div class="container">
            <div class="row">
              <div class="col-md-12">
                <div class="padeinn">
                  <h4>
                    {{$subCategory->sub_title}}
                  </h4>
                  <details class="readmore">
                      <summary data-more="Read more" data-less="Read less">
                        {!! $subCategory->details !!}
                      </summary>
                    </details>
                </div>
              </div>
              <br>

<div class="row" style="margin-top: 20px;">
                    @foreach($products as $key=>$value)
                
                    <div class="col-md-3">
                      <div class="pacboxs">
                        <div target="_blank" class="tour-card pop-card onclick-link " onclick="window.location.href='{{route('mainProducts',[$value->slug])}}'">
                            <div class="image-holder">
                              <img alt="Explore the prominent landmarks of Leh during the sightseeing tour " src="{{asset('image/product/'.$value->image)}}" class="lazy-image tour-card-image lazy-image-loaded">
                              <ul class="additional-list-info">
                                  <li class="trip-duration">
                                    <i class="fa fa-clock-o"></i>
                                    <span>{{$value->stockstatus}}D/{{$value->quantity}}N</span>
                                  </li>
                              </ul>
                            </div>
                            <div class="card-content">
                             <div class="row" style="padding: 0px 5px;">
                              <div class="raiting-holder">
                                <ul class="raiting-list">
                                    @if($value->star_no)
                                    <i class="fa fa-star  @if($value->star_no == 0) nulli @endif"></i>
                                    <i class="fa fa-star  @if($value->star_no == 1) nulli @endif"></i>
                                    <i class="fa fa-star  @if($value->star_no == 2) nulli @endif"></i>
                                    <i class="fa fa-star  @if($value->star_no == 3) nulli @endif"></i>
                                    <i class="fa fa-star  @if($value->star_no == 4) nulli @endif"></i>
                                    @endif
                                </ul>
                                <span class="counter">{{$value->price}} rating</span>
                              </div>

<a href="#" class="title" target="_blank">
                                {{$value->title}}
                              </a>
                              </div>
                              <div class="row" style="padding: 0px 5px;">
                                  <div class="col trip-price" style="padding: 0px 5px;">
                                      @if($value->custome_price == 'NO')
                                      <span class="old-price">
                                        <span class="th-currency-tag" >₹ {{moneyFormatIndia($value->mrp)}}</span>
                                       
                                      </span>
                                      <span class="current-price">
                                        
                                        <span class="th-currency-tag">₹ {{moneyFormatIndia($value->price)}}</span>
                                          <span class="current-price-inventory-name">per adult</span>
                                      </span>
                                      @else
                                        <span class="current-price">
                                        <p class="th-currency-tag" style="margin:0px 0px 0px 0px;line-height: 24px;padding: 5px 15px;background-color: bisque;border-radius: 11px;"> Price on Request</p>
                                        
                                        </span>
                                      @endif
                                  </div>
                                <div class="col">
                                  <div class="btn-holder">
                                      <span class="btn btn-sm radius-md trigger-tour-enquiry-popup" >Send Enquiry</span>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                      </div>
                    </div>
                    @endforeach
                  </div>
                </div>
              </div>
            </div>
          </div>
        </section>
 
      </div>

</div>

@endsection

@section("customCSS")

.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;
         }
      </style>
   <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;}}
      .tour-card.pop-card.onclick-link {
    width: 270px;
}
   </style>

@endsection

@section("customJS")

@endsection