/* 
   FaresTKT.com - Responsiveness adjustments
   Mobile-First Overrides
*/

@media (max-width: 1200px) {
    .hero-title {
        font-size: 3rem;
    }
}

@media (max-width: 991.98px) {
    section {
        padding: 60px 0;
    }
    
    .hero-section {
        padding: 100px 0 140px 0;
        min-height: auto;
        text-align: center;
    }
    
    .hero-content {
        margin: 0 auto;
    }
    
    .hero-title {
        font-size: 2.5rem;
    }
    
    .hero-subtitle {
        font-size: 1.1rem;
    }
    
    .search-wrapper {
        margin-top: -80px;
    }
    
    .search-container {
        padding: 25px;
        border-radius: 20px;
    }
    
    .navbar-nav {
        padding: 15px 0;
        gap: 10px;
    }
    
    .navbar-nav .nav-link::after {
        display: none;
    }
    
    .navbar-nav .nav-link {
        padding: 6px 0 !important;
    }
    
    .navbar .btn-premium {
        width: 100%;
        margin-top: 10px;
        text-align: center;
    }
    
    .newsletter-section {
        padding: 40px 25px;
        text-align: center;
    }
    
    .newsletter-form {
        flex-direction: column;
        gap: 10px;
    }
    
    .btn-subscribe {
        width: 100%;
    }
    
    .footer-section {
        padding-top: 100px;
    }
    
    .footer-bottom {
        flex-direction: column;
        text-align: center;
    }
}

@media (max-width: 767.98px) {
    .section-title {
        font-size: 1.8rem;
    }
    
    .hero-title {
        font-size: 2rem;
    }
    
    .search-type-tabs {
        flex-wrap: wrap;
    }
    
    .search-form-row {
        gap: 10px;
    }
    
    .input-group-custom {
        min-width: 100%;
    }
    
    .btn-search-flights {
        width: 100%;
        height: 52px;
        border-radius: var(--radius);
        margin-top: 10px;
    }
    
    .btn-search-flights i {
        margin-right: 8px;
    }
    
    .btn-search-flights::after {
        content: ' Search Flights';
        font-weight: 600;
        font-size: 1rem;
    }
    
    .passenger-dropdown {
        width: 100%;
    }
    
    .why-card {
        padding: 30px 20px;
    }
    
    .testimonial-card {
        padding: 25px;
    }
    
    .contact-form-wrapper {
        padding: 25px;
    }
    
    .policy-card {
        padding: 25px 15px;
    }
}

@media (max-width: 575.98px) {
    .navbar-brand {
        font-size: 1.3rem;
    }
}