/* =====================================================
SPITI LIFESPACE - RESPONSIVE OVERRIDE CSS
Add AFTER your existing style.css
===================================================== */

html,body{
    overflow-x:hidden;
    width:100%;
}

img,video,iframe{
    max-width:100%;
    height:auto;
}

*{
    min-width:0;
}

.container,
.navbar-container,
.partners-container,
.contact-container,
.certificates-container{
    width:100%;
}

/* Large Desktop */
@media (min-width:1440px){
    .container,
    .navbar-container,
    .partners-container,
    .contact-container,
    .certificates-container{
        max-width:1320px;
    }

    .hero-title{
        font-size:58px;
    }
}

/* Laptop */
@media (max-width:1199px){
    .hero-title{
        font-size:42px;
    }

    .features-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .certificates-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

/* Tablet */
@media (max-width:991px){

    .hero-section{
        min-height:auto;
    }

    .hero-wrapper{
        grid-template-columns:1fr;
        gap:40px;
        text-align:center;
        padding-top:40px;
    }

    .hero-content{
        max-width:100%;
    }

    .hero-actions{
        justify-content:center;
    }

    .hero-image{
        display:block;
        max-width:550px;
        margin:auto;
    }

    .fullbleed-grid{
        grid-template-columns:1fr;
    }

    .about-media-column-full{
        min-height:auto;
        height:450px;
    }

    .about-content-column-full{
        padding:50px 25px;
    }

    .contact-grid{
        grid-template-columns:1fr;
    }

    .stats-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .footer-container{
        grid-template-columns:repeat(2,1fr);
    }
}

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

    .hero-title{
        font-size:32px;
        line-height:1.3;
    }

    .hero-actions{
        flex-direction:column;
    }

    .btn-primary,
    .video-btn{
        width:100%;
        justify-content:center;
    }

    .features-grid,
    .certificates-grid,
    .footer-container{
        grid-template-columns:1fr;
    }

    .stats-grid{
        grid-template-columns:1fr;
    }

    .testimonial-card{
        width:100%;
        min-width:280px;
    }

    .cta-banner-container,
    .cta-left-content{
        flex-direction:column;
        text-align:center;
    }
}

/* iPhone */
@media (max-width:576px){

    .logo-img{
        max-height:65px;
    }

    .hero-title{
        font-size:28px;
    }

    .feature-card{
        flex-direction:column;
        text-align:center;
    }

    .form-group-row{
        grid-template-columns:1fr;
    }

    .about-main-title{
        font-size:24px;
    }

    .rera-badge{
        width:90px;
        height:90px;
    }

    .navbar-menu{
        width:100%;
        max-width:300px;
    }
}

/* iPhone SE */
@media (max-width:375px){

    .hero-title{
        font-size:24px;
    }

    .logo-img{
        max-height:70px;
    }

    .navbar-menu{
        max-width:100%;
    }

    .rera-badge{
        width:75px;
        height:75px;
    }
}