@media(max-width:992px) {

    .hero-grid {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .hero-content h1 {
        font-size: 42px;
    }

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

    .hero-image {
        margin-top: 50px;
    }
}

@media(max-width:576px) {

    .hero-content h1 {
        font-size: 34px;
    }

    .hero-content p {
        font-size: 16px;
    }
}
@media(max-width:992px) {

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

@media(max-width:576px) {

    .statistics-grid {
        grid-template-columns: 1fr;
    }
}
@media(max-width:992px) {

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

    .about-content {
        text-align: center;
    }

    .about-buttons {
        justify-content: center;
    }
}
@media(max-width:992px) {

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

    .product-card {
        max-width: 550px;
        margin: auto;
    }
}
@media(max-width:992px) {

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

@media(max-width:768px) {

    .services-grid {
        grid-template-columns: 1fr;
    }
}
@media(max-width:1200px) {

    .workflow {
        justify-content: center;
    }

    .workflow-line {
        display: none;
    }
}

@media(max-width:768px) {

    .workflow-item {
        width: 100%;
        margin-bottom: 35px;
    }
}
@media(max-width:768px) {

    .client-logo {
        width: 160px;
        height: 90px;
    }

        .client-logo img {
            width: 110px;
        }
}
@media(max-width:992px) {

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

    .testimonial-card {
        max-width: 600px;
        margin: auto;
    }
}

@media(max-width:992px) {

    .cta-wrapper {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .cta-buttons {
        justify-content: center;
    }

    .cta-content h2 {
        font-size: 38px;
    }
}

@media(max-width:576px) {

    .cta-content h2 {
        font-size: 30px;
    }

    .cta-buttons {
        flex-direction: column;
        align-items: center;
    }
}
@media(max-width:992px) {

    .footer-top {
        grid-template-columns: 1fr 1fr;
        gap: 40px;
    }

    .footer-bottom {
        flex-direction: column;
        gap: 15px;
        text-align: center;
    }
}

@media(max-width:768px) {

    .footer-top {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .footer-logo {
        margin: auto;
    }
}
/* =====================================
   RCAM PAGE
===================================== */

@media(max-width:992px) {

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

    .summary-image {
        margin-top: 50px;
    }
}

@media(max-width:768px) {

    .summary-content {
        text-align: center;
    }
}
@media(max-width:992px) {

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

@media(max-width:768px) {

    .problem-grid {
        grid-template-columns: 1fr;
    }
}
@media(max-width:1200px) {

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

@media(max-width:768px) {

    .problem-grid {
        grid-template-columns: 1fr;
    }
}
@media(max-width:992px) {

    .workflow-wrapper {
        grid-template-columns: 1fr;
    }
}
@media(max-width:1200px) {

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

    .architecture-arrow {
        transform: rotate(90deg);
    }

    .core-features {
        grid-template-columns: 1fr;
    }
}
@media(max-width:992px) {

    .timeline {
        justify-content: flex-start;
    }
}
@media(max-width:1200px) {

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

@media(max-width:768px) {

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

@media(max-width:992px) {

    .feature-columns {
        grid-template-columns: 1fr;
    }
}
@media(max-width:992px) {

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

    .comparison {
        grid-template-columns: 1fr;
    }
}
@media(max-width:992px) {

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

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

    .case-study ul {
        columns: 1;
    }
}

@media(max-width:768px) {

    .success-stats {
        grid-template-columns: 1fr;
    }
}
@media(max-width:992px) {

    .demo-wrapper {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .demo-content h2 {
        font-size: 36px;
    }
}

@media(max-width:992px) {

    .rcam-section-nav {
        top: 70px;
    }

        .rcam-section-nav a {
            padding: 15px 18px;
            font-size: 14px;
        }
}
@media(max-width:992px) {

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

    .about-highlights {
        grid-template-columns: 1fr;
    }

    .page-banner {
        padding: 140px 0 80px;
    }

        .page-banner h1 {
            font-size: 42px;
        }
}
@media(max-width:992px) {

    .vision-grid {
        grid-template-columns: 1fr;
    }
}
@media(max-width:992px) {

    .timeline-line {
        display: none;
    }

    .timeline-row {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .timeline-year {
        text-align: left;
    }

    .timeline-dot {
        display: none;
    }
}
@media(max-width:992px) {

    .why-grid {
        grid-template-columns: 1fr;
    }
}
@media(max-width:992px) {

    .services-grid {
        grid-template-columns: 1fr;
    }
}
@media(max-width:992px) {

    .advantages-grid {
        grid-template-columns: 1fr;
    }
}
@media(max-width:992px) {

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

@media(max-width:768px) {

    .stats-grid {
        grid-template-columns: 1fr;
    }
}
@media(max-width:992px) {

    .case-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }

    .case-grid {
        grid-template-columns: 1fr;
    }
}
@media(max-width:992px) {

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

@media(max-width:768px) {

    .implementation-grid {
        grid-template-columns: 1fr;
    }
}
@media(max-width:992px) {

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

@media(max-width:768px) {

    .pipeline-grid {
        grid-template-columns: 1fr;
    }
}
@media(max-width:992px) {

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

    .contact-grid {
        grid-template-columns: 1fr;
    }
}
@media(max-width:992px) {

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