@media(max-width:1500px){}
@media(max-width:1400px){
  .img-wrapper img {
    width: 100%;
    height: 244px;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
    object-fit: cover;
}
}
@media(max-width:1200px){
  .img-wrapper img {
    width: 100%;
    height: 244px;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
    object-fit: cover;
}
}
@media(max-width:1069px){
  
}
@media(max-width:991px){
    #mobileMenu .accordion-button {background-color: #f8f9fa; color: #333; font-weight: 600;  font-size: 16px;  padding: 12px 16px;  border: none;
        border-bottom: 1px solid #ddd;   display: flex;   justify-content: space-between;    align-items: center;  cursor: pointer;  border-radius: 5px;
        transition: background 0.3s, color 0.3s;   }
      #mobileMenu .accordion-button:hover {   background-color: #e2e6ea;   color: #ff5d38;      }

      /* Accordion body */
      #mobileMenu .accordion-body {    background-color: #fff;   padding: 10px 16px;   }
      #mobileMenu .accordion-body ul {     list-style: none;    margin: 0;   padding: 0;   }
      #mobileMenu .accordion-body ul li {  position: relative;  padding: 2px 0 2px 12px;    font-size: 15px;   color: #333;   cursor: pointer;  transition: color 0.3s;   }
         #mobileMenu .accordion-body ul li a { color: #ff5d38;  }
      #mobileMenu .accordion-body ul li:hover {     color: #ff5d38;  }
      /* Arrow before text with rotate animation */
      #mobileMenu .accordion-body ul li::before { content: "›"; position: absolute; left: 0;   top: 50%;  transform: translateY(-50%);   color: #ff5d38;
        font-size: 16px; transition: transform 0.3s ease;   }
      /* Rotate arrow when collapse is open */
      .accordion-collapse.show li::before { transform: translateY(-50%) rotate(90deg); }
      .tabs-wrapper { overflow-x: auto;   -webkit-overflow-scrolling: touch;  }
      
  .custom-tabs { display: flex;  flex-wrap: nowrap;  gap: 10px; min-width: max-content;}
  .custom-tabs .nav-item {  flex: 0 0 auto; }
  .custom-tabs .nav-link { white-space: nowrap; font-size: 14px; padding: 8px 12px; }
}

@media(max-width:768px){
    .search-box .col-6,   .search-box .col-12 {  margin-bottom: 10px; }
   .search-box { width: 100%;  }
    #main-hero p {  width: 100%; }
   header .navbar-nav {  align-items: flex-start; }
         .left-menu {   max-height: unset;   border-right: none;  border-bottom: 1px solid #eee;   }
        .right-menu {   padding: 10px;   }
        .right-menu .submenu {   display: none;  padding-left: 10px; border-left: 2px solid #eee;  margin-top: 10px;  }
        .right-menu .submenu.active {    display: block;   }
        .left-menu ul li {      gap: 10px; }
      .custom-dropdown::after {    font-size: 20px;   }
      
      .tour-fillter { display: none;  background: #fff;  padding: 15px;  border-radius: 10px;  box-shadow: 0 4px 10px rgba(0,0,0,0.15);  }
       #openFilterBtn i {  margin-right: 5px;  }
}

@media(max-width:643px){}
@media(max-width:579px){
    .sec-title { font-size: 25px;  }

    .search-box { width: 90%; }

    .input-box {   border-right: none;  border-bottom: 1px solid #cbc2c2; }

    .btn-search {   padding: 8px 7px;  }

    #explore .ex-top h2 {    font-size: 25px; }

    .sec-subtitle {  font-size: 12px;  }

    #explore { padding: 25px 10px; } 

    .ex-top :first-child{ width: 75%; }

    #explore .ex-top { margin-bottom: 25px;

    }    

    #explore .ex-top a {  font-size: 14px;  }

    #tour-package {    padding: 20px 0px;  }

    .sec-bottom-btn {   padding: 6px 14px;  margin-top: 14px;  }

    #why-choose{      padding: 25px 20PX;   }

       .image-grid {   grid-template-columns: 1fr; }



      #gallery{  padding: 25px 0px; }

      .tab-btn button {   padding: 4px 6px;  font-size: 13px; margin-top: 5px; }

    .testimonial-section {    padding: 25px 20px;  }

    .subscribe-section {    padding: 25px 20px;  }

    .subscribe-form input[type="email"] {   font-size: 13px;  }

    .subscribe-form button {   padding: 7px 20px;  }
    .fb-ul {     flex-direction: column; }
    .site-footer p, .site-footer a, .site-footer h5, .site-footer h6 {font-size: 14px; }
   header .navbar-nav {align-items: flex-start; }
    header .navbar-nav {     gap: 20px;  }

    .whatsapp li a {    margin-top: 15px; }

    header .navbar-brand {     width: 16%;   }
}
@media(max-width:480px){
    /* header responsive css */
   header .header-top .top-info li span { color: #fff;  font-size: 14px;}
   header .header-top .top-info li i img {  width: 25px;  height: 25px;}
.sticky .headermn .navbar .navbar-brand {  width: 17%;  padding: 4px 0px;}
header .nav-link { color: #000; font-size: 16px;}

/* hero section res-css */
#main-hero .main-content {  width: 100%;  height: auto;  text-align: center;}
.main-content a { padding: 6px 10px;  font-size: 12px;}
#main-hero h1 {  margin: 15px 0px; font-size: 25px;}
#main-hero h6 { font-size: 16px;}
#main-hero p { font-size: 15px;}
#main-hero {padding: 25px 0px; padding-top: 80px;}

.top-icons .icon-item { gap: 0px; font-size: 12px;}
.bottom-buttons .btn-quote {padding: 8px 10px; font-size: 12px;}
.bottom-buttons .btn-view { padding: 8px 10px; font-size: 12px;}
.icon-slider {padding: 25px 0px;}
.title {  font-size: 18px;  margin: 0; font-weight: bold;}
.content-wrapper h6{ font-size: 12px;}
.content-wrapper {   padding: 8px;}

.includes { gap: 2px;}

.info {  font-size: 12px;}
.price-section {  gap: 7px;}
.price-section .price{ font-size: 17px;}
.payment-icons{  justify-content: center;}
.footer-bottom p{  font-size: 12px !important;}
.site-footer .footer-bottom { text-align: center;}
.footer-overlay{  text-align: center;}
.breadcrumb-section {  height: 200px;}
.breadcrumb-heading {  font-size: 20px; margin: 5px 0 5px;}
.breadcrumb-text {  font-size: 13px;   line-height: 1.5;}
.btn-our-story {   padding: 3px 8px;}
.about-section { padding: 25px 0px;}
.about-section .about-content .about-title {  font-size: 25px;}
.about-section .about-content .about-text {    font-size: 14px; margin-bottom: 14px;  text-align: justify;}
#achievements {  padding: 25px 0px;}
#core-values {  padding: 24px 0px;}

#our-team { padding: 25px 0px;}

#tour-detail { padding: 25px 0px;}

#tour-tab{ padding: 25px 0px;  }

  .custom-tabs .nav-link {  padding: 5px 10px;  font-size: 14px;}

.arrivel-card { padding: 10px;  width: 100%;}

.day-card {  padding: 0px;}

#tourTabsContent {    padding: 0px !important;}

#tour-tab .tag {    margin-top: 10px;}

    #tour-tab #dailyAccordion {
        margin-right: 0px;
        margin-top: 10px !important;
        margin-bottom: 20px;
    }

.day-circle {  left: -34px;   top: 0;   padding: 7px 4px;  font-size: 7px; display: none;}

.day-card h5 {  font-size: 15px;}

.arrivel-card h6{font-size: 12px;}

.arrivel-card p{  font-size: 13px;}

.arrivel-ul .badge {   font-size: 10px; display: none;}

.t-top-heading h4{    font-size: 16px;}

.t-top-heading p{ font-size: 13px;}

.t-top-heading{  padding: 10px;}

.daily-activities { padding: 10px;}

#tour-tab .daily-item { flex-direction: column; padding: 6px !important;}

#tour-tab .daily-item h6{  font-size: 12px;}

#tour-tab .daily-item small{  font-size: 12px;}

#tour-tab .daily-item.icon-circle {  width: 32px;  height: 22px;  font-size: 10px;}
.tour-card .card-body a {  font-size: 11px; padding: 8px 8px;}

    .timeline {
        border-left: none;
        margin-left: 0px;
        /* display: none; */
    }

.icon-circle {    width: 34px;    height: 22px;  font-size: 11px;}

.image-top-buttons {  position: absolute;  top: 12px;    left: 20px;  z-index: 1;}

#contact-section {   padding: 25px 0px;}

#contact-section form label {    font-size: 15px;    margin-bottom: 4px;}

#contact-section .form-control, #contact-section .form-select {  font-size: 13px;}

#contact-section .right-card p { font-size: 15px; margin-bottom: 5px;}

.explore-card {  flex-direction: column;}

   #tour-package .card-body{    padding: 12px;   }

   #tour-package .card-body h5{    font-size: 16px;    margin-top: 10px;   }

   #tour-package .card-body p{ font-size: 12px;  }

   .wishlist-btn { height: 25px;  width: 25px;  padding: 2px;}

.subscribe-section h2 {  font-size: 20px;  margin-bottom: 8px;}

.subscribe-section p { font-size: 13px;  margin-bottom: 10px;}

#faq-section{ padding: 25px 0px;  }

  #faq-section .accordion-item { margin-bottom: 10px; padding: 0px;}

.testimonial-carousel .text {    font-size: 13px;    color: #444;   margin-bottom: 10px;}
.testimonial-carousel .testimonial-item:hover {  transform: translateY(-5px);}
.testimonial-carousel .testimonial-item {  padding: 15px 12px;}

.wishlist-btn i {    font-size: 16px; color: #333;}

#our-team .team-card{  height: auto;}

.site-footer .f-ul {  justify-content: space-evenly;}

.site-footer .social-icons a i {   line-height: 2.6;}

.breadcrumb-content .form-control {  padding: 0;  font-size: 12px;}

.booking-box .modal-btn {  font-size: 13px;  padding: 5px 10px;}

.tour-info-card {  padding: 13px;}
.tour-info-card h3 {  font-size: 18px;}
.tour-info-card p {  font-size: 14px;}
.tour-info-card .btn {  padding: 5px;}
.left-menu .icon img { width: 25px; height: 25px;}
.menu-item .icon h6{ font-size: 13px;}
.mega-menu .row { flex-direction: column;}
  .left-menu,.right-menu {  width: 100% !important;   border: none;  max-height: none;    overflow: visible;  }

  .submenu {  display: none !important;    padding: 10px 15px;    border-left: 2px solid #ddd;    margin-bottom: 10px;  }
  .submenu.active {  display: block !important;  }

  .left-menu ul li { border-bottom: 1px solid #eee;  padding: 12px;  }
  .left-menu .arrow {  transition: transform 0.3s ease; }
  .left-menu ul li.active .arrow {  transform: rotate(90deg);  }

  .mega-dropdown .dropdown-menu {  padding: 10px;  width: 360px;  height: auto; }
 .left-menu ul li {  font-size: 14px;  padding: 6px 10px; }

  .scrollable {   max-height: 150px;  }
  .scrollable li {  font-size: 13px;    padding: 6px 0;  }

  .custom-dropdown::after {    font-size: 18px;  }
  .qty-box { width: 50%;}

  .highlits-cont ul li p {
    font-size: 13px;
}
  .highlits-cont h2{
    font-size: 22px;
  }
  .timeline {
    padding-left: 0;
    margin-top: 5px;
    padding: 4px 10px;
}
       .mobile-day-badge {
        display: block;
        list-style: none;
        display: flex;
        justify-content: space-between;
        gap: 50px;
        margin-bottom: 10px;
    }
     .mobile-day-badge li {
    background-color: #ff623a;
    padding: 2px;
    width: 100px;
    color: #fff;
    text-align: center;
    border-radius: 5px;
            font-size: 14px;
}
.cus-accordian button {
    
    border: 1px solid #951f1d;
    font-size: 13px;

    
}
.cus-accordian .accordion-button::after {
      width: 12px !important;
    height: 12px !important;
   }
   #tour-tab .accordion-button {
    font-weight: 500;
    padding: 6px 10px;
    font-size: 13px;
}
#mobileMenu .accordion-button:focus {
    outline: none;          /* default blue outline remove */
    box-shadow: 0 0 0 3px rgba(255, 93, 56, 0.3); /* custom focus effect, optional */
}

#mobileMenu .accordion-button:not(.collapsed) {
    background-color: #ff5d38; /* open state background */
    color: #fff;               /* open state text color */
}
.navbar-nav li {
    border-bottom: 1px solid #ada7a7;
    width: 100%;
    margin-top: 0px;
    padding-bottom: 8px;
}
.input-with-code .form-control {
    padding-left: 70px !important;
}


}
@media(max-width:400px){}
@media(max-width:359px){}
@media (min-width: 992px) {
    .team-wrapper.owl-carousel {   display: flex !important;   flex-wrap: wrap;  }
    .team-wrapper.owl-carousel .owl-stage-outer {   display: contents !important;  }
    .team-wrapper.owl-carousel .item {   flex: 0 0 33.3333%;   max-width: 33.3333%;  }
  }