/* --- Dedicated Tablet/Large Mobile Responsiveness (600px - 767px) --- */
@media only screen and (min-width: 600px) and (max-width: 767px) {
    
    /* Global Typography & Spacing */
    h1, .headtitle { font-size: 3rem !important; margin: 25px 0 !important; }
    h2 { font-size: 2rem !important; }
    h3 { font-size: 1.6rem !important; }
    p { font-size: 1rem !important; }
    
    section { padding: 60px 0 !important; }
    .container { padding-left: 30px !important; padding-right: 30px !important; }

    /* Header & Navigation */
    .floating-header {
        width: 90% !important;
        top: 15px !important;
    }
    
    .navbar-container {
        height: 65px !important;
        padding: 0 20px !important;
    }
    
    .logo { height: 35px !important; }
    
    .btn-get-in-touch {
        padding: 10px 15px !important;
        font-size: 12px !important;
    }
    
    .call-top-img { width: 18px !important; height: 18px !important; }

    /* Hero Section */
    .hero {
        padding-top: 140px !important;
        text-align: center !important;
    }
    
    .hero-content h2 {
        font-size: 2rem !important;
        line-height: 1.2 !important;
    }
    
    .hero-bottom {
        flex-direction: row !important;
        justify-content: center !important;
        gap: 30px !important;
        text-align: center !important;
    }
    
    .hero-bottom-left h3 {
        font-size: 1.2rem !important;
        transform: none !important;
        max-width: 400px !important;
    }

    /* Feature Cards */
    .feature-cards {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 20px !important;
    }

    /* Vision & Mission */
    .vision-mission {
        flex-direction: row !important;
        gap: 30px !important;
        justify-content: center !important;
    }
    
    .vm-item {
        flex: 1 !important;
        text-align: left !important;
    }
    
    .vm-item h4 {
        margin: 0 0 15px !important;
    }

    /* Stats Section */
    .stats-grid {
        grid-template-columns: 1fr !important;
    }
    
    .stats-info-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 20px !important;
    }
    
    .stat-card {
        min-height: 200px !important;
        padding: 30px !important;
    }

    /* Services Section */
    .services-header h2 {
        font-size: 32px !important;
    }
    
    .s-card {
        flex: 0 0 calc(50% - 15px) !important;
    }
    
    .s-card.wide {
        flex: 0 0 100% !important;
    }

    /* Project Stack Section */
    .stack-item {
        flex-direction: column !important;
        height: auto !important;
    }
    
    .image-side {
        width: 100% !important;
        height: 400px !important;
    }
    
    .info-side {
        width: 100% !important;
        padding: 40px !important;
    }

    /* Testimonials */
    .testimonial-badge-wrapper {
        width: 130px !important;
        height: 130px !important;
        top: -65px !important;
    }
    
    .testimonial-quote {
        font-size: 1.3rem !important;
    }

    /* Footer Optimization */
    .footer-hero-text { font-size: 40px !important; }
    .footer-big-brand { font-size: 80px !important; }
    
    .footer-nav-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        display: grid !important;
        text-align: left !important;
        padding-left: 0 !important;
    }
    
    .footer-contact-block {
        text-align: center !important;
        margin-top: 30px !important;
    }
}