/* top bar css start */
@media (max-width: 991px) {
    .travel-header {
        display: none !important;
    }
}
/* top bar css end */

/* navbar css start */
@media (max-width: 991.98px) {
    .navbar {
        padding: 10px 15px;
    }

    /* Toggle Button Styling */
    .navbar-toggler {
        padding: 8px 12px;
        border: 2px solid #0a1f44 !important; /* Border Color */
        color: #0a1f44 !important; /* Icon Color */
        background: transparent;
        border-radius: 5px;
    }
    .navbar-toggler:hover {
        padding: 8px 12px;
        border: 4px solid #0a1f44 !important; /* Border Color */
        color: #0a1f44 !important; /* Icon Color */
        background: transparent;
        border-radius: 5px;
    }

    .navbar-toggler:focus {
        box-shadow: none;
    }

    .navbar-collapse {
        background: #fff;
        padding: 15px;
        border-top: 2px solid #ddd;
    }

    .navbar-light .navbar-nav {
        text-align: left;
        width: 100%;
    }

    .navbar-light .navbar-nav .nav-link {
        padding: 10px 15px;
        font-size: 16px;
        color: #0a1f44 !important;
    }

    .sticky-top {
        position: relative;
        background: #fff;
    }

    .logo-img img {
        max-width: 50px;
    }

    /* Get In Touch button hidden on mobile */
    .contact-button {
        display: none !important;
    }

    /* Dropdown menu adjustments */
    .navbar .dropdown-menu {
        text-align: left;
        width: 100%;
        display: none;
        position: static;
        box-shadow: none;
        border-radius: 5px;
        padding-left: 15px;
    }

    .navbar .nav-item:hover .dropdown-menu {
        display: block;
        visibility: visible;
        opacity: 1;
    }
}

/* Tablet and Small Screens */
@media (max-width: 768px) {
    .navbar-light .navbar-nav .nav-link {
        font-size: 15px;
    }

    .logo-heading {
        font-size: 28px;
    }
}

/* navbar css end */

/*slider css start*/
@media (max-width: 992px) {
    .carousel-item img {
        height: 550px;
    }
    h2.heading-slider {
        font-size: 50px;
    }
    .slider-button {
        padding: 14px 32px;
        font-size: 16px;
    }
}

@media (max-width: 768px) {
    .carousel-item img {
        height: 450px;
    }
    .carousel-caption {
        width: 90%;
        padding: 10px;
    }
    h2.heading-slider {
        font-size: 40px;
    }
    h5.sub-heading-slider {
        font-size: 20px;
    }
    .slider-p {
        font-size: 14px;
    }
    .slider-button {
        padding: 12px 28px;
        font-size: 14px;
    }
}

@media (max-width: 576px) {
    .carousel-item img {
        height: 450px;
    }
    .carousel-caption {
        width: 100%;
        padding: 5px;
    }
    h2.heading-slider {
        font-size: 30px;
    }
    h5.sub-heading-slider {
        font-size: 18px;
    }
    .slider-p {
        font-size: 12px;
    }
    .slider-button {
        padding: 10px 24px;
        font-size: 12px;
    }
}

/* Remove carousel navigation arrows */
/* .carousel-control-prev,
.carousel-control-next {
    display: none !important;
} */

/* slider css end */


/* about section css start */

/* Mobile Devices (up to 768px) */
@media (max-width: 768px) {
  
    .about-right {
        padding-left: 15px;
        margin-top: 30px;
    }
    .about-text {
        text-align: justify;
    }
    .about-image img {
        width: 100%;
    }
    .feature-box {
        justify-content: flex-start;
        margin-bottom: 20px;
    }
    .about-button {
        display: block;
        margin: 20px auto 0 auto;
    }
    /* Optional: Hide decorative pseudo-elements for a cleaner mobile view */
    .about-title::after,
    .about-title::before {
        display: none;
    }
    .about-heading{
        font-size: 28px;
    }
   
}

/* Tablets (768px to 991px) */
@media (min-width: 768px) and (max-width: 991px) {
   
    .about-right {
        padding-left: 30px;
        margin-top: 20px;
    }
    .about-text {
        text-align: justify;
    }
    .about-image img {
        width: 90%;
    }
    /* .about-button {
        display: block;
        margin: 20px auto 0 auto;
    } */
    .about-heading{
        font-size: 28px;
    }
}



/* about section css end */


/* footer*/
@media (max-width: 992px) {
    .custom-footer {
        padding: 60px 5%;
    }
    .img-footer img {
        width: 70%;
    }
}

/* For devices with width <= 768px */
@media (max-width: 768px) {
    .custom-footer {
        padding: 40px 5%;
        /* Removed text-align: center; */
    }
    .img-footer img {
        width: 80%;
    }
    .footer-items {
        margin-bottom: 0px;
    }
    /* Removed centering from social icons */
}

/* For devices with width <= 576px */
@media (max-width: 576px) {
    .custom-footer {
        padding: 30px 3%;
    }
    .img-footer img {
        width: 60%;
    }
    h4.footer-logo {
        font-size: 24px;
    }
}

@media (max-width: 767.98px) {
    .main-btn{
        margin-left: 23%;
    }
}

@media screen and (max-width: 1200px) {
    .fun-facts .fun { margin-bottom: 40px; 
    }
}


@media (max-width: 992px) { /* Tablets */
    .contact .branch .branch-item {
        padding: 25px;
    }
    .contact .branch .branch-img img {
        height: 220px;
    }
}

@media (max-width: 768px) { /* Small Tablets & Large Phones */
    .contact .branch .branch-item {
        padding: 20px;
    }
    .contact .branch .branch-img img {
        height: 200px;
    }
    .contact .branch .branch-item .branch-content {
        text-align: center;
    }
}

@media (max-width: 576px) { /* Mobile Devices */
    .contact .branch .branch-item {
        padding: 15px;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    }
    .contact .branch .branch-img img {
        height: 180px;
    }
}

@media (max-width: 400px) { /* Small Phones */
    .contact .branch .branch-item {
        padding: 10px;
    }
    .contact .branch .branch-img img {
        height: 160px;
    }
}
@media (max-width: 767px) {
            
    .grid_booking {
      grid-template-columns: repeat(2,2fr);
  }
    .book_travel figure img {
      width: 34px;
      height: 39px;
  }
    .book_travel {
      padding: 8px;
  }
}

@media (max-width: 991px) {
   .stickleft{
       padding:0 !important
}
}
/* Optional: Add responsive design */
  @media (max-width: 768px) {
    .main-servicehead {
        flex-direction: column; /* Stack items vertically on smaller screens */
    }
  }
@media (max-width: 991px) {
   .width--wraphead {
    width: 100%;
    margin: 0 auto;
}
}
 @media (max-width: 991px) {
  
   .main-wrapper{
     padding: 60px 0;
   }
   .main-wrapper-section{
      padding: 60px 0;
   }
  
}
 @media (max-width: 991px) {
  .book_travel h3{
  font-size:18px
 }
}
 @media (max-width: 991px) {
  .carousel-control-prev,
.carousel-control-next {
    position: absolute;
    bottom: 20px;
    top: auto;
    width: auto;
    background: rgba(0, 0, 0, 0.5);    
    padding: 8px;
    border-radius: 50%;
  }
     .carousel-control-prev {
        left: 30%;
    }

    .carousel-control-next {
        right: 30%;
    }
}

@media (max-width: 991px) {
    .contactFieldFlex {
        flex-direction: column;
    }
    .call_image {
      padding:0px
  }
}