/* Responsive Enhancements for All Devices */

/* Ensure images are responsive */
img {
    max-width: 100%;
    height: auto;
}

/* Prevent horizontal overflow */
body {
    overflow-x: hidden;
}

/* Flexible containers */
.container-fluid {
    padding-left: 15px;
    padding-right: 15px;
}

/* Touch-friendly buttons and links */
@media (max-width: 767px) {
    a, button, .btn {
        min-height: 44px;
        min-width: 44px;
    }
}

/* Improve table responsiveness */
@media (max-width: 767px) {
    table {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

/* Ensure video embeds are responsive */
iframe, embed, object, video {
    max-width: 100%;
}

/* Fix for very small devices (320px) */
@media (max-width: 374px) {
    .section-title h2 {
        font-size: 22px !important;
    }
    
    .hero-slider .hero-slider-item .slider-content h1 {
        font-size: 22px !important;
    }
    
    .default-btn-one, .default-btn-two {
        padding: 8px 12px !important;
        font-size: 11px !important;
    }
}

/* Tablet landscape optimization (768px - 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
    .container {
        max-width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }
}

/* Large desktop optimization (1920px+) */
@media (min-width: 1920px) {
    .container {
        max-width: 1400px;
    }
}