/* =========================================================
   NEXA TECH LAB — RESPONSIVE FOUNDATION
   Project: Welcome Oven
   File: responsive.css

   Purpose:
   Global responsive behavior for mobile, tablet,
   laptop, and desktop layouts.
   ========================================================= */


/* =========================================================
   1. LARGE DESKTOP
   1440px+
   ========================================================= */

@media (min-width: 1440px) {

    .ntl-container {
        max-width: var(--container-width);
    }

}


/* =========================================================
   2. LAPTOP
   1024px – 1439px
   ========================================================= */

@media (max-width: 1439px) {

    :root {
        --container-padding: 24px;
    }

    .ntl-section {
        padding-block: var(--section-spacing-desktop);
    }

}


/* =========================================================
   3. TABLET
   768px – 1023px
   ========================================================= */

@media (max-width: 1023px) {

    :root {
        --container-padding: 24px;
    }


    /* ---------------------------------------------
       Typography
       --------------------------------------------- */

    h1 {
        font-size: 40px;
    }

    h2 {
        font-size: 34px;
    }

    h3 {
        font-size: 28px;
    }

    h4 {
        font-size: 22px;
    }


    /* ---------------------------------------------
       Section Spacing
       --------------------------------------------- */

    .ntl-section {
        padding-block: var(--section-spacing-tablet);
    }

    .ntl-section-header {
        margin-bottom: 48px;
    }


    /* ---------------------------------------------
       Grids
       --------------------------------------------- */

    .ntl-grid--4 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ntl-grid--3 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }


    /* ---------------------------------------------
       CTA
       --------------------------------------------- */

    .ntl-cta {
        padding: 48px;
    }

}


/* =========================================================
   4. MOBILE
   Below 768px
   ========================================================= */

@media (max-width: 767px) {

    :root {
        --container-padding: 20px;
    }


    /* ---------------------------------------------
       Typography
       --------------------------------------------- */

    body {
        font-size: 16px;
    }

    h1 {
        font-size: 34px;
    }

    h2 {
        font-size: 30px;
    }

    h3 {
        font-size: 26px;
    }

    h4 {
        font-size: 21px;
    }

    h5 {
        font-size: 19px;
    }

    small {
        font-size: 14px;
    }


    /* ---------------------------------------------
       Section Spacing
       --------------------------------------------- */

    .ntl-section {
        padding-block: var(--section-spacing-mobile);
    }

    .ntl-section-header {
        margin-bottom: 40px;
    }


    /* ---------------------------------------------
       Section Typography
       --------------------------------------------- */

    .ntl-section-title {
        font-size: 30px;
    }

    .ntl-section-description {
        font-size: 16px;
    }


    /* ---------------------------------------------
       Buttons
       --------------------------------------------- */

    .ntl-btn {
        width: 100%;
        min-height: 54px;
    }

    .ntl-btn--small {
        width: auto;
    }


    /* ---------------------------------------------
       Cards
       --------------------------------------------- */

    .ntl-card {
        padding: 24px;
    }


    /* ---------------------------------------------
       Grids
       --------------------------------------------- */

    .ntl-grid--2,
    .ntl-grid--3,
    .ntl-grid--4 {
        grid-template-columns: 1fr;
    }


    /* ---------------------------------------------
       CTA
       --------------------------------------------- */

    .ntl-cta {
        padding: 40px 24px;
        border-radius: 12px;
    }

    .ntl-cta-actions {
        flex-direction: column;
        align-items: stretch;
    }


    /* ---------------------------------------------
       Image Wrappers
       --------------------------------------------- */

    .ntl-image-wrapper--portrait {
        aspect-ratio: 4 / 5;
    }

}


/* =========================================================
   5. SMALL MOBILE
   Below 480px
   ========================================================= */

@media (max-width: 479px) {

    :root {
        --container-padding: 16px;
    }


    /* ---------------------------------------------
       Typography
       --------------------------------------------- */

    h1 {
        font-size: 30px;
    }

    h2 {
        font-size: 27px;
    }

    h3 {
        font-size: 24px;
    }


    /* ---------------------------------------------
       Buttons
       --------------------------------------------- */

    .ntl-btn {
        padding-inline: 24px;
    }


    /* ---------------------------------------------
       Cards
       --------------------------------------------- */

    .ntl-card {
        padding: 20px;
    }


    /* ---------------------------------------------
       CTA
       --------------------------------------------- */

    .ntl-cta {
        padding: 32px 20px;
    }

}

/* ==========================================================
   BREADCRUMB
========================================================== */

@media (max-width:768px){

    .wo-breadcrumb{

        padding:15px 0;

    }

    .wo-breadcrumb-list{

        gap:8px;

    }

    .wo-breadcrumb-list li{

        font-size:0.85rem;

    }

    .wo-breadcrumb-list li:not(:last-child)::after{

        margin-left:8px;

    }

}

/* =========================================================
   WELCOME OVEN
   PRODUCT CATEGORIES RESPONSIVE
   ========================================================= */


/* =========================================================
   LARGE TABLETS (≤1200px)
   ========================================================= */

@media (max-width: 1200px) {

    .wo-product-grid {

        grid-template-columns: repeat(2, 1fr);

        gap: 28px;

    }

}


/* =========================================================
   TABLETS (≤992px)
   ========================================================= */

@media (max-width: 992px) {

    .wo-product-categories {

        padding: 90px 0;

    }

    .wo-product-categories-header {

        max-width: 700px;

        margin: 0 auto 60px;

    }

    .wo-product-categories-title {

        font-size: clamp(2rem, 4vw, 2.8rem);

    }

    .wo-product-categories-description {

        font-size: 16px;

    }

    .wo-product-grid {

        grid-template-columns: repeat(2, 1fr);

        gap: 24px;

    }

    .wo-product-card-image {

        height: 220px;

    }

    .wo-product-card-content {

        padding: 28px;

    }

    .wo-product-card h3 {

        font-size: 22px;

    }

}


/* =========================================================
   MOBILE LANDSCAPE (≤768px)
   ========================================================= */

@media (max-width: 768px) {

    .wo-product-categories {

        padding: 75px 0;

    }

    .wo-product-categories-header {

        margin-bottom: 45px;

        text-align: center;

    }

    .wo-product-grid {

        grid-template-columns: 1fr;

        gap: 24px;

    }

    .wo-product-card {

        max-width: 560px;

        width: 100%;

        margin: 0 auto;

    }

    .wo-product-card-image {

        height: 220px;

    }

    .wo-product-card-content {

        padding: 26px;

    }

    .wo-product-card h3 {

        font-size: 21px;

    }

    .wo-product-card p {

        font-size: 15px;

    }

    .wo-product-categories-action {

        margin-top: 45px;

    }

    .wo-product-categories-action .ntl-btn {

        width: 100%;

        max-width: 320px;

        justify-content: center;

    }

}


/* =========================================================
   SMALL MOBILE (≤576px)
   ========================================================= */

@media (max-width: 576px) {

    .wo-product-categories {

        padding: 60px 0;

    }

    .wo-product-categories-title {

        font-size: 32px;

    }

    .wo-product-categories-description {

        font-size: 15px;

        line-height: 1.8;

    }

    .wo-product-card-image {

        height: 200px;

    }

    .wo-product-card-content {

        padding: 22px;

    }

    .wo-product-card-icon {

        font-size: 24px;

        margin-bottom: 16px;

    }

    .wo-product-card h3 {

        font-size: 20px;

        margin-bottom: 14px;

    }

    .wo-product-card p {

        font-size: 14px;

        margin-bottom: 20px;

    }

}


/* =========================================================
   EXTRA SMALL MOBILE (≤400px)
   ========================================================= */

@media (max-width: 400px) {

    .wo-product-categories-title {

        font-size: 28px;

    }

    .wo-product-card-image {

        height: 180px;

    }

    .wo-product-card-content {

        padding: 20px;

    }

    .wo-product-card h3 {

        font-size: 18px;

    }

    .wo-product-card-link {

        font-size: 14px;

    }

}

/* =========================================================
   INDUSTRIES RESPONSIVE
========================================================= */

@media (max-width:1200px){

    .wo-industries-grid{

        grid-template-columns:repeat(2,1fr);

    }

}

@media (max-width:992px){

    .wo-industries{

        padding:90px 0;

    }

    .wo-industries-header{

        margin-bottom:60px;

    }

    .wo-industries-title{

        font-size:clamp(2rem,4vw,2.8rem);

    }

    .wo-industry-overlay{

        padding:28px;

    }

    .wo-industry-overlay h3{

        font-size:22px;

    }

}

@media (max-width:768px){

    .wo-industries{

        padding:75px 0;

    }

    .wo-industries-grid{

        grid-template-columns:1fr;

        gap:24px;

    }

    .wo-industry-card{

        max-width:560px;

        margin:0 auto;

    }

    .wo-industries-header{

        margin-bottom:45px;

    }

    .wo-industries-action .ntl-btn{

        width:100%;

        max-width:320px;

        justify-content:center;

    }

}

@media (max-width:576px){

    .wo-industries{

        padding:60px 0;

    }

    .wo-industries-title{

        font-size:32px;

    }

    .wo-industries-description{

        font-size:15px;

    }

    .wo-industry-overlay{

        padding:22px;

    }

    .wo-industry-overlay h3{

        font-size:20px;

    }

}

@media (max-width:400px){

    .wo-industries-title{

        font-size:28px;

    }

    .wo-industry-overlay{

        padding:20px;

    }

    .wo-industry-overlay h3{

        font-size:18px;

    }

}

/* =========================================================
   MANUFACTURING PROCESS RESPONSIVE
========================================================= */

@media (max-width:1200px){

    .wo-process-grid{

        grid-template-columns:repeat(2,1fr);

    }

}

@media (max-width:768px){

    .wo-process{

        padding:75px 0;

    }

    .wo-process-grid{

        grid-template-columns:1fr;

        gap:24px;

    }

    .wo-process-step{

        padding:30px;

    }

    .wo-process-header{

        margin-bottom:45px;

    }

}

@media (max-width:576px){

    .wo-process{

        padding:60px 0;

    }

    .wo-process-title{

        font-size:32px;

    }

    .wo-process-step{

        padding:24px;

    }

    .wo-process-number{

        width:60px;

        height:60px;

        font-size:18px;

    }

    .wo-process-step h3{

        font-size:20px;

    }

}

/* =========================================================
   FEATURED PROJECTS RESPONSIVE
========================================================= */

@media (max-width:1200px){

    .wo-projects-grid{

        grid-template-columns:repeat(2,1fr);

    }

}

@media (max-width:768px){

    .wo-projects{

        padding:75px 0;

    }

    .wo-projects-grid{

        grid-template-columns:1fr;

        gap:24px;

    }

    .wo-project-card{

        max-width:560px;

        margin:0 auto;

    }

    .wo-projects-header{

        margin-bottom:45px;

    }

    .wo-projects-action .ntl-btn{

        width:100%;

        max-width:320px;

        justify-content:center;

    }

}

@media (max-width:576px){

    .wo-projects{

        padding:60px 0;

    }

    .wo-projects-title{

        font-size:32px;

    }

    .wo-project-image{

        height:220px;

    }

    .wo-project-content{

        padding:24px;

    }

    .wo-project-content h3{

        font-size:20px;

    }

}

@media (max-width:400px){

    .wo-projects-title{

        font-size:28px;

    }

}

/* =========================================================
   FINAL CTA RESPONSIVE
========================================================= */

@media(max-width:992px){

    .wo-final-cta-wrapper{

        flex-direction:column;

        text-align:center;

    }

    .wo-final-cta-buttons{

        justify-content:center;

    }

}

@media(max-width:768px){

    .wo-final-cta{

        padding:75px 0;

    }

    .wo-final-cta-title{

        font-size:36px;

    }

    .wo-final-cta-description{

        font-size:16px;

    }

}

@media(max-width:576px){

    .wo-final-cta{

        padding:60px 0;

    }

    .wo-final-cta-title{

        font-size:30px;

    }

    .wo-final-cta-buttons{

        flex-direction:column;

        width:100%;

    }

    .wo-final-cta-buttons .ntl-btn{

        width:100%;

        justify-content:center;

    }

}

/* =========================================================
   FOOTER
========================================================= */

@media(max-width:992px){

    .wo-footer-grid{

        grid-template-columns:repeat(2,1fr);

    }

}

@media(max-width:768px){

    .wo-footer-top{

        padding:60px 0;

    }

    .wo-footer-grid{

        grid-template-columns:1fr;

        gap:40px;

    }

    .wo-footer-bottom-wrapper{

        flex-direction:column;

        text-align:center;

    }

}

@media(max-width:576px){

    .wo-footer-bottom-links{

        flex-direction:column;

        gap:12px;

    }

}

/* =========================================================
   ABOUT HERO
========================================================= */

@media (max-width:992px){

    .wo-about-hero{

        min-height:60vh;

        padding:140px 0 90px;

    }

}

@media (max-width:768px){

    .wo-about-hero{

        min-height:auto;

        padding:130px 0 80px;

        text-align:center;

    }

    .wo-breadcrumb{

        justify-content:center;

    }

    .wo-about-hero-description{

        font-size:16px;

    }

    .wo-about-hero-buttons{

        justify-content:center;

    }

}

@media (max-width:576px){

    .wo-about-hero{

        padding:120px 0 70px;

    }

    .wo-about-hero-title{

        font-size:2.2rem;

    }

    .wo-about-hero-buttons{

        flex-direction:column;

    }

    .wo-about-hero-buttons .ntl-btn{

        width:100%;

        justify-content:center;

    }

}

/* =========================================================
   COMPANY INTRODUCTION
========================================================= */

@media (max-width:992px){

    .wo-company-introduction-grid{

        grid-template-columns:1fr;

        gap:60px;

    }

    .wo-company-experience-card{

        right:20px;

    }

}

@media (max-width:768px){

    .wo-company-introduction{

        padding:80px 0;

    }

    .wo-company-highlights{

        grid-template-columns:1fr;

    }

    .wo-company-introduction-content{

        text-align:center;

    }

    .wo-company-highlight{

        justify-content:center;

    }

}

@media (max-width:576px){

    .wo-company-introduction{

        padding:60px 0;

    }

    .wo-company-experience-card{

        position:relative;

        right:auto;

        bottom:auto;

        width:100%;

        margin-top:20px;

    }

    .wo-company-introduction-title{

        font-size:2rem;

    }

}

/* =========================================================
   OUR STORY
========================================================= */

@media (max-width:992px){

    .wo-our-story-grid{

        grid-template-columns:1fr;

        gap:60px;

    }

}

@media (max-width:768px){

    .wo-our-story{

        padding:80px 0;

    }

    .wo-our-story-content{

        text-align:center;

    }

    .wo-our-story-timeline{

        padding-left:28px;

    }

}

@media (max-width:576px){

    .wo-our-story{

        padding:60px 0;

    }

    .wo-our-story-title{

        font-size:2rem;

    }

    .wo-story-item::before{

        left:-39px;

    }

    .wo-story-content h3{

        font-size:20px;

    }

}

/* =========================================================
   VISION & MISSION
========================================================= */

@media (max-width:992px){

    .wo-vision-mission-grid{

        grid-template-columns:1fr;

    }

}

@media (max-width:768px){

    .wo-vision-mission{

        padding:80px 0;

    }

    .wo-vision-mission-header{

        margin-bottom:50px;

    }

    .wo-vision-card,
    .wo-mission-card{

        padding:40px 30px;

        text-align:center;

    }

    .wo-vision-icon{

        margin:0 auto 25px;

    }

}

@media (max-width:576px){

    .wo-vision-mission{

        padding:60px 0;

    }

    .wo-vision-mission-title{

        font-size:2rem;

    }

    .wo-vision-card,
    .wo-mission-card{

        padding:30px 24px;

    }

    .wo-vision-card h3,
    .wo-mission-card h3{

        font-size:24px;

    }

    .wo-vision-icon{

        width:70px;

        height:70px;

    }

    .wo-vision-icon i{

        font-size:28px;

    }

}

/* =========================================================
   CORE VALUES
========================================================= */

@media (max-width:1200px){

    .wo-core-values-grid{

        grid-template-columns:repeat(2,1fr);

    }

}

@media (max-width:768px){

    .wo-core-values{

        padding:80px 0;

    }

    .wo-core-values-header{

        margin-bottom:50px;

    }

    .wo-core-values-grid{

        grid-template-columns:1fr;

    }

    .wo-core-value-card{

        padding:35px 25px;

    }

}

@media (max-width:576px){

    .wo-core-values{

        padding:60px 0;

    }

    .wo-core-values-title{

        font-size:2rem;

    }

    .wo-core-value-icon{

        width:70px;

        height:70px;

    }

    .wo-core-value-icon i{

        font-size:28px;

    }

    .wo-core-value-card h3{

        font-size:22px;

    }

}

/* =========================================================
   MANUFACTURING FACILITY
========================================================= */

@media (max-width:992px){

    .wo-manufacturing-grid{

        grid-template-columns:1fr;

        gap:60px;

    }

    .wo-manufacturing-gallery{

        order:-1;

    }

    .wo-manufacturing-floating-image{

        right:20px;

        bottom:-20px;

    }

}

@media (max-width:768px){

    .wo-manufacturing-facility{

        padding:80px 0;

    }

    .wo-manufacturing-content{

        text-align:center;

    }

    .wo-manufacturing-stats{

        grid-template-columns:1fr;

    }

}

@media (max-width:576px){

    .wo-manufacturing-facility{

        padding:60px 0;

    }

    .wo-manufacturing-title{

        font-size:2rem;

    }

    .wo-manufacturing-floating-image{

        position:relative;

        right:auto;

        bottom:auto;

        width:100%;

        margin-top:20px;

        border-width:5px;

    }

}

/* =========================================================
   CERTIFICATIONS
========================================================= */

@media (max-width:1200px){

    .wo-certifications-grid{

        grid-template-columns:repeat(2,1fr);

    }

}

@media (max-width:768px){

    .wo-certifications{

        padding:80px 0;

    }

    .wo-certifications-grid{

        grid-template-columns:1fr;

    }

    .wo-certifications-header{

        margin-bottom:50px;

    }

    .wo-certification-card{

        padding:35px 25px;

    }

}

@media (max-width:576px){

    .wo-certifications{

        padding:60px 0;

    }

    .wo-certifications-title{

        font-size:2rem;

    }

    .wo-certification-card i{

        font-size:40px;

    }

    .wo-certification-card h3{

        font-size:22px;

    }

}

/* =========================================================
   TEAM
========================================================= */

@media (max-width:1200px){

    .wo-team-grid{

        grid-template-columns:repeat(2,1fr);

    }

}

@media (max-width:768px){

    .wo-team{

        padding:80px 0;

    }

    .wo-team-header{

        margin-bottom:50px;

    }

    .wo-team-grid{

        grid-template-columns:1fr;

    }

    .wo-team-card{

        max-width:500px;

        margin:0 auto;

    }

}

@media (max-width:576px){

    .wo-team{

        padding:60px 0;

    }

    .wo-team-title{

        font-size:2rem;

    }

    .wo-team-image{

        height:280px;

    }

    .wo-team-content{

        padding:24px;

    }

}

/* =========================================================
   PREMIUM CTA
========================================================= */

@media(max-width:992px){

    .wo-premium-cta-box{

        padding:70px 45px;

    }

    .wo-premium-cta-features{

        grid-template-columns:repeat(2,1fr);

    }

}

@media(max-width:768px){

    .wo-premium-cta{

        padding:80px 0;

    }

    .wo-premium-cta-box{

        padding:60px 30px;

    }

    .wo-premium-cta-buttons{

        flex-direction:column;

        align-items:center;

    }

    .wo-premium-cta-buttons .ntl-btn{

        width:100%;

        max-width:320px;

    }

    .wo-premium-cta-features{

        grid-template-columns:1fr;

        gap:18px;

    }

}

@media(max-width:576px){

    .wo-premium-cta-box{

        padding:50px 25px;

        border-radius:18px;

    }

    .wo-premium-cta-title{

        font-size:2.2rem;

    }

    .wo-premium-cta-description{

        font-size:16px;

    }

}

/* =========================================================
   PRODUCTS HERO
========================================================= */

@media (max-width:992px){

    .wo-products-hero-grid{

        grid-template-columns:1fr;

        gap:60px;

    }

    .wo-products-hero-content{

        text-align:center;

    }

    .wo-products-hero-content p{

        margin-left:auto;

        margin-right:auto;

    }

    .wo-products-hero-buttons{

        justify-content:center;

    }

}

@media (max-width:768px){

    .wo-products-hero{

        padding:100px 0 80px;

    }

    .wo-products-highlights{

        grid-template-columns:1fr;

    }

}

@media (max-width:576px){

    .wo-products-hero-title{

        font-size:2.2rem;

    }

    .wo-products-hero-buttons{

        flex-direction:column;

    }

    .wo-products-hero-buttons .ntl-btn{

        width:100%;

        justify-content:center;

    }

}

/* =========================================================
   PRODUCT CATEGORIES
========================================================= */

@media (max-width:1200px){

    .wo-product-grid{

        grid-template-columns:repeat(2,1fr);

    }

}

@media (max-width:768px){

    .wo-product-categories{

        padding:80px 0;

    }

    .wo-product-grid{

        grid-template-columns:1fr;

    }

    .wo-product-categories-header{

        margin-bottom:50px;

    }

}

@media (max-width:576px){

    .wo-product-categories{

        padding:60px 0;

    }

    .wo-product-categories-title{

        font-size:2rem;

    }

    .wo-product-card img{

        height:220px;

    }

    .wo-product-card-content{

        padding:24px;

    }

}

/* =========================================================
   WHY CHOOSE PRODUCTS
========================================================= */

@media (max-width:1200px){

    .wo-why-products-grid{

        grid-template-columns:repeat(2,1fr);

    }

}

@media (max-width:768px){

    .wo-why-products{

        padding:80px 0;

    }

    .wo-why-products-header{

        margin-bottom:50px;

    }

    .wo-why-products-grid{

        grid-template-columns:1fr;

    }

    .wo-why-product-card{

        padding:35px 25px;

    }

}

@media (max-width:576px){

    .wo-why-products{

        padding:60px 0;

    }

    .wo-why-products-title{

        font-size:2rem;

    }

    .wo-why-product-icon{

        width:70px;

        height:70px;

    }

    .wo-why-product-icon i{

        font-size:28px;

    }

    .wo-why-product-card h3{

        font-size:22px;

    }

}

/* =========================================================
   MANUFACTURING PROCESS
========================================================= */

@media (max-width:1200px){

    .wo-manufacturing-process-grid{

        grid-template-columns:repeat(3,1fr);

    }

}

@media (max-width:992px){

    .wo-manufacturing-process-grid{

        grid-template-columns:repeat(2,1fr);

    }

}

@media (max-width:768px){

    .wo-product-manufacturing{

        padding:80px 0;

    }

    .wo-product-manufacturing-header{

        margin-bottom:50px;

    }

}

@media (max-width:576px){

    .wo-product-manufacturing{

        padding:60px 0;

    }

    .wo-product-manufacturing-title{

        font-size:2rem;

    }

    .wo-manufacturing-process-grid{

        grid-template-columns:1fr;

    }

    .wo-process-step{

        padding:35px 24px;

    }

    .wo-process-number{

        width:60px;

        height:60px;

        font-size:20px;

    }

}

/* =========================================================
   INDUSTRIES SERVED
========================================================= */

@media (max-width:1200px){

    .wo-product-industries-grid{

        grid-template-columns:repeat(2,1fr);

    }

}

@media (max-width:768px){

    .wo-product-industries{

        padding:80px 0;

    }

    .wo-product-industries-header{

        margin-bottom:50px;

    }

}

@media (max-width:576px){

    .wo-product-industries{

        padding:60px 0;

    }

    .wo-product-industries-title{

        font-size:2rem;

    }

    .wo-product-industries-grid{

        grid-template-columns:1fr;

    }

    .wo-product-industry-card{

        padding:35px 24px;

    }

    .wo-product-industry-card i{

        width:70px;

        height:70px;

        font-size:28px;

    }

}

/* =========================================================
   PRODUCT FAQ
========================================================= */

@media (max-width:768px){

    .wo-product-faq{

        padding:80px 0;

    }

    .wo-product-faq-header{

        margin-bottom:50px;

    }

}

@media (max-width:576px){

    .wo-product-faq{

        padding:60px 0;

    }

    .wo-product-faq-title{

        font-size:2rem;

    }

    .wo-faq-item summary{

        padding:20px 22px;

        font-size:17px;

    }

    .wo-faq-item summary::after{

        right:22px;

    }

    .wo-faq-item p{

        padding:0 22px 20px;

    }

}

/* =========================================================
   PRODUCTS CTA
========================================================= */

@media (max-width:992px){

    .wo-products-cta-box{

        padding:70px 45px;

    }

    .wo-products-cta-features{

        grid-template-columns:repeat(2,1fr);

    }

}

@media (max-width:768px){

    .wo-products-cta{

        padding:80px 0;

    }

    .wo-products-cta-box{

        padding:60px 30px;

    }

    .wo-products-cta-buttons{

        flex-direction:column;

        align-items:center;

    }

    .wo-products-cta-buttons .ntl-btn{

        width:100%;

        max-width:320px;

    }

    .wo-products-cta-features{

        grid-template-columns:1fr;

    }

}

@media (max-width:576px){

    .wo-products-cta-box{

        padding:45px 25px;

    }

    .wo-products-cta-title{

        font-size:2.2rem;

    }

    .wo-products-cta p{

        font-size:16px;

    }

}
/* ---------delet from here if needed---------- */
/* =========================================================
   PRODUCT HERO
========================================================= */

@media (max-width:992px){

    .wo-product-hero{

        padding:150px 0 80px;

    }

    .wo-product-hero-grid{

        grid-template-columns:1fr;

        text-align:center;

    }

    .wo-product-highlights{

        grid-template-columns:1fr 1fr;

    }

    .wo-product-buttons{

        justify-content:center;

    }

    .wo-product-stats{

        grid-template-columns:repeat(2,1fr);

    }

}

@media (max-width:768px){

    .wo-product-highlights{

        grid-template-columns:1fr;

    }

    .wo-product-buttons{

        flex-direction:column;

        align-items:center;

    }

    .wo-product-buttons .ntl-btn{

        width:100%;

        max-width:320px;

    }

}

@media (max-width:576px){

    .wo-product-hero{

        padding:130px 0 60px;

    }

    .wo-product-breadcrumb{

        flex-wrap:wrap;

        justify-content:center;

    }

    .wo-product-stats{

        grid-template-columns:1fr;

    }

    .wo-product-stat{

        padding:30px 20px;

    }

}

/* =========================================================
   QUICK SPECIFICATIONS
========================================================= */

@media (max-width:1200px){

    .wo-product-specs-grid{

        grid-template-columns:repeat(2,1fr);

    }

}

@media (max-width:768px){

    .wo-product-specs{

        padding:80px 0;

    }

}

@media (max-width:576px){

    .wo-product-specs{

        padding:60px 0;

    }

    .wo-product-specs-grid{

        grid-template-columns:1fr;

    }

    .wo-product-specs-title{

        font-size:2rem;

    }

    .wo-spec-card{

        padding:30px 20px;

    }

}

/* =========================================================
   PRODUCT OVERVIEW
========================================================= */

@media (max-width:992px){

    .wo-product-overview{

        padding:90px 0;

    }

    .wo-product-overview-grid{

        grid-template-columns:1fr;

        gap:50px;

    }

    .wo-product-overview-image{

        order:1;

    }

    .wo-product-overview-content{

        order:2;

    }

}

@media (max-width:768px){

    .wo-product-benefits{

        grid-template-columns:1fr;

    }

}

@media (max-width:576px){

    .wo-product-overview{

        padding:70px 0;

    }

    .wo-product-overview-title{

        font-size:2rem;

    }

}

/* =========================================================
   PRODUCT APPLICATIONS
========================================================= */

@media (max-width:1200px){

    .wo-product-applications-grid{

        grid-template-columns:repeat(2,1fr);

    }

}

@media (max-width:768px){

    .wo-product-applications{

        padding:80px 0;

    }

    .wo-product-applications-header{

        margin-bottom:50px;

    }

}

@media (max-width:576px){

    .wo-product-applications{

        padding:60px 0;

    }

    .wo-product-applications-title{

        font-size:2rem;

    }

    .wo-product-applications-grid{

        grid-template-columns:1fr;

    }

    .wo-application-card{

        padding:30px 25px;

    }

}

/* =========================================================
   TECHNICAL SPECIFICATIONS
========================================================= */

@media (max-width:768px){

    .wo-product-technical-specifications{

        padding:80px 0;

    }

    .wo-product-tech-header{

        margin-bottom:50px;

    }

    .wo-product-tech-table th,

    .wo-product-tech-table td{

        padding:18px;

        font-size:15px;

    }

    .wo-tech-note{

        flex-direction:column;

        padding:24px;

    }

}

@media (max-width:576px){

    .wo-product-technical-specifications{

        padding:60px 0;

    }

    .wo-product-tech-title{

        font-size:2rem;

    }

    .wo-product-tech-table{

        min-width:650px;

    }

}

/* =========================================================
   MANUFACTURING & QUALITY
========================================================= */

@media (max-width:992px){

    .wo-manufacturing-quality{

        padding:90px 0;

    }

    .wo-manufacturing-grid{

        grid-template-columns:1fr;

        gap:50px;

    }

}

@media (max-width:768px){

    .wo-manufacturing-quality-header{

        margin-bottom:50px;

    }

}

@media (max-width:576px){

    .wo-manufacturing-quality{

        padding:60px 0;

    }

    .wo-manufacturing-quality-title{

        font-size:2rem;

    }

    .wo-quality-item{

        flex-direction:column;

        text-align:center;

        align-items:center;

    }

}

/* =========================================================
   PRODUCT FAQ
========================================================= */

@media (max-width:768px){

    .wo-product-faq{

        padding:80px 0;

    }

    .wo-product-faq-header{

        margin-bottom:50px;

    }

    .wo-faq-item summary{

        font-size:18px;

        padding:22px;

    }

    .wo-faq-item p{

        padding:0 22px 22px;

    }

}

@media (max-width:576px){

    .wo-product-faq{

        padding:60px 0;

    }

    .wo-product-faq-title{

        font-size:2rem;

    }

}

/* =========================================================
   RELATED PRODUCTS
========================================================= */

@media (max-width:1200px){

    .wo-related-products-grid{

        grid-template-columns:repeat(2,1fr);

    }

}

@media (max-width:768px){

    .wo-related-products{

        padding:80px 0;

    }

    .wo-related-products-header{

        margin-bottom:50px;

    }

}

@media (max-width:576px){

    .wo-related-products{

        padding:60px 0;

    }

    .wo-related-products-title{

        font-size:2rem;

    }

    .wo-related-products-grid{

        grid-template-columns:1fr;

    }

    .wo-related-product-content{

        padding:25px;

    }

}

/* =========================================================
   PRODUCT CTA
========================================================= */

@media (max-width:768px){

    .wo-product-cta{

        padding:90px 0;

    }

    .wo-product-cta-highlights{

        grid-template-columns:1fr;

    }

    .wo-product-cta-buttons{

        flex-direction:column;

        align-items:center;

    }

    .wo-product-cta-buttons .ntl-btn{

        width:100%;

        max-width:320px;

    }

}

@media (max-width:576px){

    .wo-product-cta{

        padding:70px 0;

    }

    .wo-product-cta-title{

        font-size:2.2rem;

    }

}

/* ==========================================================
   PRODUCT CATEGORY PAGE
========================================================== */

@media (max-width:992px){

    .wo-category-page{

        padding:70px 0 90px;

    }

}

@media (max-width:768px){

    .wo-category-header{

        margin-bottom:45px;

    }

    .wo-category-products{

        grid-template-columns:1fr;

        gap:25px;

    }

    .wo-category-card img{

        height:220px;

    }

}

@media (max-width:576px){

    .wo-category-page{

        padding:60px 0 80px;

    }

    .wo-category-header h1{

        font-size:2rem;

    }

    .wo-category-card-content{

        padding:24px;

    }

}

/* ==========================================================
   PRODUCT PAGE RESPONSIVE
========================================================== */

@media (max-width: 992px) {

    .wo-product-layout {

        grid-template-columns: 1fr;
        gap: 50px;

    }

    .wo-product-sidebar {

        position: static;

    }

}

@media (max-width: 768px) {

    .wo-product-page {

        padding: 60px 0;

    }

    .wo-product-main h1 {

        font-size: 34px;

    }

    .wo-product-section {

        margin-top: 40px;

    }

    .wo-product-section h2 {

        font-size: 26px;

    }

    .wo-spec-table th,
    .wo-spec-table td {

        display: block;
        width: 100%;

    }

    .wo-spec-table th {

        border-bottom: none;

    }

    .wo-sidebar-widget {

        padding: 25px;

    }

    .wo-product-cta {

        padding: 70px 0;

    }

    .wo-product-cta h2 {

        font-size: 34px;

    }

    .wo-product-cta-buttons {

        flex-direction: column;
        align-items: center;

    }

    .wo-product-cta-buttons .ntl-btn {

        width: 100%;
        max-width: 320px;

    }

}

@media (max-width: 576px) {

    .wo-product-page {

        padding: 50px 0;

    }

    .wo-product-main h1 {

        font-size: 30px;

    }

    .wo-product-image {

        border-radius: 12px;

    }

    .wo-product-description p {

        font-size: 15px;

    }

    .wo-product-section h2 {

        font-size: 22px;

    }

    .wo-feature-list li {

        font-size: 15px;

    }

    .wo-sidebar-widget {

        padding: 20px;

    }

    .wo-sidebar-widget h3 {

        font-size: 20px;

    }

    .wo-product-cta h2 {

        font-size: 28px;

    }

    .wo-product-cta p {

        font-size: 15px;

    }

}

/* =========================================================
   INDUSTRIES PAGE
   RESPONSIVE
   ========================================================= */


@media (max-width: 992px) {

    .wo-industries-intro-grid {

        grid-template-columns: 1fr;

        gap: 40px;

    }


    .wo-industries-grid {

        grid-template-columns: repeat(2, 1fr);

    }


    .wo-industries-process-grid {

        grid-template-columns: repeat(2, 1fr);

    }


    .wo-industries-cta-inner {

        flex-direction: column;

        align-items: flex-start;

    }

}


@media (max-width: 768px) {

    .wo-industries-hero {

        padding: 85px 0;

    }


    .wo-industries-hero h1 {

        font-size: 40px;

    }


    .wo-industries-hero-actions {

        flex-direction: column;

        align-items: stretch;

    }


    .wo-industries-intro,
    .wo-industries-list,
    .wo-industries-process {

        padding: 70px 0;

    }


    .wo-industries-grid {

        grid-template-columns: 1fr;

    }


    .wo-industries-process-grid {

        grid-template-columns: 1fr;

        gap: 20px;

    }


    .wo-industries-cta {

        padding: 65px 0;

    }


    .wo-industries-cta-actions {

        width: 100%;

        flex-direction: column;

    }

}


@media (max-width: 480px) {

    .wo-industries-hero {

        padding: 70px 0;

    }


    .wo-industries-hero h1 {

        font-size: 34px;

    }


    .wo-industries-hero p {

        font-size: 16px;

    }


    .wo-industries-intro-highlight {

        padding: 28px;

    }


    .wo-industry-card {

        padding: 26px;

    }

}

/* =========================================================
   CONTACT PAGE
   RESPONSIVE
   ========================================================= */


@media (max-width: 992px) {

    .wo-contact-details-grid {

        grid-template-columns: repeat(2, 1fr);

    }


    .wo-contact-main-grid {

        grid-template-columns: 1fr;

        gap: 50px;

    }

}


@media (max-width: 768px) {

    .wo-contact-hero {

        padding: 80px 0;

    }


    .wo-contact-hero h1 {

        font-size: 40px;

    }


    .wo-contact-details,
    .wo-contact-main,
    .wo-contact-map,
    .wo-contact-faq {

        padding: 70px 0;

    }


    .wo-contact-details-grid {

        grid-template-columns: 1fr;

    }


    .wo-form-row {

        grid-template-columns: 1fr;

        gap: 0;

    }


    .wo-contact-form-wrapper {

        padding: 30px 25px;

    }


    .wo-map-placeholder {

        min-height: 300px;

    }


    .wo-contact-cta {

        padding: 65px 0;

    }

}


@media (max-width: 480px) {

    .wo-contact-hero h1 {

        font-size: 34px;

    }


    .wo-contact-hero p {

        font-size: 16px;

    }


    .wo-contact-card {

        padding: 28px 20px;

    }


    .wo-contact-form-wrapper {

        padding: 25px 18px;

    }


    .wo-contact-section-header {

        margin-bottom: 35px;

    }

}