/* Responsive Styles */
@media (max-width: 1199.98px) {
    .carousel-caption h1 {
        font-size: 3rem;
    }
    
    .carousel-caption p {
        font-size: 1rem;
    }
}

@media (max-width: 991.98px) {
    body {
        padding-top: 62px;
    }
    
    .navbar {
        padding: 10px 0;
    }
    
    .carousel-item {
        min-height: 500px;
    }
    
    .carousel-caption {
        bottom: 20%;
    }
    
    .carousel-caption h1 {
        font-size: 2.5rem;
    }
    
    .search-section {
        margin-top: -30px;
    }
    
    .destination-img, .package-img {
        height: 180px;
    }
}

@media (max-width: 767.98px) {
    .carousel-caption {
        bottom: 15%;
        padding: 15px;
    }
    
    .carousel-caption h1 {
        font-size: 2rem;
        margin-bottom: 10px;
    }
    
    .carousel-caption p {
        font-size: 0.9rem;
        margin-bottom: 15px;
    }
    
    .carousel-caption .btn {
        padding: 8px 15px;
        font-size: 0.9rem;
    }
    
    .section-header h2 {
        font-size: 1.8rem;
    }
    
    .search-box {
        padding: 20px !important;
    }
    
    .destination-card, .package-card {
        margin-bottom: 20px;
    }
    
    .map-tooltip {
        display: none;
    }
    
    .contact-item {
        flex-direction: column;
    }
    
    .contact-icon {
        margin-right: 0;
        margin-bottom: 15px;
    }
}

@media (max-width: 575.98px) {
    body {
        padding-top: 56px;
    }
    
    .carousel-item {
        min-height: 400px;
    }
    
    .carousel-caption {
        bottom: 10%;
    }
    
    .carousel-caption h1 {
        font-size: 1.5rem;
    }
    
    .section-header h2 {
        font-size: 1.5rem;
    }
    
    .search-box form .col-md-6 {
        margin-bottom: 15px;
    }
    
    .destination-img, .package-img {
        height: 150px;
    }
    
    .blog-img {
        height: 200px;
    }
    
    .gallery-item img, .video-thumbnail img {
        height: 200px;
    }
    
    .page-header {
        padding: 60px 0;
    }
    
    .page-header h1 {
        font-size: 2rem;
    }
    
    .stat-item h3 {
        font-size: 1.5rem;
    }
}