@media (max-width:1600px){
.nav-menu{
        gap: 20px;
    }
    .nav-brand-positioning{
    font-size: 14px;
    max-width: 240px;
}
    .nav-logo img{
        max-height: 30px;
}
    .nav-menu .nav-link, .nav-menu>a{
    font-size: 15px;
}
}

@media (max-width:1500px){
.nav-menu{
        /* gap: 10px; */
    }

    .nav-brand-positioning{
        font-size: 13px;
        max-width: 220px;
    }
}
@media (max-width:1440px){
.auto-container{
    max-width: 96%;
}
}
@media (max-width:1400px){

.container{
        padding:0 48px
    }
    .nav-menu{
        gap: 15px;
    }
    .nav-quote{
        padding: 10px;
        margin-left: 10px;
        font-weight: unset;
        letter-spacing: 0;
    }
    .site-header{
        padding: 0 40px;
    }
    .ps-content{
        padding: 0 40px;
    }
}

@media (max-width:1280px){
:root{
        --max-width:1280px
    }
    .nav-menu{
        gap:12px
    }
    .nav-menu .nav-link,
    .nav-menu>a{
        font-size:15px
    }
    .nav-brand-positioning{
        /* display:none; */
    }
     .container{
        padding:0 40px
    }
    .nav-logo img{
        height: 25px;
    }
    .nav-logo-tagline{
        letter-spacing:0;
    }
     .site-header{
        padding:0 40px
    }
     .hero-content{
        padding:0 40px
    }
     .hero-slide .hero-content{
        max-width:840px;
        padding:0 56px
    }
     .hero-title{
        font-size:46px
    }
     .section-title{
        font-size:34px
    }
     .core-systems-inner{
        gap:50px
    }
     .factory-inner{
        gap:50px
    }
     .why-us-header{
        gap:50px
    }
     .footer-inner{
        gap:40px
    }
     .nav-dropdown{
        width:760px
    }
     .nav-dropdown-grid{
        grid-template-columns:repeat(2,minmax(200px,1fr))
     }

.pd_layout{
        grid-template-columns:minmax(0,1fr) minmax(360px,.82fr);
        gap:24px
    }
    .pd_summary{
        padding:26px
    }
    .pd_summary h1{
        font-size:25px
    }
    .pd_specs div{
        grid-template-columns:116px minmax(0,1fr)
    }
    .pd_specs dt,
    .pd_specs dd{
        padding:10px 12px
    }
    .pd_recommend_grid{
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
    .pd_recommend_carousel{
        padding:0 46px 46px
    }
    .about_video_grid{
        grid-template-columns:1fr;
        gap:34px
    }
    .about_cert_swiper{
        padding:0 38px 6px
    }
    .cert_doc{
        height:230px
    }
    .company_services_head h2{
        font-size:54px
    }
    .about_service_grid{
        gap:22px
    }
    .service_card_content{
        padding:28px 26px
    }
    .about_service_card h3{
        font-size:24px
    }
    .list_products .product_category_bar{
        grid-template-columns:repeat(3,minmax(0,1fr))
    }
    .list_products .products_grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:22px
    }
    .list_news .news_grid{
        gap:22px
    }
}

@media (max-width:1080px){
.nav-menu{
        gap:10px
    }
    .nav-menu .nav-link,
    .nav-menu>a{
        font-size:14px
    }
.faq_contact_panel{
        grid-template-columns:1fr;
        padding:38px
    }
    .faq_contact_cards{
        border-top:1px solid #d6e4e5;
        padding-top:26px
    }
    .faq_contact_card:first-child{
        border-left:0
    }

.pd_layout{
        grid-template-columns:minmax(0,1fr) minmax(320px,.78fr);
        gap:20px
    }
    .pd_summary{
        grid-column:auto;
        padding:22px
    }
    .pd_summary h1{
        font-size:22px
    }
    .pd_specs div{
        grid-template-columns:1fr
    }
    .pd_specs dd{
        border-top:1px solid #e0ebec
    }
    .pd_summary_actions{
        /* grid-template-columns:1fr; */
    }
    .pd_inquiry_box{
        grid-template-columns:1fr
    }
    .pd_inquiry_text,
    .pd_inquiry_form{
        padding:38px
    }
    .page_banner{
        margin-top:74px
    }
    .history_head h2{
        font-size:62px
    }
    .history_slide{
        min-height:360px
    }
    .history_card{
        padding:36px 28px 30px
    }
    .history_year{
        font-size:44px
    }
    .factory_showcase_head h2{
        font-size:46px
    }
    .factory_slide{
        height:340px
    }
    .list_products .products_grid{
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
    .list_news .news_grid{
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
    .list_case .case_text{
        padding:38px 42px
    }
    .list_products .products_head{
        align-items:flex-start;
        flex-direction:column
    }
    .list_products .products_head .remark{
        max-width:680px
    }
}

@media (max-width:1024px){
body.mobile-nav-open .site-header{
        z-index:1305
    }
     .mobile-nav-backdrop{
        z-index:1300
    }
     .site-header{
        height:72px
    }
     .site-header.scrolled{
        height:64px
    }
     .nav-dropdown{
        width:100%
    }
     .container{
        padding:0 32px
    }
     .site-header{
        padding:0 32px
    }
     .hero-content{
        padding:0 32px
    }
     .nav-menu{
        position:fixed;
        top:0;
        right:0;
        width:340px;
        max-width:100%;
        /* height:100%; */
        background:#fff;
        z-index:1306;
        display:flex;
        flex-direction:column;
        align-items:stretch;
        gap:0;
        padding:88px 22px 22px;
        overflow-y:auto;
        transform:translateX(100%);
        opacity:0;
        visibility:hidden;
        transition:transform .28s ease,opacity .2s ease
    }
     body.mobile-nav-open .nav-menu{
        transform:translateX(0);
        opacity:1;
        visibility:visible
    }
     .nav-menu .nav-link,.nav-menu>a{
        color:#1f2a26;
        font-size:14px;
        letter-spacing:.8px;
        padding:12px 0;
        border-bottom:1px solid #edf2f0;
        justify-content:space-between;
        width:100%
    }
     .nav-item-head{
        width:100%;
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:10px
    }
     .nav-products-toggle{
        width:28px;
        height:28px;
        /* border:1px solid #dfe9e5; */
        border-radius:3px;
        color:#6f7d77;
        flex-shrink:0
    }
     .nav-products-toggle i{
        font-size:11px
    }
     .nav-item--has-dropdown::after,.nav-menu .nav-link::after,.nav-menu>a::after{
        display:none
    }
     .nav-item--has-dropdown .nav-products-toggle i{
        transform:none!important
    }
     .nav-item--has-dropdown:hover .nav-products-toggle i{
        transform:none!important
    }
     .nav-item--has-dropdown.is-open .nav-products-toggle i{
        transform:rotate(180deg)!important
    }
     .nav-dropdown{
        position:static;
        top:auto;
        left:auto;
        transform:none!important;
        border:none;
        box-shadow:none;
        padding:6px 0 0;
        opacity:1;
        visibility:visible;
        pointer-events:auto;
        display:none;
        width:100%;
        background:0 0
    }
     .nav-item--has-dropdown.is-open .nav-dropdown{
        display:block
    }
     .nav-dropdown-grid{
        grid-template-columns:1fr;
        gap:0
    }
     .nav-group{
        padding:4px 0;
        border-bottom:1px dashed #ebf1ee
    }
     .nav-group:last-child{
        border-bottom:none
    }
     .nav-group-toggle{
        display:inline-flex;
        border: 0;
    }
     .nav-group-sub{
        display:none;
        padding:6px 0 4px 10px;
        gap:0
    }
     .nav-group.is-open .nav-group-sub{
        display:flex
    }
     .nav-group-title{
        font-size:13px;
        letter-spacing:.6px;
        text-transform: unset;
    }
     .nav-sub-link{
        padding:7px 0 7px 12px;
        font-size:13px;
        border-bottom:none
    }
     .nav-toggle{
        display:inline-flex;
        z-index:1210
    }
     .nav-quote{
        margin-left:0;
        width:38px;
        height:38px;
        padding:0;
        display:inline-flex;
        align-items:center;
        justify-content:center;
        border-radius:4px;
        border:1px solid rgba(255,255,255,.28);
        background:0 0;
        color:rgba(255,255,255,.9)
    }
     .nav-quote span{
        display:none
    }
     .site-header.scrolled .nav-quote{
        border-color:rgba(20,30,26,.2);
        color:#1d2421
    }
     .nav-search-btn{
        width:38px;
        height:38px;
        border-radius:4px;
        border:1px solid rgba(255,255,255,.28);
        background:0 0;
        color:rgba(255,255,255,.9)
    }
     .site-header.scrolled .nav-search-btn{
        border-color:rgba(20,30,26,.2);
        color:#1d2421
    }
     .hero-title{
        font-size:40px
    }
     .hero-slide .hero-content{
        max-width:760px;
        padding:0 48px;
        text-align:center;
        left:50%;
        transform:translate(-50%,-50%)
    }
     .hero-prev{
        left:16px
    }
     .hero-next{
        right:16px
    }
     .section-title{
        font-size:30px
    }
     .solutions-grid{
        grid-template-columns:repeat(2,1fr)
    }
     .solution-card{
        height:360px
    }
     .core-systems-inner{
        grid-template-columns:1fr;
        gap:40px
    }
     .core-systems-visual{
        min-height:300px;
        height:400px!important
    }
     .projects-grid{
        grid-template-columns:repeat(2,1fr)
    }
     .projects-grid .project-card:last-child{
        grid-column:span 2
    }
     .projects-showcase{
        height:auto;
        min-height:760px;
        max-height:none;
        padding:90px 0
    }
     .ps-content{
        grid-template-columns:1fr;
        gap:36px;
        padding:0 32px;
        align-items:start
    }
     .ps-right{
        justify-content:flex-start
    }
     .ps-info-card{
        max-width:100%
    }
     .why-us-header{
        grid-template-columns:1fr;
        gap:24px;
        margin-bottom:40px
    }
     .why-us-grid{
        grid-template-columns:repeat(2,1fr)
    }
     .factory-inner{
        grid-template-columns:1fr;
        gap:40px
    }
     .factory-img-accent{
        display:none
    }
     .factory-img-main{
        height:400px
    }
     .factory-stats{
        grid-template-columns:repeat(3,1fr)
    }
     .cert-gallery{
        grid-template-columns:repeat(4,1fr)
    }
     .cert-grid{
        grid-template-columns:repeat(3,1fr)
    }
     .insights-grid{
        grid-template-columns:repeat(2,1fr)
    }
     .insights-grid .insight-card:last-child{
        display:none
    }
     .blog-carousel--static .blog-carousel-track{
        grid-template-columns:repeat(2,1fr)!important
    }
     .blog-header{
        flex-direction:column;
        align-items:flex-start;
        gap:24px
    }
     .contact-inner{
        grid-template-columns:1fr;
        gap:48px
    }
     .footer-main-grid{
        grid-template-columns:1fr 1fr;
        gap:28px
    }
     .footer-form-col{
        grid-column:1/-1
    }
     .footer-nav-col{
        grid-template-columns:1fr;
        gap:20px
    }
     .footer-inner{
        grid-template-columns:1fr 1fr;
        gap:36px
    }
     .footer-contact-row{
        grid-template-columns:1fr;
        gap:12px
    }
     .cta-title{
        font-size:36px
    }
}

@media (max-width:960px){
.pd_layout{
        grid-template-columns:1fr
    }
    .pd_summary{
        grid-column:auto;
        grid-row:auto
    }
        .auto-container{
            max-width: 100%;
    }
}

@media (max-width:768px){
:root{
        --section-padding:50px 0
    }
     .container{
        padding:0 15px
    }
     .site-header{
        padding:0 20px;
        height:64px
    }
     .site-header.scrolled{
        height:56px
    }
     .nav-actions{
        gap:8px
    }
     .hero{
        min-height:600px;
        height:auto;
        padding:120px 0 80px;
        align-items:flex-start
    }
     .hero-content{
        padding:0 20px
    }
     .hero-slide .hero-content{
        left:50%;
        max-width:100%;
        padding:0 20px;
        transform:translate(-50%,-50%);
        text-align:center
    }
     .hero-title{
        font-size:30px;
        max-width:100%
    }
     .hero-subtitle{
        font-size:15px;
        max-width:100%
    }
     .hero-next,.hero-prev{
        display:none
    }
     .hero-actions{
        display:none
    }
     .hero-actions .btn{
        width:100%;
        justify-content:center
    }
     .hero-dots{
        display:flex;
        bottom:24px
    }
     .hero-scroll{
        display:none
    }
     .section-title{
        font-size:26px
    }
     .section-heading-main{
        max-width:100%
    }
     .solution-card-content{
        padding:20px
    }
     .solution-card-title{
        font-size:20px
    }
     .section-desc{
        font-size:15px
    }
     .section-heading--split,.section-title-row{
        flex-direction:column;
        align-items:flex-start;
        gap:16px
    }
     .view-more-btn{
        margin-bottom:0
    }
     .solutions-grid{
        grid-template-columns:1fr
    }
     .solution-card{
        height:300px
    }
     .solution-card-desc{
        max-height:80px;
        opacity:1
    }
     .core-systems-visual{
        height:280px
    }
     .system-tab{
        padding:15px 0
    }
     .system-tab-title{
        font-size:15px
    }
     .system-tab-body .system-link{
        font-size:12px
    }
     .projects-header{
        flex-direction:column;
        align-items:flex-start;
        gap:16px
    }
     .projects-fullwidth-grid,.projects-grid{
        grid-template-columns:1fr
    }
     .projects-grid .project-card:last-child{
        grid-column:span 1
    }
     .projects-fullwidth-grid .project-card-img-wrap{
        height:260px
    }
     .projects-showcase{
        min-height:680px;
        padding:80px 0 64px
    }
     .ps-content{
        padding:0 20px;
        gap:28px
    }
     .ps-left{
        gap:28px
    }
     .ps-title{
        font-size:38px
    }
     .ps-subtitle{
        max-width:100%
    }
     .ps-item::before{
        left:-20px
    }
     .ps-info-card{
        padding:28px 24px
    }
     .why-us-grid{
        grid-template-columns:1fr
    }
     .why-card{
        padding:20px
    }
     .why-card-desc{
        font-size:14px
    }
     .why-card-num{
        font-size:30px
    }
     .deco-line-v--right{
        display:none
    }
     .factory-inner{
        display:flex;
        flex-wrap:wrap
    }
     .factory-img-main{
        height:280px
    }
     .factory-stats{
        grid-template-columns: repeat(2,1fr);
        gap:10px;
        justify-items: start;
    }
     .factory-stat-num{
        font-size:24px
    }
     .factory-actions{
        display:flex;
        justify-content:space-between;
        gap:10px
    }
     .factory-actions .btn{
        width:max-content;
        justify-content:center;
        padding:6px 13px;
        font-size:14px
    }
     .certs-row{
        gap:30px
    }
     .cert-divider{
        display:none
    }
     .cert-gallery{
        grid-template-columns:repeat(3,1fr)
    }
     .insights-header{
        flex-direction:column;
        align-items:flex-start;
        gap:16px
    }
     .insights-grid{
        grid-template-columns:1fr
    }
     .insights-grid .insight-card:last-child{
        display:block
    }
     .form-row{
        grid-template-columns:1fr
    }
     .contact-form-card{
        padding:28px 20px
    }
     .search-input-wrap input{
        font-size:20px
    }
     .floating-sidebar,
     .float-actions{
        right: 10px;
        bottom: unset;
        top: 48%;
    }
     .float-btn{
        width:40px;
        height:40px;
        font-size:16px
    }
     .float-label{
        display:none
    }
     .cta-title{
        font-size:28px
    }
     .cta-actions{
        flex-direction:column;
        gap:12px
    }
     .cta-actions .btn{
        width:100%;
        justify-content:center
    }
     .cta-contact-info{
        flex-direction:column;
        gap:24px
    }
     .footer-main-grid{
        grid-template-columns:1fr;
        gap:24px
    }
     .footer-form-col{
        grid-column:auto
    }
     .footer-nav-col{
        grid-template-columns:1fr;
        gap:16px
    }
     .footer-inner{
        grid-template-columns:1fr;
        gap:32px
    }
     .footer-bottom{
        flex-direction:column;
        gap:12px;
        text-align:center
    }
     .footer-deco-logo{
        width:400px;
        opacity:.02
    }
     .footer-enquiry-form .input{
        grid-template-columns:1fr
    }
     .footer-enquiry-form input,.footer-enquiry-form textarea{
        font-size:14px
    }
     .footer-nav-col:nth-child(2){
        display:none
    }
     .footer-contact-label{
        font-weight:unset
    }
     .footer-contact-value{
        font-size:15px
    }
     .footer-bottom .container{
        flex-wrap:wrap;
        gap:10px
    }
     .footer-bottom-links{
        display:flex;
        flex-wrap:wrap;
        gap:10px;
        justify-content:center
    }
     .factory-content{
        width:100%
    }
     .factory-stat-label{
        font-size:14px
    }
     .certifications{
        padding:60px 0
    }

.faq_section{
        padding:44px 0 64px
    }
    .faq_head h2{
        font-size:38px
    }
    .faq_head p{
        font-size:16px
    }
    .faq_question{
        gap:12px;
        min-height:64px;
        padding: 15px 30px 15px 20px;
        font-size: 16px;
    }
    .faq_question:after{
        right: 10px;
    }
    .faq_answer{
        padding: 20px;
    }
    .faq_contact_panel{
        padding: 20px;
    }
    .faq_contact_intro h2{
        font-size: 26px;
        font-weight: 600;
    }
    .faq_contact_cards{
        grid-template-columns:1fr;
        gap:14px;
        border-top:0;
        padding-top:0
    }
    .faq_contact_card{
        grid-template-columns:58px 1fr;
        justify-items:start;
        column-gap:16px;
        align-items:center;
        padding:16px;
        border:1px solid #d6e4e5;
        border-radius:8px;
        text-align:left
    }
    .faq_contact_card img{
        grid-row:span 2;
        width: 45px;
        height: 45px;
        margin:0
    }
    .faq_contact_card em{
        white-space:normal
    }

.pd_section{
        padding: 40px 0;
    }
    .pd_video_detail{
    padding-top: 0;
    padding: 0;
}
    .show_products_scope .pd_factory_intro,.pd_reviews{
    padding-bottom: 0;
}
    .pd_inquiry_section{padding-top: 0;}
    .pd_packaging{
    padding-bottom: 0;
}
    .pd_hero_section{
        /* padding-top:42px; */
    }
    .pd_layout{
        grid-template-columns:1fr;
        gap:20px
    }
    .pd_summary{
        grid-column:auto
    }
    .pd_zoom_btn{
        top:12px;
        left:12px;
        width:40px;
        height:40px;
        font-size:16px
    }
    .pd_gallery_arrow{
        width:38px;
        height:38px
    }
    .pd_gallery_prev{
        left:12px
    }
    .pd_gallery_next{
        right:12px
    }
    .image-modal{
        padding:18px
    }
    .image-modal-content{
        width:94vw;
        padding:14px
    }
    .image-modal-content img{
        max-height:calc(86vh - 28px)
    }
    .pd_summary{
        padding: 0;
        border: 0;
    }
    .pd_summary h1{
        font-size:24px
    }
    .pd_specs div{
        grid-template-columns:1fr
    }
    .pd_specs dd{
        border-top:1px solid #e0ebec
    }
    .pd_section_head h2,
    .pd_inquiry_text h2,
    .pd_video_text h2{
        font-size:30px
    }
    .pd_recommend_grid{
        grid-template-columns:1fr
    }
    .pd_recommend_carousel{
        padding:0 0 44px
    }
    .pd_rec_arrow{
        /* top:auto; */
        /* bottom:0; */
        display: none;
    }
    .pd_rec_prev{
        left:0
    }
    .pd_rec_next{
        right:0
    }
    .pd_rec_dots{
        bottom:13px!important
    }
    .pd_rec_card img{
        height:220px
    }
    .pd_video_box,
    .pd_video_box>img{
        min-height:300px
    }
    .pd_video_text{
        left:24px;
        right:24px;
        bottom:28px
    }
    .pd_inquiry_box{
        /* border-radius:8px; */
        border: 0;
    }
    .pd_inquiry_text,
    .pd_inquiry_form{
        padding:28px 22px
    }
    .pd_inquiry_form{
    padding: 20px 0;
}
    .pd_inquiry_form .input{
        grid-template-columns:1fr
    }
    .auto-container{
        padding:0 10px
    }
    .page_banner{
        margin-top:66px
    }
    .page_banner .page_banner_img img{
        height:300px
    }
    .page_banner .page_banner_content h1,
    .page_banner .page_banner_content .page_banner_title{
        font-size:36px
    }
    .page_banner .page_banner_content p{
        font-size:14px
    }
    .list_products .page_content{
        padding:36px 0 64px
    }
    .list_news .page_content{
        padding:42px 0 66px
    }
    .list_case .page_content{
        padding:42px 0 66px
    }
    .about_us .page_content{
        padding: 40px 0;
    }
    .about_us .page_content.about_intro{
    padding-bottom: 0;
}
    .about_section_head,
    .about_section_head_center{
        margin-bottom:26px;
        text-align:left
    }
    .about_section_head h2{
        font-size:28px
    }
    .about_intro_heading{
        margin-bottom:28px
    }
    .about_intro_heading .section-label{
        font-size:17px
    }
    .about_intro_heading .section-label::before,
    .about_intro_heading .section-label::after{
        width:42px
    }
    .about_intro_heading h2{
        font-size:32px
    }
    .about_intro_image img{
        height:260px
    }
    .about_intro_play{
        width:66px;
        height:66px;
        font-size:20px
    }
    .about_intro_columns{
        grid-template-columns:1fr;
        margin-top:26px
    }
    .about_intro_columns>div{
        padding:0
    }
    .about_intro_columns>div+div{
        margin-top:18px;
        padding-top:18px;
        border-left:0;
        border-top:1px solid #d7e1e3;
        padding-left: 0;
    }
    .company_services_head{
        margin-bottom:34px;
        text-align:left
    }
    .company_services_head h2{
        font-size:40px;
        letter-spacing:1px
    }
    .company_services_head h2:after{
        width:180px;
        margin-left:0
    }
    .company_services_head p{
        font-size:15px
    }
    .about_service_grid{
        grid-template-columns:1fr;
        gap:18px
    }
    .about_service_card_large,
    .about_service_card_small{
        grid-column:1 / -1;
        grid-template-columns:1fr
    }
    .service_card_media{
        min-height:230px;
        order:0
    }
    .service_card_content{
        order:1
    }
    .service_card_media_left,
    .service_card_media_right{
        clip-path:none
    }
    .about_history{
        padding:58px 0 62px!important
    }
    .history_head{
        margin-bottom:56px;
        padding:0 20px
    }
    .history_head span{
        letter-spacing:3px
    }
    .history_head h2{
        font-size:44px
    }
    .history_head p{
        font-size:14px
    }
    .history_swiper{
        border-top-width:4px
    }
    .history_slide{
        min-height:330px;
        grid-template-columns:40% 60%
    }
    .history_card{
        padding:30px 22px 26px
    }
    .history_year{
        font-size:38px
    }
    .history_card h3{
        font-size:20px
    }
    .history_card p{
        margin-bottom:26px
    }
    .history_scrollbar{
        width:calc(100% - 44px)!important;
        margin:32px auto 26px
    }
    .history_arrow{
        width:48px;
        height:48px
    }
    .about_certs{
        padding:58px 0 62px!important
    }
    .certs_head{
        margin-bottom:40px;
        padding:0 20px
    }
    .certs_head span{
        letter-spacing:1px
    }
    .certs_head span::before,
    .certs_head span::after{
        width:34px
    }
    .certs_head h2{
        margin:24px 0 20px;
        font-size:46px
    }
    .certs_head p{
        font-size:14px
    }
    .about_cert_swiper{
        padding:0 20px 6px
    }
    .cert_doc{
        height:210px
    }
    .certs_arrow{
        top:128px;
        width:42px;
        height:42px;
        font-size:17px
    }
    .certs_arrow_prev{
        left:4px
    }
    .certs_arrow_next{
        right:4px
    }
    .about_culture{
        padding-top:52px!important
    }
    .culture_heading h2{
        font-size:40px
    }
    .culture_heading .section-label{
        font-size:14px;
        letter-spacing:5px
    }
    .culture_timeline::before,
    .culture_row::before{
        display:none
    }
    .culture_row,
    .culture_row_reverse{
        min-height:0;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    .culture_row_reverse{
        flex-direction: column;
    }
    .culture_row_reverse .culture_panel_text,
    .culture_row_reverse .culture_panel_image{
        grid-column:auto;
        grid-row:auto
    }
    .culture_row_reverse .culture_panel_image{
        order:0
    }
    .culture_row_reverse .culture_panel_text{
        order:1;
        flex-direction: column;
    }
    .culture_panel_text{
        gap:24px;
        padding: 40px 15px;
        display: flex;
    }
    .culture_icon{
        flex-basis:92px;
        width:92px;
        height:92px
    }
    .culture_icon img{
        /* width:52px; */
        /* height:52px; */
    }
    .culture_copy h3{
        font-size: 24px;
        text-align: center;
        font-weight: 600;
    }
    .culture_panel_image{
        min-height:0;
        height:210px;
        aspect-ratio:auto
    }
    .about_factory_gallery{
        padding:54px 0 60px!important
    }
    .factory_showcase_head{
        margin-bottom:34px;
        padding:0 20px
    }
    .factory_showcase_head span{
        margin-bottom:18px;
        font-size:14px
    }
    .factory_showcase_head h2{
        font-size:36px
    }
    .factory_showcase_head p{
        font-size:14px
    }
    .factory_swiper{
        padding:0 20px
    }
    .factory_slide{
        height:300px
    }
    .factory_arrow{
        width:44px;
        height:44px;
        font-size:17px
    }
    .factory_arrow_prev{
        left:8px
    }
    .factory_arrow_next{
        right:8px
    }
    .factory_dots{
        margin-top:30px
    }
    .company_services_head h2{
        font-size:34px
    }
    .service_card_media{
        min-height:210px
    }
    .service_card_content{
        padding:26px 22px
    }
    .service_card_top img{
        width:58px;
        height:58px
    }
    .service_card_top span{
        font-size:23px
    }
    .service_card_top span:after{
        width:44px
    }
    .about_service_card h3{
        font-size:23px
    }
    .about_intro_heading,
    .culture_heading,
    .certs_head,
    .history_head,
    .factory_showcase_head,
    .company_services_head{
        margin:0 auto 32px;
        padding:0 20px;
        text-align:center
    }
    .history_head h2::after,
    .company_services_head h2::after{
        display:none;
        content:none
    }
    .about_intro_heading h2,
    .culture_heading h2,
    .certs_head h2,
    .history_head h2,
    .factory_showcase_head h2,
    .company_services_head h2{
        margin:0 0 14px;
        font-size:32px;
        line-height:1.16;
        letter-spacing:0;
        text-transform:none
    }
    .about_intro_heading p,
    .culture_heading p,
    .certs_head p,
    .history_head p,
    .factory_showcase_head p,
    .company_services_head p{
        max-width:100%;
        font-size:14px;
        line-height:1.68
    }
    .list_products .product_category_bar{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:12px;
        margin-bottom:36px
    }
    .list_products .product_category_bar .category_item{
        min-height:50px;
        padding:10px 12px;
        font-size:12px
    }
    .list_products .products_head .title{
        font-size:26px
    }
    .list_news .news_head .title{
        font-size:28px
    }
    .list_case .case_head .title{
        font-size:28px
    }
    .list_case .case_row_link{
        grid-template-columns:1fr;
        min-height:0
    }
    .list_case .case_row_reverse .case_media{
        order:0
    }
    .list_case .case_media{
        min-height:230px;
        aspect-ratio:1.5/1
    }
    .list_case .case_text{
        padding: 20px;
    }
    .list_case .case_text h3{
    font-size: 18px;
}
    .list_products .products_grid{
        grid-template-columns:1fr;
        gap:20px
    }
    .list_news .news_grid{
        grid-template-columns:1fr;
        gap:20px
    }
    .list_news .item_box .text_box{
    padding: 20px;
}
    .inside-pagination{
        margin-top:34px
    }
    .inside-pagination ul{
        gap:7px
    }
    .inside-pagination li a{
        width:36px;
        height:32px
    }
    .inside-pagination .ellipsis a{
        width:24px
    }
    .list_products_footer .auto-container{
        align-items:flex-start;
        flex-direction:column
    }
    .list_products_footer .footer_contact{
        justify-content:flex-start;
        text-align:left
    }
    .list_news_page .site-footer .container{
        padding-left:20px;
        padding-right:20px
    }
    .list_case_page .site-footer .container{
        padding-left:20px;
        padding-right:20px
    }
    .about_page .site-footer .container{
        padding-left:20px;
        padding-right:20px
    }
    .faq_page .site-footer .container{
        padding-left:20px;
        padding-right:20px
    }
    .oem_odm_page .site-footer .container{
        padding-left:20px;
        padding-right:20px
    }
    .contact_page .site-footer .container{
        padding-left:20px;
        padding-right:20px
    }
}

@media (max-width:640px){
.site-header{
        padding:0 14px;
        height:62px
    }
     .site-header.scrolled{
        height:56px
    }
     .nav-logo img{
        height:35px
     }
     .nav-logo-tagline{
        font-size:7px;
        letter-spacing:.8px
     }
     .nav-brand{
        gap:10px;
        min-width:0
     }
     .nav-brand-positioning{
        display:none
     }
     .nav-actions{
        gap:6px
     }
     .nav-search-btn{
        width:38px;
        height:38px
    }
     .nav-menu{
        width:100%;
        padding:0 16px 18px;
        margin-top:56px
    }
     .hero{
        min-height:560px;
        padding:104px 0 74px
    }
     .hero-slide .hero-content{
        padding:0 16px;
        left:50%;
        transform:translate(-50%,-50%);
        text-align:center
    }
     .hero-title{
        font-size:26px;
        line-height:1.2
    }
     .hero-subtitle{
        font-size:14px;
        margin-bottom:24px
    }
     .projects-showcase{
        min-height:620px;
        padding:74px 0 56px
    }
     .ps-content{
        gap:20px;
        display:flex;
        flex-direction:column-reverse
    }
     .ps-title{
        font-size:24px;
        line-height:1.18
    }
     .ps-item{
        gap:14px
    }
     .ps-item-name{
        font-size:14px
    }
     .ps-info-card{
        padding:24px 20px
    }
     .blog-carousel--static .blog-carousel-track{
        grid-template-columns:1fr!important
    }
     .video-modal-content{
        width:96%
    }
}

@media (max-width:600px){
.cert-grid{
        grid-template-columns:repeat(2,1fr)
    }
}

@media (max-width:480px){

    .faq_head h2{
        font-size:32px
    }
    .faq_question{
        /* align-items:flex-start; */
        /* font-size:16px; */
    }
    .faq_answer{
        padding-left:20px
    }
    .faq_contact_intro a{
        width:100%
    }

.pd_section_head h2,
    .pd_inquiry_text h2,
    .pd_video_text h2{
        font-size:26px
    }
    .about_intro_columns p,
    .about_section_head p,
    .culture_copy p,
    .history_card p{
        font-size: 16px;
    }
    .culture_heading h2{
        font-size:34px
    }
    .culture_heading p{
        font-size:14px
    }
    .culture_panel_text{
        /* align-items:flex-start; */
        flex-direction:column;
        /* gap:18px; */
    }
    .culture_icon{
        flex-basis:auto;
        width:78px;
        height:78px
    }
    .culture_icon img{
        /* width:44px; */
        /* height:44px; */
    }
    .history_head h2{
        font-size:38px
    }
    .history_slide{
        grid-template-columns:34% 66%;
        min-height:320px
    }
    .history_card{
        padding:26px 18px 24px
    }
    .history_year{
        font-size:34px
    }
    .history_card h3{
        font-size:18px
    }
    .history_controls{
        gap:20px
    }
    .about_intro_heading h2{
        font-size:28px
    }
    .about_intro_heading .section-label::before,
    .about_intro_heading .section-label::after{
        display:none
    }
    .about_intro_image img{
        height:210px
    }
    .about_intro_play{
        width:56px;
        height:56px;
        font-size:17px
    }
    .certs_head span::before,
    .certs_head span::after{
        display:none
    }
    .about_intro_heading,
    .culture_heading,
    .certs_head,
    .history_head,
    .factory_showcase_head,
    .company_services_head{
        margin-bottom:28px
    }
    .history_head h2::after,
    .company_services_head h2::after{
        display:none;
        content:none
    }
    .about_intro_heading h2,
    .culture_heading h2,
    .certs_head h2,
    .history_head h2,
    .factory_showcase_head h2,
    .company_services_head h2{
        font-size:28px;
        line-height:1.18
    }
    .about_intro_heading p,
    .culture_heading p,
    .certs_head p,
    .history_head p,
    .factory_showcase_head p,
    .company_services_head p{
        font-size:14px;
        line-height:1.66
    }
    .about_cert_swiper{
        max-width:290px;
        margin:0 auto;
        padding:0 20px 6px
    }
    .cert_doc{
        height:280px
    }
    .certs_dots{
        gap:12px;
        margin-top:30px
    }
    .about_video_box video{
        aspect-ratio:4/3
    }
    .list_products .product_category_bar{
        grid-template-columns:1fr
    }
    .list_products .item_box .text_box{
        padding:20px
    }
    .inside-pagination li:nth-child(4){
        display:none
    }
}

@media(max-width:1180px){
    .bd-layout{
        grid-template-columns:1fr
    }
    .bd-sidebar{
        position:static;
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
    .bd-toc-card{
        grid-column:1/-1
    }
    .quotation-layout{
        grid-template-columns:1fr
    }
    .contact_scope .contact_cards{
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
    .contact_scope .contact_form_map{
        grid-template-columns:1fr;
        margin-bottom:0
    }
}

@media(max-width:768px){
    .bd-page .container{
        width: min(100%,100% - 20px);
        padding: 0;
    }
    .bd-hero{
        padding: 45px 0 0;
    }
    .bd-hero-grid{
        max-width:100%
    }
    .bd-hero-copy h1{
        font-size: 24px;
    }
    .bd-meta{
        gap:12px;
        font-size:14px
    }
    .bd-content{
        padding:42px 0 56px
    }
    .bd-body{
        padding: 0;
        background: 0;
    }
    .bd-body h2{
        font-size: 20px;
    }
    .bd-body h3{
        font-size:21px
    }
    .bd-sidebar{
        display:block
    }
    .bd-toc-card{
        position:fixed;
        left:16px;
        right:16px;
        bottom:78px;
        z-index:1202;
        max-height:min(66vh,460px);
        overflow:auto;
        transform:translateY(20px);
        opacity:0;
        pointer-events:none;
        transition:opacity .22s ease,transform .22s ease
    }
    .bd-toc-card.open{
        transform:translateY(0);
        opacity:1;
        pointer-events:auto
    }
    .bd-toc-mask{
        position:fixed;
        inset:0;
        z-index:1201;
        display:block;
        background:rgba(0,0,0,.35);
        opacity:0;
        pointer-events:none;
        transition:opacity .22s ease
    }
    .bd-toc-mask.show{
        opacity:1;
        pointer-events:auto
    }
    .bd-toc-fab{
        position:fixed;
        right: 10px;
        top: 40%;
        z-index:1200;
        display:flex;
        align-items:center;
        justify-content:center;
        width: 40px;
        height: 40px;
        border-radius:50%;
        background:var(--brand-primary-dark);
        color:#fff;
        /* box-shadow:0 14px 30px rgba(0,107,115,.22); */
    }
    .bd-toc-fab svg{
        width:22px;
        height:22px;
        stroke:currentColor;
        stroke-width:2;
        stroke-linecap:round
    }
    .bd-sidecard:not(.bd-toc-card){
        margin-top:18px
    }
    .bd-post-nav{
        padding-bottom:60px
    }
    .bd-post-nav-grid{
        grid-template-columns:1fr
    }
    .bd-post-nav-next{
        text-align:left
    }
    .quotation-page .contact-shell{
        width:min(94%,100% - 24px);
        padding:46px 0 64px
    }
    .quotation-intro{
        margin-bottom:26px
    }
    .quotation-intro h1{
        font-size:30px
    }
    .quotation-intro p{
        font-size:14px
    }
    .quote-selection-card,
    .quotation-page .form-card{
        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-submit,
    .quotation-page .btn-continue,
    .quotation-page .btn-cta{
        width:100%
    }
    .contact_scope{
        padding:40px 0;
        max-width:96%
    }
    .contact_scope .contact_intro h2{
        font-size:34px
    }
    .contact_scope .contact_cards{
        grid-template-columns:1fr
    }
    .contact_scope .contact_form_box{
        padding:0;
        border:0
    }
    .contact_scope .contact_form .input{
        grid-template-columns:1fr
    }
    .contact_scope .contact_map{
        min-height:420px
    }
    .contact_scope .contact_map iframe{
        min-height:420px
    }
    .contact_scope .contact_team_wrap{
        padding:0 0 48px
    }
    .contact_scope .contact_team_arrow{
        top:auto;
        bottom:0;
        display:none
    }
    .contact_scope .contact_team_prev{
        left:0
    }
    .contact_scope .contact_team_next{
        right:0
    }
    .contact_scope .contact_member{
        grid-template-columns:1fr
    }
    .contact_scope .contact_avatar{
        width:100%;
        height:150px
    }
}

@media(max-width:480px){
    .bd-body p:has(> strong):not(:has(img)){
        font-size: 16px;
        /* line-height:1.78; */
    }
    .bd-related-item{
        grid-template-columns:70px minmax(0,1fr)
    }
    .bd-related-item img{
        width:70px;
        height:70px
    }
    .quotation-intro h1{
        font-size:26px
    }
    .quote-product-item{
        grid-template-columns:64px minmax(0,1fr)
    }
    .quote-product-media{
        width:64px;
        height:64px
    }
    .quote-product-actions{
        align-items:flex-start;
        flex-direction:column
    }
    .contact_scope .contact_intro h2{
        font-size:26px
    }
}