/* Responsive Styles for ai4smart */

/* Tablet and Mobile (max-width: 1280px) */
@media (max-width: 1280px) {

    /* Hero Feature Boxes */
    .hero-feature-container {
        display: none !important;
    }

    /* Mobile Footer Nav */
    .mobile-footer-nav {
        display: flex !important;
    }

    /* Intro Section */
    .intro-section {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .intro-section .container {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }
}

/* Mobile Small (max-width: 640px) */
@media (max-width: 640px) {

    /* Adjust grid gap for very small screens if needed */
    .hero-feature-container {
        gap: 0.5rem !important;
    }
}