@media(min-width:2100px){
    .hero{
        height: 100%;
    }
 }
@media (max-width:1680px){
    .features{
        padding:90px 0
    }
     .faq-list-dark{
        max-height:max-content
    }
}
 @media (max-width:1400px){
    .container,.features-inner-v2,.bd-page .container,.bd-page .container,.bd-page .container,.bd-page .container{
        max-width:96%
    }
     .categoriesSwiper .cat-banner-grid{
        height:500px
    }
     .product-info h3{
        min-height:calc(18px * 1.14 * 2)
    }
     .features{
        padding:60px 0
    }
     .cert-img-wrap img{
        height:350px
    }
     .faq-list-dark{
        max-height:unset
    }
     .section-heading h2,.section-heading h1{
        font-size:clamp(30px,2.3vw,40px)
    }
     .cat-banner-content h3{
        font-size:clamp(16px,2.2vw,20px)
    }
     .product-card{
        padding:20px
    }
     .product-info h3{
        font-size:18px
    }
     .fcard-title{
        font-size:17px
    }
     .fcard-icon{
        width:50px;
        height:50px
    }
     .blog-card{
        padding: 0;
        border-radius:10px;
        background: unset;
        box-shadow: none;
    }
     .about-shell{
        padding:60px 0
    }
     .about-heading{
        margin-top:0
    }
     .about-showcase-copy h3{
        font-size:clamp(24px,2.8vw,26px)
    }
     .products-section-head h2{
        font-size:clamp(32px,3vw,30px)
    }
     .about-page-hero h1{
        font-size:clamp(34px,5vw,40px)
    }
     .about-page-hero p{
        font-size:16px
    }
     .about-page-cta-copy h2,.about-page-heading h2,.about-page-intro-copy h2{
        font-size:clamp(28px,3vw,30px)
    }
     .about-page-intro-copy p{
        line-height:1.5
    }
     .about-page-certs{
        padding:60px 0
    }
    
     .about-page-cta{
        padding-bottom:60px
    }
     .about-page-expo,.about-page-factory-showcase,.about-page-timeline{
        padding:60px 0
    }
     .about-page-timeline{
        padding:60px 0;
        margin-top:60px
    }
     .about-page-timeline-shell{
        padding:0 0 0
    }
     .about-page-timeline-shell::before{
        top:49%
    }
     .about-page-timeline-item{
        padding:0
    }
     .about-page-timeline-item.is-top .about-page-timeline-card{
        margin-bottom:275px
    }
     .about-page-timeline-item.is-bottom .about-page-timeline-card{
        margin-top:285px
    }
     .about-page-timeline-year{
        font-size:24px
    }
     .about-page-timeline-card h3{
        font-size:16px
    }
     .about-page-timeline-card p{
        font-size:15px;
        line-height:1.5;
        min-height:calc(1.5em * 4)
    }
     .about-page-timeline-nav{
        top:49%
    }
     .about-page-factory-overlay h3{
        font-size:16px
    }
     .about-page-expo{
        padding-top:0
    }
     .show-products-gallery-thumb img{
        height:auto
    }
     .show-products-page-refined .show-products-detail-wrap,.show-products-page-refined .show-products-overview{
        padding:60px 0
    }
     .show-products-page-refined .show-products-overview{
        padding-bottom:0
    }
     .show-products-summary-ref h1,
     .show-products-summary-ref h2{
        font-size:clamp(26px,4vw,28px)
    }
     .show-products-detail-heading h2{
        font-size:clamp(30px,3vw,36px)
    }
     .show-products-inquiry-section{
        padding-bottom:60px
    }
     .show-products-inquiry-copy h2{
        font-size:clamp(30px,2.3vw,42px)
    }
     .blog-library{
        padding:60px 0
    }
     .blog-section-head h2{
        font-size:clamp(32px, 2.5vw, 40px)
    }
     .blog-highlight h3{
        font-size:clamp(22px, 2vw, 40px)
    }
     .blog-highlight p{
        line-height:1.5
    }
     .blog-highlight-link{
        padding:8px 20px
    }
     .blog-thumb{
        border-radius:10px
    }
     .blog-card h3{
        font-size:18px
    }
     .faq-main{
        padding:60px 0
    }
     .faq-faq-head h3{
        font-size:clamp(32px, 2.5vw, 50px)
    }
     .downloads-library{
        padding:60px 0
    }
     .downloads-section-head h2{
        font-size:clamp(32px, 2.5vw, 40px)
    }
     .download-card h3{
        font-size:18px
    }
     .download-btn{
        font-size:14px
    }
     .downloads-cta{
        padding-bottom:60px
    }
     .bd-hero-copy h1{
        font-size:clamp(20px,3.2vw,26px)
    }
     .bd-body p{
        line-height:1.5
    }
     .bd-body h2{
        font-size:20px;
        font-weight:600
    }
     .bd-body strong{
        font-weight:500
    }
}
 @media (max-width:1366px){
    .products-list-card-btn{
        padding:8px 8px;
        font-size:14px
    }
}
 @media (max-width:1280px){
    .products-list-grid{
        grid-template-columns:repeat(3,minmax(0,1fr))
    }
     .contact-page-strip-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
     .downloads-cta-box h3{
        font-size:30px
    }
     .about-page-timeline-swiper-wrap{
        padding-left:52px;
        padding-right:52px
    }
}
 @media (max-width:1200px){
    .about-shell{
        padding:72px 24px
    }
     .about-showcase{
        display:flex;
        flex-direction:column-reverse;
        margin-bottom: 40px;
    }
}
 @media (max-width:1100px){
    .products-list-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
     .nav-container{
        gap:16px
    }
     .nav-links{
        gap:16px
    }
     .nav-inquiry-btn{
        min-height:38px;
        padding:8px 14px 8px 12px;
        gap:8px;
        font-size:13px
    }
     .contact-page-core-grid{
        display:block
    }
     .download-card{
        grid-template-columns:56px minmax(0,1fr);
        row-gap:18px
    }
     .download-actions{
        grid-column:1/-1
    }
     .downloads-cta-box{
        flex-direction:column;
        align-items:flex-start
    }
     .downloads-cta-actions{
        justify-content:flex-start
    }
}
 @media (max-width:767px){
     .about-page-hero{
        background:linear-gradient(rgba(0,0,0,.15),rgba(0,0,0,.15)),var(--banner-mobile-image,var(--banner-desktop-image)) center center/cover no-repeat
    }
    .faq-section-layout{
        grid-template-columns:1fr;
        gap:20px
    }
     #navbar{
        height:50px;
        padding:0 14px
    }
     .nav-logo img{
        height:26px;
        max-width:150px
    }
     .nav-links{
        position:fixed;
        top:50px;
        left:0;
        right:0;
        background:rgba(255,255,255,.98);
        backdrop-filter:blur(16px);
        flex-direction:column;
        align-items:stretch;
        padding:12px 20px 20px;
        gap:0;
        transform:translateY(-100%);
        opacity:0;
        pointer-events:none;
        transition:transform .3s,opacity .3s;
        border-bottom:1px solid var(--border);
        max-height:calc(100vh - 50px);
        overflow-y:auto
    }
     .nav-links.open{
        transform:translateY(0);
        opacity:1;
        pointer-events:all
    }
     .nav-links a{
        color:var(--text-muted)!important
    }
     .nav-links a:hover{
        color:var(--primary)!important
    }
     .nav-links>li{
        width:100%;
        border-bottom:1px solid rgba(229,231,235,.9)
    }
     .nav-links>li:last-child{
        border-bottom:none
    }
     .nav-dropdown-toggle,.nav-links>li>a{
        display:flex;
        align-items:center;
        justify-content:space-between;
        width:100%;
        padding:10px 0;
        font-size:16px;
        font-weight:600
    }
     .nav-dropdown-toggle{
        justify-content:flex-start;
        padding-right:48px
    }
     .nav-dropdown-toggle .nav-arrow{
        display:none
    }
     .nav-dropdown-trigger{
        display:flex;
        position:absolute;
        top:50%;
        right:0;
        transform:translateY(-50%);
        width:40px;
        height:40px;
        color:var(--text-muted);
        z-index:2
    }
     .nav-dropdown-trigger .nav-arrow{
        display:block
    }
     .hamburger{
        display:flex
    }
     .nav-actions{
        gap:8px
    }
     .nav-inquiry-btn{
        width:40px;
        min-width:40px;
        height:40px;
        min-height:40px;
        padding:0;
        gap:0;
        border-radius:50%
    }
     .nav-inquiry-btn .nav-quote-text{
        display:none
    }
     .nav-dropdown::after{
        display:none
    }
     .nav-submenu{
        position:static;
        left:auto;
        top:auto;
        transform:none;
        opacity:1;
        pointer-events:all;
        box-shadow:none;
        border:none;
        background:0 0;
        padding:0 0 14px;
        border-radius:0;
        min-width:0;
        display:none
    }
     .nav-submenu::before{
        display:none
    }
     .nav-submenu li a{
        padding:10px 0 10px 14px;
        font-size:14px;
        font-weight:500;
        border-top:1px solid rgba(229,231,235,.65)
    }
     .nav-dropdown.open .nav-submenu{
        display:block;
        transform:none;
        padding-bottom:0
    }
     .faq-hero{
        padding:128px 0 68px
    }
     .faq-main{
        padding:72px 0 84px
    }
     .faq-cta{
        padding:20px
    }
     .faq-faq-head{
        margin-bottom:24px
    }
     .faq-section-card .faq-q-dark{
        min-height:64px;
        padding:18px 18px;
        font-size:15px
    }
     .faq-section-card .faq-a{
        padding:0 10px
    }
     .faq-category-sidebar{
        position:static
    }
     .faq-category-panel{
        padding:18px
    }
     .faq-category-panel ul{
        grid-template-columns:1fr
    }
     .faq-cta-actions{
        width:100%
    }
     .faq-cta-btn,.faq-cta-btn-outline{
        width:100%
    }
     .nav-search-bar{
        height:auto;
        min-height:68px;
        padding:10px 16px
    }
     .nav-search-inner{
        flex-wrap:wrap;
        gap:10px
    }
     .nav-search-input{
        width:calc(100% - 112px);
        flex:1 1 calc(100% - 112px);
        min-width:0;
        height:40px;
        font-size:15px
    }
     .nav-search-close,.nav-search-submit{
        width:38px;
        height:38px
    }
     .nav-search-close{
        margin-left:0
    }
     .nav-search-tags{
        display:none
    }
     .quotation-page .contact-shell{
        width:min(100% - 32px,1400px);
        padding:44px 0 64px
    }
     .quotation-layout{
        grid-template-columns:1fr;
        gap:22px
    }
     .quotation-page .form-card,.quote-selection-card{
        border-radius:18px;
        padding:22px 18px
    }
     .quote-card-head{
        align-items:flex-start;
        flex-direction:column
    }
     .quotation-page .form-grid{
        grid-template-columns:1fr
    }
     .quotation-submit{
        align-items:stretch;
        flex-direction:column
    }
     .quotation-page .btn-continue,.quotation-page .btn-submit{
        width:100%
    }
     .quote-product-item{
        grid-template-columns:68px minmax(0,1fr)
    }
     .quote-product-media{
        width:68px;
        height:68px
    }
     .single-page-content{
        padding:56px 0 72px
    }
     .single-page-content .container{
        max-width:min(100% - 32px,1120px)
    }
     .single-page-article{
        padding:28px 20px;
        border-radius:18px
    }
     .single-page-article h2{
        font-size:24px
    }
     .single-page-article h3{
        font-size:21px
    }
     .single-page-article h4,.single-page-cid-8 .single-page-article p:nth-child(14),.single-page-cid-8 .single-page-article p:nth-child(17),.single-page-cid-8 .single-page-article p:nth-child(19),.single-page-cid-8 .single-page-article p:nth-child(3),.single-page-cid-8 .single-page-article p:nth-child(9){
        font-size:18px
    }
     .single-page-article p{
        font-size:15px;
        line-height:1.82
    }
     .single-page-article p:first-child{
        font-size:16px
    }
     .single-page-article p:has(br){
        padding:16px
    }
     .single-page-title{
        margin-bottom:22px;
        padding-bottom:18px;
        font-size:30px
    }
     .bd-hero{
        padding: 52px 0 0;
    }
     .bd-hero-grid{
        max-width:100%
    }
     .bd-hero-copy h1{
        font-size: 22px;
        line-height:1.25
    }
     .bd-meta{
        gap:12px 16px;
        margin-top:18px;
        font-size:14px
    }
     .bd-meta-item svg{
        width:18px;
        height:18px
    }
     .bd-lead{
        font-size:15px;
        line-height:1.75
    }
     .bd-hero-media::before{
        inset:-10px 10px 10px -10px;
        border-radius:20px
    }
     .bd-hero-media img{
        height:300px;
        border-radius:18px
    }
     .bd-content{
        padding: 20px 0 0;
    }
     .bd-layout{
        grid-template-columns:1fr
    }
     .bd-body{
        padding:0;
        border:0;
        border-radius:0;
        background:0 0;
        box-shadow:none
    }
     .bd-body p{
        font-size:15px;
        line-height:1.82
    }
     .bd-body h2{
        margin:36px 0 16px;
        font-size:25px
    }
     .bd-body h3{
        font-size:22px
    }
     .bd-body img{
        border-radius:16px;
        box-shadow:0 14px 30px rgba(15,23,42,.1)
    }
     .bd-post-nav{
        padding:0 0 70px
    }
     .bd-post-nav-grid{
        grid-template-columns:1fr
    }
     .bd-post-nav-next{
        text-align:left
    }
     .bd-toc-fab{
        position:fixed;
        right:12px;
        top:360px;
        z-index:10015;
        display:flex;
        align-items:center;
        justify-content:center;
        width:42px;
        height:42px;
        border:0;
        border-radius:10px;
        background:#111827;
        color:#fff;
        box-shadow:0 14px 30px rgba(15,23,42,.24);
        cursor:pointer
    }
     .bd-toc-fab svg{
        width:21px;
        height:21px;
        stroke:currentColor;
        stroke-width:2;
        stroke-linecap:round
    }
     .bd-toc-mask{
        position:fixed;
        inset:0;
        z-index:10000;
        display:block;
        background:rgba(15,23,42,.44);
        opacity:0;
        visibility:hidden;
        transition:opacity .22s ease,visibility .22s ease
    }
     .bd-toc-mask.show{
        opacity:1;
        visibility:visible
    }
     .bd-sidebar .bd-toc-card.sidebar-widget{
        position:fixed;
        top:0;
        right:0;
        z-index:10030;
        width:min(86vw,340px);
        height:100vh;
        margin:0;
        padding:16px 14px 24px;
        border-radius:0;
        border-top:0;
        border-right:0;
        border-bottom:0;
        border-left:1px solid rgba(29,32,136,.12);
        background:#fff;
        box-shadow:-14px 0 34px rgba(15,23,42,.18);
        overflow:auto;
        transform:translateX(105%);
        transition:transform .24s ease
    }
     .bd-sidebar .bd-toc-card.sidebar-widget.open{
        transform:translateX(0)
    }
     .bd-toc-card .sidebar-widget-title{
        position:sticky;
        top:0;
        z-index:1;
        margin:0 0 10px;
        padding:6px 2px 12px;
        border-bottom:1px solid rgba(29,32,136,.1);
        background:#fff;
        font-size:18px
    }
     .bd-side-list.sidebar-category-list{
        display:grid;
        gap:8px;
        margin:0;
        padding:0
    }
     .bd-side-list.sidebar-category-list li{
        border-bottom:0
    }
     .bd-side-list.sidebar-category-list li a{
        display:block;
        padding:10px 12px;
        border:1px solid rgba(29,32,136,.1);
        border-radius:10px;
        background:#f6f8fb;
        color:#344054;
        font-size:14px;
        line-height:1.45
    }
     .bd-side-list.sidebar-category-list li a:hover,.bd-side-list.sidebar-category-list li.active>a,.bd-side-list.sidebar-category-list li>a.active{
        padding-left:12px;
        color:#1d2088;
        background:#eef0fb
    }
     .bd-post-nav-item{
        padding:20px;
        border-radius:14px
    }
     .bd-post-nav-item strong{
        font-size:15px
    }
    .contact-page-map-section{
    padding-bottom: 40px;
}
     .contact-page-map-shell{
        grid-template-columns:1fr
    }
     @media (max-width:768px){
         #page_blog_detail .bd-toc-fab{
            position:fixed;
            right: 5px;
            top: 320px;
            z-index:10015;
            display:flex;
            align-items:center;
            justify-content:center;
            width:42px;
            height:42px;
            border:0;
            border-radius:10px;
            background:#111827;
            color:#fff;
            /* box-shadow:0 14px 30px rgba(15,23,42,.24); */
            cursor:pointer
        }
         #page_blog_detail .bd-toc-fab svg{
            width:21px;
            height:21px;
            stroke:currentColor;
            stroke-width:2;
            stroke-linecap:round
        }
         #page_blog_detail .bd-toc-mask{
            position:fixed;
            inset:0;
            z-index:10000;
            display:block;
            background:rgba(15,23,42,.44);
            opacity:0;
            visibility:hidden;
            transition:opacity .22s ease,visibility .22s ease
        }
         #page_blog_detail .bd-toc-mask.show{
            opacity:1;
            visibility:visible
        }
         #page_blog_detail .bd-sidebar .bd-toc-card.sidebar-widget{
            position:fixed;
            top:0;
            right:0;
            z-index:10030;
            width:min(86vw,340px);
            height:100vh;
            margin:0;
            padding:16px 14px 24px;
            border-radius:0;
            border-top:0;
            border-right:0;
            border-bottom:0;
            border-left:1px solid rgba(29,32,136,.12);
            background:#fff;
            box-shadow:-14px 0 34px rgba(15,23,42,.18);
            overflow:auto;
            transform:translateX(105%);
            transition:transform .24s ease
        }
         #page_blog_detail .bd-sidebar .bd-toc-card.sidebar-widget.open{
            transform:translateX(0)
        }
         #page_blog_detail .bd-toc-card .sidebar-widget-title{
            position:sticky;
            top:0;
            z-index:1;
            margin:0 0 10px;
            padding:6px 2px 12px;
            border-bottom:1px solid rgba(29,32,136,.1);
            background:#fff;
            font-size:18px
        }
         #page_blog_detail .bd-side-list.sidebar-category-list{
            display:grid;
            gap:8px;
            margin:0;
            padding:0;
            list-style:none
        }
         #page_blog_detail .bd-side-list.sidebar-category-list li{
            border-bottom:0
        }
         #page_blog_detail .bd-side-list.sidebar-category-list li a{
            display:block;
            padding:10px 12px;
            border:1px solid rgba(29,32,136,.1);
            border-radius:10px;
            background:#f6f8fb;
            color:#344054;
            font-size:14px;
            line-height:1.45
        }
         #page_blog_detail .bd-side-list.sidebar-category-list li a:hover,#page_blog_detail .bd-side-list.sidebar-category-list li.active>a,#page_blog_detail .bd-side-list.sidebar-category-list li>a.active{
            padding-left:12px;
            color:#1d2088;
            background:#eef0fb
        }
         body.bd-toc-open #page_blog_detail .bd-sidebar{
            z-index:10025;
            pointer-events:auto
        }
         body.bd-toc-open #page_blog_detail .bd-sidebar .bd-toc-card.sidebar-widget{
            pointer-events:auto
        }
         body.bd-toc-open #page_blog_detail .bd-toc-fab,
         body.bd-toc-open .side-contact-bar,
         body.bd-toc-open .back-to-top{
            opacity:0;
            visibility:hidden;
            pointer-events:none
        }
    }
     .about-page-cta-shell,.about-page-intro-grid{
        grid-template-columns:1fr
    }
     .about-page-cta-actions{
        justify-content:flex-start
    }
     .about-page-factory-grid.swiper-wrapper,.about-page-expo-grid.swiper-wrapper,.about-page-cert-grid.swiper-wrapper{
        display: flex;
        gap: 0;
    }
    .about-page-certs .swiper-pagination,.about-page-expo .swiper-pagination,.about-page-factory-showcase .swiper-pagination{
        display: block !important;
        position: unset;
        margin-top: 20px;
    }
    .about-page-certs .swiper-pagination .swiper-pagination-bullet,.about-page-expo .swiper-pagination .swiper-pagination-bullet,.about-page-factory-showcase .swiper-pagination .swiper-pagination-bullet{
        width: 8px;
    height: 8px;
    }
     .about-page-factory-card-large{
        grid-column:span 6;
        min-height:420px
    }
     .about-page-factory-card:not(.about-page-factory-card-large){
        grid-column:span 3
    }

     .show-products-overview-grid{
        grid-template-columns:1fr
    }
     .show-products-overview-grid-ref{
        grid-template-columns:1fr
    }
     .blog-highlight{
        grid-template-columns:1fr;
        background: 0;
        border: 0;
        box-shadow: unset;
        padding: 0;
        border-radius: 0;
    }
     .blog-highlight-media{
        min-height:300px;
        border-radius: 10px;
    }
     .blog-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
     .cat-banner-grid{
        grid-template-columns:1fr 1fr;
        grid-template-rows:repeat(4,200px);
        height:auto
    }
     .cat-banner-item.cat-wide{
        /* grid-row:auto; */
    }
     .features-inner-v2{
        max-width:95%;
        padding:0
    }
     .features-card-grid{
        grid-template-columns:1fr;
        gap:10px
    }
     .fstats-grid{
        grid-template-columns:repeat(2,1fr)
    }
     .fservices-grid{
        grid-template-columns:repeat(2,1fr)
    }
     .fcp-layout{
        grid-template-columns:1fr;
        gap:28px
    }
     .fcp-form-card{
        padding:30px
    }
     .footer-grid{
        grid-template-columns:1fr 1fr;
        gap:28px
    }
     .services-hero-inner{
        max-width:100%
    }
     .about-gallery-block,.about-showcase-copy{
    padding: 0;
    }
     .about-gallery-topline{
        /* flex-direction:column; */
        /* align-items:flex-start; */
    }
     .section-heading{
        margin-bottom:40px
    }
     .section-heading h2,.section-heading h1{
        font-size:clamp(28px, 5.2vw, 37px);
        letter-spacing:1.2px
    }
     .section-heading p{
        font-size:16px;
        line-height:1.7
    }
     .categoriesSwiper{
        width:100%;
        flex:1
    }
     .categoriesSwiper .cat-banner-grid{
        /* height:calc(100vh - var(--nav-height)); */
        /* min-height:calc(100vh - var(--nav-height)); */
        display: flex;
        height: auto;
    }
     .categoriesSwiper .cat-banner-item{
        /* width:auto!important; */
        min-height: 400px;
        overflow: hidden;
    }
     .cat-banner-content{
        top:24px;
        left:24px
    }
     .hero-content{
        padding-top:50px
    }
     .slider-arrows{
        display:none
    }
     .about-section,.blog,.cert-section,.factory,.faq-contact-parallax,.features,.products{
        padding:60px 0
    }
     .about-section{
        padding-top:0
    }
     .scenarios{
        padding:60px 0 0
    }
     .footer{
        padding:60px 0 30px
    }
     .product-card{
        min-height:auto
    }
     .product-img-wrap{
        min-height:auto;
        padding:0
    }
     .product-info{
        padding:24px 20px
    }
     .product-swiper-wrap{
        padding:0
    }
     .productSwiper{
        overflow:hidden;
        padding-bottom:48px!important
    }
     .productSwiper .swiper-wrapper{
        display:flex;
        gap:0
    }
     .productSwiper .swiper-slide{
        width:100%!important
    }
     .product-pagination{
        display:block
    }
     .fcp-form-card{
        padding:24px 20px
    }
     .fcp-contact-info{
        flex-direction:column;
        gap:10px;
        /* color:#fff; */
    }
     .fcp-ci-icon img{
        /* filter:brightness(0) invert(1); */
    }
     .faq-list-dark{
        max-height:none;
        overflow:visible;
        padding-right:0
    }
     .form-row{
        grid-template-columns:1fr
    }
     .scenario-strip{
        flex-direction:column;
        height:1000px
    }
     .scenario-content{
        transform:translateY(0)
    }
     .blog-grid{
        grid-template-columns:1fr
    }
     .blog-swiper-wrap{
        padding:0;
        padding-bottom:60px
    }
     .blogSwiper .blog-card{
        min-height:auto;
        height:320px
    }
     .cert-swiper-wrap{
        padding:0 12px 48px
    }
     .cert-img-wrap img{
        height:225px
    }
     .blogSwiper .blog-body h3{
        font-size:18px
    }
     .footer-grid{
        grid-template-columns:1fr
    }
    
      .footer-subscribe{
        max-width:none
    }
      .footer-subscribe-control{
        /* align-items:stretch; */
        /* flex-direction:column; */
        /* border-radius:18px; */
        /* padding:8px; */
    }
      .footer-subscribe input,
      .footer-subscribe button{
        /* width:100%; */
    }
     .footer-col{
        display:none
    }
     .footer-col:last-child{
        display:block
    }
     .footer-bottom{
        flex-direction:column;
        gap:14px;
        text-align:center
    }
     .footer-links{
        flex-wrap:wrap;
        justify-content:center;
    }
     .slider-arrows{
        right:16px;
        bottom:40px
    }
     .hero-content{
        align-items:center;
        text-align:center
    }
     .hero-subtitle,.hero-title{
        text-align:center
    }
     .hero-specs{
        justify-content:center
    }
     .hero-btns{
        justify-content:center
    }
     .hero-scroll{
        display:none
    }
     .modal-content{
        min-width:0;
        width:min(92vw,520px);
        padding:44px 22px 28px
    }
     .products-list-grid{
        grid-template-columns:1fr
    }
     .products-list-card-actions{
        display:flex;
        justify-content:flex-start
    }
     .products-list-card-image{
        /* height:220px */
    }
     .products-list-card-title{
        font-size:19px
    }
     .products-hero{
        padding:128px 0 68px
    }
     .products-library{
        padding:72px 0 84px
    }
     .inside-pagination.products-inside-pagination{
        justify-content:flex-start
    }
     .contact-page-hero{
        padding:128px 0 62px
    }
     .contact-page-strip{
        margin-top:-20px
    }
     .contact-page-strip-grid{
        grid-template-columns:1fr
    }
     .contact-page-core{
        padding:56px 0
    }
     .contact-page-core{
        padding-top:28px
    }
     .contact-page-form-column .fcp-form-card,.contact-page-strip-card{
        padding:20px
    }
     .contact-page-hero-copy h1{
        font-size:38px
    }
     .contact-page-form-column .fcp-form-card{
        padding:0
    }
     .downloads-hero{
        padding:120px 0 56px
    }
     .download-grid{
        grid-template-columns:1fr
    }
     .downloads-section-head{
        margin-bottom:32px
    }
     .downloads-page .inside-pagination:not(.products-inside-pagination){
        justify-content:flex-start
    }
     .download-card,.downloads-cta-box{
        padding:24px
    }
     .download-card{
        grid-template-columns:1fr;
        row-gap:16px
    }
     .download-actions{
        grid-column:auto
    }
     .contact-page-info-column{
        margin-bottom:30px
    }
     .contact-page-sales-avatar{
        width:144px;
        height:144px
    }
     .contact-page-sales-copy h4{
        font-size:24px
    }
     .contact-page-map-section{
        padding-bottom:56px
    }
     .show-products-summary{
    padding: 0;
    border-radius: 10px;
    background: 0;
    border: 0;
         
}
     .show-products-form-grid{
    grid-template-columns: 1fr;
}
     .show-products-inquiry-shell{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
}
     .show-products-detail-tabs{
    top: 50px;
}
     .show-products-share-row{
    gap: 10px;
}
    .show-products-share-label{font-size: 14px;}
    .show-products-share-icons{
    gap: 0;
}
     .side-contact-bar,.back-to-top{
    right: 5px;
}
     body.product-detail-nav-solid #navbar{
    background:rgba(255,255,255,.97);
    box-shadow:0 1px 0 var(--border),0 8px 24px rgba(15,23,42,.08);
    backdrop-filter:blur(14px)
}
     body.product-detail-nav-solid #navbar .nav-logo img{
    filter:none
}
     body.product-detail-nav-solid #navbar .nav-search-btn{
    background:var(--primary-xlight);
    border-color:rgba(29,32,136,.18);
    color:var(--primary)
}
     body.product-detail-nav-solid #navbar .hamburger span{
    background:var(--text)
}
     body.product-detail-nav-solid #navbar .nav-inquiry-btn{
    background:#fff;
    border-color:rgba(29,32,136,.16);
    color:var(--primary);
    box-shadow:0 10px 24px rgba(15,23,42,.08)
}
     body.product-detail-nav-solid #navbar .nav-inquiry-btn:hover{
    background:var(--primary);
    border-color:var(--primary);
    color:#fff
}

     .show-products-related-nav{
         display: none;
     }
 }
 @media (max-width:480px) {
.container {
		padding: 0
	}

	.section-heading h2,.section-heading h1 {
		font-size: 24px;
		letter-spacing: .8px
	}

	.section-heading-divider {
		margin: 12px auto 14px
	}

	.section-heading p {
		font-size: 15px
	}

	.categories {
		background: #fff;
		margin-bottom: 60px
	}

	.categoriesSwiper {
		padding-bottom: 60px!important
	}

	.categoriesSwiper .cat-banner-grid {
		display: flex;
		grid-template-columns: none;
		grid-template-rows: none;
		height: auto
	}

	.cat-banner-item.cat-wide {
		grid-row: auto
	}

	.categoriesSwiper .cat-banner-item {
		min-height: 400px;
		overflow: hidden
	}

	.categoriesSwiper .swiper-slide {
		height: auto
	}

	.categoriesSwiper .cat-banner-bg {
		transform: none!important
	}

	.categoriesSwiper .cat-banner-overlay {
		opacity: 1;
		background: linear-gradient(180deg,rgba(7,14,28,.1) 0,rgba(7,14,28,.18) 35%,rgba(7,14,28,.56) 100%)
	}

	.cat-banner-content {
		top: 22px;
		left: 18px
	}

	.cat-banner-content h3,.cat-banner-item.cat-wide .cat-banner-content h3 {
		font-size: 26px
	}

	.cat-banner-shop {
		left: 18px;
		bottom: 18px;
		font-size: 11px;
		letter-spacing: 1.4px
	}

	.categories-pagination {
		display: block;
		bottom: 0!important
	}

	.categories-pagination .swiper-pagination-bullet {
		width: 12px;
		height: 12px;
		background: var(--primary);
		opacity: .3;
		transition: background .3s,transform .3s
	}

	.categories-pagination .swiper-pagination-bullet-active {
		opacity: 1
	}

	.fcard-left {
		flex-direction: column-reverse
	}

	.fcard {
		grid-template-columns: 1fr;
		gap: 12px;
		padding: 24px 20px
	}

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

	.fservices-grid {
		grid-template-columns: 1fr
	}

	.product-info {
		padding: 0
	}

	.about-next,.about-prev,.blog-next,.blog-prev,.cert-next,.cert-prev,.product-next,.product-prev {
		display: none!important
	}

	.about-company-img {
		height: 420px
	}

	.about-visual {
		padding-left: 22px;
		padding-top: 26px
	}

	.about-company-title {
		font-size: 34px
	}

	.about-title-mark {
		margin-bottom: 22px
	}

	.about-desc {
		font-size: 15px;
		line-height: 1.8
	}

	.about-points {
		gap: 10px
	}

	.about-points li {
		font-size: 15px;
		padding-left: 26px
	}

	.about-experience-card {
		width: 126px;
		height: 126px;
		padding: 16px 14px;
		border-radius: 10px
	}

	.about-experience-card strong {
		font-size: 46px;
		margin-bottom: 6px
	}

	.about-experience-card span {
		font-size: 13px
	}

	.about-accent {
		width: 12px
	}

	.about-accent-top {
		top: 174px;
		height: 104px
	}

	.about-accent-bottom {
		top: 300px;
		height: 104px
	}

	.about-btn {
		width: 100%;
		max-width: 220px
	}

	.about-gallery-shell {
		padding: 22px 16px;
		border-radius: 18px
	}

	.about-gallery-head {
		align-items: stretch;
		flex-direction: column
	}

	.about-gallery-title {
		font-size: 26px;
		letter-spacing: .8px
	}

	.about-gallery-divider {
		margin-top: 12px
	}

	.about-gallery-divider {
		margin-top: 12px
	}

	.about-gallery-nav {
		justify-content: flex-end
	}

	.about-gallery-item img {
		height: 210px
	}

	.about-gallery-copy {
		padding: 16px
	}

	.about-gallery-copy h4 {
		font-size: 16px
	}

	.about-gallery-copy p {
		font-size: 14px;
		line-height: 1.7
	}

	.faq-q-dark {
		padding: 16px 16px;
		font-size: 14px
	}

	.faq-a p {
		/* padding: 0; */
		font-size: 14px;
		display: -webkit-box;
		-webkit-line-clamp: unset;
		-webkit-box-orient: vertical;
		overflow: hidden
	}

	.fcp-form-card h3 {
		font-size: 17px
	}

	.contact-form input,.contact-form select,.contact-form textarea {
		padding: 11px 13px;
		font-size: 14px
	}

	.spec-pill {
		min-width: 64px;
		padding: 8px 12px
	}

	.back-to-top {
		right: 16px;
		bottom: 16px
	}

	body.modal-scroll-lock .back-to-top {
		right: calc(16px + var(--scroll-lock-offset,0px))
	}

	.side-contact-bar {
		right: 16px;
		bottom: 74px
	}

	body.modal-scroll-lock .side-contact-bar {
		right: calc(16px + var(--scroll-lock-offset,0px))
	}

	.sidebar-inquiry-panel {
		width: min(560px,calc(100vw - 20px));
		padding: 28px 18px 20px;
		border-radius: 20px
	}

	.sidebar-inquiry-head h3 {
		font-size: 24px
	}

	#SidebarMessage .input {
		grid-template-columns: 1fr
	}

	#SidebarMessage .submit {
		justify-content: stretch
	}

	.btn_effect4 {
		width: 100%
	}
}