@media (max-width: 1210px) {

    .nav-links a,
    .nav-links button {
        font-size: 13px;
        padding: 0.5rem 0.50rem;
    }
}

@media (max-width: 1100px) {
    .nav-menu {
        display: none;
    }

    .hamburger {
        display: flex;
    }

    .page-hero-inner {
        grid-template-columns: 1fr;
    }


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

    .story-img-wrap {
        display: none;
    }

    .founder-inner {
        grid-template-columns: 1fr;
    }

    .founder-card {
        max-width: 400px;
        margin: 0 auto;
    }

    .journey-header {
        grid-template-columns: 1fr;
    }

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

    .nav-actions {
        display: none;
    }

    .nav-links {
        display: none;
    }

    .hamburger {
        display: flex;
    }

    .hero-content {
        grid-template-columns: 1fr;
    }

    /* .hero-visual {
        display: none;
    } */

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

    .process-steps {
        grid-template-columns: repeat(3, 1fr);
        row-gap: 2rem;
    }

    .process-steps::before {
        display: none;
    }

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

@media screen and (max-width: 1024px) {
    .sdf-wrapper {
        grid-template-columns: 1fr;
    }

    .process-strip {
        grid-template-columns: repeat(3, 1fr);
    }

    .process-step-card::after {
        display: none;
    }

    .custom-grid .values-grid {
        grid-template-columns: repeat(3, 1fr);
    }

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

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

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

@media screen and (max-width: 991px) {
    .portfolio-overlay{
        opacity: 1;
    }
    .section{
        padding: 3rem 0;
    }
    .sdf-faq{
        gap: 2rem;
    }
    .process-strip{
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
    .process-step-card{
        border: 0;
        background-color: var(--border);
    }
    .values-grid{
        grid-template-columns: repeat(2, 1fr);
    }
    .page-hero-inner {
        grid-template-columns: 1fr;
    }

    .products-details-section .sdf-products-wrapper {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {

    .why-img-float{
        right: 0 !important;
    }
    .why-badge{
        right: 0;
    }
    .section {
        padding: 3rem 0;
    }

    .cnc-header {
        gap: 0;
        margin-bottom: 1rem;
    }

    .brands-grid {
        grid-template-columns: repeat(3, 1fr);
    }

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

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

    .solution-row.reverse .solution-content {
        order: 2;
    }

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

    .timeline {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 2rem;
    }

    .timeline::before {
        display: none;
    }

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

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

    .brands-grid {
        grid-template-columns: repeat(4, 1fr);
    }

    .founder-principles {
        grid-template-columns: 1fr 1fr 1fr;
    }


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

    .opt-cards-3 {
        grid-template-columns: 1fr 1fr;
    }

    .about-grid,
    .contact-grid,
    .work-panel-grid,
    .why-grid {
        grid-template-columns: 1fr;
    }

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

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

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

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

    .portfolio-item:nth-child(4n+1) {
        grid-column: span 1;
        aspect-ratio: 4/3;
    }

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

    .option-cards,
    .option-cards-3 {
        grid-template-columns: 1fr;
    }

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

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

    .cnc-header {
        grid-template-columns: 1fr;
    }

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

@media screen and (max-width: 767px) {
    .contact-form{
        padding: 25px;
    }
    .portfolio-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .sdf-faq {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .nav-actions {
        display: none;
    }
}

@media screen and (max-width: 575px) {
    .cnc-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .process-steps {
        grid-template-columns: 1fr;
    }

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

    .b2b-panel {
        padding: 1rem;
    }

    .products-section .container {
        padding: 0;
    }

    .contact-grid {
        margin-top: 0;
    }

    .process-strip {
        grid-template-columns: repeat(1, 1fr);
    }

    .custom-grid .values-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .solution-content {
        padding: 20px;
    }

    .process-step-card {
        border-right: 0;
        border-bottom: 1px solid var(--border);
    }

    .process-step-card {
        padding: 1rem 0;
    }

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

    .container {
        padding: 0 1rem !important;
    }

    .hero-content {
        padding: 120px 1rem 80px;
    }

    .about-frame::before {
        display: none;
    }

    .footer {
        padding: 4rem 1rem 2rem;
    }

    .founder-principles {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 520px) {
    .hero-card-main::before{
        display: none;
    }
    .hero-card-contact{
        display: flex;
        flex-wrap: wrap;
    }
    .stats-bar-inner {
        grid-template-columns: 1fr;
        border-right: 0;
        border-bottom: 1px solid var(--gold);
    }

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

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

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

    .cta-btns {
        flex-direction: column;
        align-items: center;
    }

    .opt-cards {
        grid-template-columns: 1fr;
    }

    .opt-cards-3 {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .hero-stats {
        flex-direction: column;
        gap: 1.2rem;
    }

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

    .process-steps {
        grid-template-columns: 1fr 1fr;
    }

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

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

    .about-frame {
        padding: 0;
    }
}

@media screen and (max-width: 425px) {
    .nav-inner{
        padding: 0 1rem;
    }
    .page-hero-h1 br{
        display: none;
    }
    .portfolio-item{
        min-height: auto;
    }
    .page-hero-inner{
        gap: 1.5rem;
        padding: 5rem 1rem 6rem;
    }
    .hero-h1 br{
        display: none;
    }
    .faq-list{
        margin-top: 0;
    }
    .brands-row{
        gap: 15px;
    }
    .marquee-strip{
        padding: 15px 0;
    }
    .marquee-inner{
        gap: 1rem;
    }
    .inner-hero{
        padding: 140px 1rem 80px;
    }
    .products-section{
        padding: 3rem 0;
    }
    .why-badge{
        right: 0;
    }
    .why-img-float{
        right: 0 !important;
    }
    .testimonial-card{
        padding: 25px 15px;
    }
    .cta-content{
        padding: 0 1rem;
    }
    .stat-num{
        font-size: 2rem;
    }
    .stat-item{
        padding: 15px;
    }
    .b2b-section .btn{
        padding: 10px !important;
    }
    .b2b-contact-item{
        padding: 10px;
    }
    .value-card-dark {
        padding: 13px !important;
    }

    .value-card {
        padding: 13px !important;
    }

    .hero-stat-num {
        font-size: 24px;
    }

    .hero-stat-card {
        padding: 5px;
    }

    .hero-stat-card-cta {
        display: flex;
        flex-direction: column;
    }

    .founder-card::before {
        display: none;
    }

    .founder-card {
        padding: 25px 5px;
    }

    .b2b-panel::before {
        display: none;
    }

}

@media (max-width: 350px) {
    .nav-logo-text span:first-child{
        font-size: 1rem;
    }
    .nav-logo-text span:last-child{
        font-size: 0.50rem;
    }
    .about-frame::before {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }
}