/* Global responsive styles */
@media screen and (max-width: 768px) {
    .desktop-only {
        display: none !important;
    }
    
    .mobile-only {
        display: block !important;
    }
    
    /* Hero section responsive fixes */
    .hero-section {
        padding: 120px 0 60px !important;
    }
    
    .hero-section h1 {
        font-size: 2.5rem !important;
    }
    
    .hero-section .hero-subtitle {
        font-size: 1.2rem !important;
    }
    
    /* Feature cards in other sections adjust to 1 column */
    .feature-grid {
        grid-template-columns: 1fr !important;
    }
    
    /* Team grid adjustments */
    .team-grid {
        grid-template-columns: 1fr !important;
    }
    
    /* Footer navigation adjustments */
    .footer-navigation {
        grid-template-columns: 1fr !important;
        gap: 2rem !important;
    }
    
    /* Testimonial grid adjustment */
    .testimonials-grid {
        grid-template-columns: 1fr !important;
    }
    
    /* CTA button adjustments */
    .hero-cta {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }
    
    .hero-cta .btn {
        margin: 0 !important;
        width: 100%;
    }
    
    /* Mobile medical reasoning section */
    #medical-reasoning .container > div {
        grid-template-columns: 1fr !important;
    }
    
    .medical-reasoning-image {
        width: 120px !important;
        height: 120px !important;
        margin: 0 auto 20px !important;
        overflow: hidden !important;
        border-radius: 50% !important;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) !important;
    }
    
    .medical-reasoning-image img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        border-radius: 50% !important;
        box-shadow: none !important;
    }
    
    /* Make the hero feature list one column on mobile */
    .feature-list {
        grid-template-columns: 1fr !important;
    }
    
    /* Logo sizing on mobile */
    .logo img {
        height: 40px !important;
    }
    
    /* Adjust container padding */
    .container {
        padding: 0 15px !important;
    }
}

/* Medium screen adjustments - Tablets */
@media screen and (min-width: 769px) and (max-width: 1024px) {
    /* For medium screens, make the feature list 2 columns */
    .feature-list {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    
    .feature-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
    
    .team-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    
    .hero-section h1 {
        font-size: 3rem !important;
    }
    
    /* Adjust header elements for tablets */
    .primary-nav .nav-list {
        gap: 15px !important;
    }
    
    .nav-item a {
        font-size: 0.9rem !important;
    }
}

/* Large screen adjustments */
@media screen and (min-width: 1025px) {
    .feature-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
    
    /* Fine tune desktop spacings */
    .section {
        padding: var(--spacing-xxl) 0 !important;
    }
    
    .container {
        max-width: 1400px !important;
    }
}