.qn-search-box .form-group.submit button span{
    display:none;
}
@media (max-width: 767px) {
.qn-search-box.container {
    margin-top: -30px; 
}
.qn-search-box .tab-nav li{
    margin-right:5px;
}
.qn-search-box .tab-nav li button{
    font-size:13px;
}
.tour-title {
    font-size: 12px;}
.tour-location {
    font-size: 10px;}    
.tour-price { 
    font-size: 12px;}    
.qn-search-box .qn-search-form {
    display: block;}
.qn-search-box .form-group.submit button {
    width:100%;
    text-transform: capitalize;
        font-size: 12px;
}
.qn-search-box .form-group.submit button span{
    display:unset;
    margin-left:10px;
}
.tour-card .tour-image { 
    height: 130px; 
}
.tour-slider .slick-slide {
    padding: 0 5px; 
}
.slick-dots { 
    bottom: -10px !important;
}
.tour-list-wrapper {
    padding: 10px 0px 0px 0px;
}
.slick-dotted.slick-slider {
    margin-bottom: 0px !important;
}
.tour-more-btn { 
    padding: 4px 16px; 
    font-size: 10px;
    min-width: 100px; 
}
.tour-section-title {
    font-size: 22px;}
.tour-card{
    margin-bottom:0px;
}
.col.small-6.medium-3.large-3.pdr-0 {
    padding: 8px;
}
.tour-info { 
    font-size: 7px;}
.hotel-tab-wrapper {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.hotel-tab-nav {
  display: flex;
  flex-wrap: nowrap;
  white-space: nowrap;
  list-style: none;
  margin: 0;
  padding: 0;
  overflow-x: auto;
  scrollbar-width: none; /* Firefox */
}

.hotel-tab-nav::-webkit-scrollbar {
  display: none; /* Chrome, Safari */
}

.hotel-tab-nav li {
  display: inline-block;
  padding: 10px 16px;
  margin-right:  0px;
  background: #f1f1f1;
  border-radius: 6px;
  flex-shrink: 0;
  cursor: pointer;
  font-size: 14px;
  white-space: nowrap;
} 
.tour-header { 
    margin-bottom: 10px; 
}   
.hotel-tab-wrapper {
    margin-top: 15px; 
}  
.hotel-grid {
    display: grid; 
    gap: 10px;
    grid-template-columns: repeat(2, 1fr);
} 
.news-grid{
     display: grid; 
    gap: 10px;
    grid-template-columns: repeat(2, 1fr);
}
.stars {
    font-size: 8px;
    color: gold;
} 
.breakfast { 
    display: none;
}
.hotel-footer {
     margin-top: 0px;}
.thuexeoto_container{
    display:block;
}
.hotel-desc, .hotel-address {
    font-size: 11px;
    color: #444;
    margin: 0;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}   
.section-car-service {
    padding:  0px 0px;
}
p.thuexeoto_desc {
    font-size: 15px;
}  
.thuexeoto_card { 
    margin-bottom: 20px;
} 
.client-logo-section {
    padding: 0px 0px;
}
.news-tabs{
    overflow-x: auto;
  -webkit-overflow-scrolling: touch; 
}
.news-tabs li{
display: inline-block; 
  margin-right:  10px; 
  flex-shrink: 0;
  cursor: pointer;
  font-size: 14px;
  white-space: nowrap;
} 
.section-news {
      padding: 0px;   
}
.abc_news{
    margin-left:50px;
}
.custom-select .selected { 
    font-size: 13px;
}
.qn-search-box .form-group input, .qn-search-box .form-group select{
    font-size: 13px;
}
.date-display-box .checkin-info, .date-display-box .checkout-info{ 
     font-size: 12px;
}
.news-tabs { 
    gap: 0px;}
.explore-vietnam {
    padding: 30px  0px;
}
.footer-container {
    grid-template-columns: 1fr 1fr; /* Chia 2 cột cho mobile */
  }

  .footer-container > :nth-child(1) {
    grid-column: 1 / -1; /* chiếm toàn bộ hàng (100%) */
  }

  .footer-container > :nth-child(2),
  .footer-container > :nth-child(3),
  .footer-container > :nth-child(4){
    grid-column: 1 / -1; /* mỗi cái chiếm 1 cột = 50% */
  } 
  .testimonial-section {
    padding: 30px 0px;}
.score-box{
    font-size:11px;
}
.score {
        font-size: 11px;
        display: none;  
}
.hotel-body {
    padding: 5px 10px;
    display: flex;
    flex-direction: column;
    gap: 3px;
}
.hotel-img-wrapper img { 
    height: 130px; 
}
.price {
    font-size: 14px;}
.explore-left, .explore-right {
        grid-template-columns: 3fr -1fr;
    } 
.explore-left {
    display: grid;
    grid-template-rows: 1fr 1fr;
    gap: 16px;
}   

/* footer */
.footer-container{
    gap:0px;
}
.payment-logos { 
    margin-bottom: 30px;
}
.footer-bottom{
    margin-top: 10px;
}
.site-footer .footer-col ul,
.site-footer .footer-col .app-links {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}

.site-footer .footer-col h4 {
  cursor: pointer;
  position: relative;
  padding-right: 24px;
}
.tourdulich_info_row {
    display: block;}
.site-footer .footer-col h4::after {
  content: "▼";
  position: absolute;
  right: 0;
  top: 0;
  transition: transform 0.3s ease;
}

.site-footer .footer-col h4.active::after {
  transform: rotate(180deg);
}
.explore-box span { 
    font-size: 8px;
}
.explore-grid { 
    gap: 10px; 
    grid-template-columns: 1fr 1fr;
}
.explore-subgrid { 
    gap: 10px; 
}

/* tour */
section#trangtour{
    padding:10px;
}
.tour-bg-wrapper { 
    height: auto;
}
.tourdulich_info { 
    background:white;
    margin: 10px 0px;
}
 .tourdulich_gallery {
    flex-direction: column;
    max-height: none;
  }

  .tourdulich_main {
    width: 100%;
    min-height: 200px;
    max-height: none;
  }
.d-none{
    display:unset;
}
  .tourdulich_thumbs {
    display: grid;
    grid-template-columns: 1fr 1fr; /* Hoặc 1fr nếu muốn dọc */
    grid-template-rows: auto;
    gap: 10px;
    margin-top: 10px;
  }
.tourdulich_main img { 
    height: 250px;}
  .tourdulich_thumb img {
    height: 100px;
    object-fit: cover;
    border-radius: 6px;
  }
  .lichtrinh_section { 
    margin-top: 10px;
}
.lichtrinh_section {
    padding:  0px 20px;
}
    .tour-tab-wrapper {
  border-bottom: 1px solid #d1d5db;
  margin-bottom: 10px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; /* cho iOS scroll mượt */
}
div#sider_bar_fix {
    display: none;
}
.container.didong {
    margin: 0 15px;
}
.tour-tab-nav li {
    cursor: pointer;
    position: relative;
    padding: 0px 0;
    transition: color 0.2s ease;
    margin-bottom: 0px;
    overflow: unset;
}
.container.didong {
    margin: 0 15px;
}
.related-service-item {
     margin: 0 0px;}
.hotel-price-section { 
    padding: 0px 10px 20px; 
}
.hotel-info {
    flex: 1 1 45%;
    padding: 20px 10px 0px 10px;
}
button.mobile-filter-toggle {display:block;}
.mobile-filter-toggle {
  display: none;
  position: fixed;
  bottom:  0px;
  right: 10px;
  z-index: 99999999;
  background: #f97316;
  color: white;
  border: none;
  padding: 12px 10px;
  border-radius: 30px;
  font-size: 12px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}
 
  .mobile-filter-toggle {
    display: block;
  }

  .mobile-filter-popup {
    position: fixed;
    bottom: -100%;
    left: 0;
    width: 100%;
    height: 60vh;
    background: white;
    z-index: 10000;
    box-shadow: 0 -2px 8px rgba(0,0,0,0.15);
    border-radius: 12px 12px 0 0;
    transition: bottom 0.3s ease-in-out;
    padding: 16px;
    overflow-y: auto;
  }

  .mobile-filter-popup.active {
    bottom: 0;
  }

      .popup-header_a {
        display: flex;
        justify-content: flex-end;
        align-items: right;
        margin-bottom: 12px;
        font-weight: bold;
        font-size: 16px;
        height: 37px;
        text-align: right;
        margin-right: -13px; 
    }

  .popup-header_a button {
    background: none;
    border: none;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
  }   
  .grid-gallery {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    
  }

  .grid-item-large {
    grid-column: 1 / -1;
    width: 100%;
    height: 200px;
  }

  .grid-item img {
    width: 100%;
    height: auto;
    object-fit: cover;
  }
  .grid-item-more .overlay-more{
      font-size:12px;
  }
  .hotel-box{
      display:block;
  }
  .hotel-price {
    text-align: left; 
    margin: 10px 0px;
}
.price-guarantee { 
    justify-content: flex-start;
}
.loaiphong_header {
    display: none;
}
.intro_section {
    margin-top:10px; 
}
.loaiphong_btn{
    margin:0px;
    font-size: 12px;
    min-width: 100px;
} 
.loaiphong_col4 {
    float: right;
    margin-top: -60px;
}
 .loaiphong_row {
    display: block;}
.btn-book { 
    margin-bottom: 20px;
    width: 100%;
    text-align: center;
}
.travel_tienich_section,.cauhoi_ks_section {
    display: block;}
.travel_tienich_left,.travel_tienich_right{
    width:100%;
} 
.tour-tag{
    font-size:10px;
}
.qn-search-box .form-group.date-range-picker {
    flex: 2;
    min-width: 100%;
}
.flatpickr-calendar.rangeMode.animate.multiMonth.arrowTop.arrowLeft.rightMost.open {
    width: 100% !important;
}
.bangdattour table td{
    font-size:10px;
    text-align: center;
}
input#adult_qty, input#child_qty, input#baby_qty {
    font-size: 10px;
}
.swal2-container.swal2-center.swal2-backdrop-show {
    z-index: 9999;
}
.section-thuexe-content .row {
    display: flex;
    flex-wrap: wrap;
  }

  .section-thuexe-content .col.medium-4 {
    order: 1; /* Box liên hệ lên trên */
  }

  .section-thuexe-content .col.medium-8 {
    order: 2; /* Nội dung xuống dưới */
  }
  .tourdulich_gallery_thuexe.image-grid-oto {
    display: flex;
    flex-direction: column;
  }

  .tourdulich_main_thuexe {
    order: -1; /* Đưa ảnh lớn lên trên */
  }

  .tourdulich_thumbs_thuexe {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 2 cột ảnh nhỏ */
    gap: 10px;
    margin-top: 10px;
  }

  .tourdulich_main_thuexe img {
    height: auto;
    max-height: 300px;
    object-fit: cover;
  }
  .tourdulich_thumbs_thuexe a { 
    height: 100px;
    width: 100%;
}
.thuexeoto_container { 
    padding: 10px 0px !important;
} 
.hotel-price-section .hotel-price {
    text-align: right !important;
}
.dp-grid {
    display: grid;
    grid-template-columns: 1fr!important; 
    gap: 12px;
      min-width: auto !important; 
}
.flatpickr-calendar {
    font-size: 14px; /* thu nhỏ chữ */
  }

  .flatpickr-days {
    display: grid !important;
    grid-template-columns: repeat(7, 1fr);
  }
}