@media screen and (min-width:768px) and (max-width:1440px){.spece_item .flex{gap:5%}.spece_item .left{min-width:65%}.video_section .video{width:100%}.factory_production .flex{column-gap:14%}}@media screen and (min-width:768px) and (max-width:1220px){.content{padding:0 2rem}.swiper_content{padding:1.5rem 2rem}header nav .menu{gap:3rem}header .right{gap:3rem}.btn_b{padding:1.6rem 3rem}.home_banner .control_box{left:2rem;width:calc(100% - 4rem)}.spece_item .flex{gap:4%}.spece_item .right{margin-right:0}.spaces_main .spece_item:nth-child(even) .right{margin-left:0}.section_case2 .control_box{margin-top:2rem}.product_banner .product_banner_swiper{min-width:50%}.product_banner .left{min-width:36%}.section_mission .flex{width:100%}.section_mission .leftimg{aspect-ratio:unset}.section_mission .flex{align-items:stretch}.factory_production .flex{column-gap:7%;align-items:center}.factory_about::after{top:66%}}@media screen and (min-width:768px) and (max-width:1024px){.content,.swiper_content,section.distributors_join .content{max-width:896px}.home_news .control_box{grid-template-columns:1fr}.product_material .material_list ul{grid-template-columns:repeat(4,1fr)}.factory_production .catenav li{gap:1.2rem;font-size:2.4rem}.factory_major .left{max-width:62rem;overflow:hidden}.search_main .list ul{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:1024px){header.sticky nav{left:0;top:0}header nav{position:fixed;left:-2rem;top:-3rem;z-index:999;width:100vw;height:100vh;pointer-events:none;transition:all 0.3s}header nav.active{pointer-events:all}header nav.active .close{opacity:1}header nav.active .con{opacity:1;transform:translate(0)}header nav .close{width:100%;height:100%;background-color:rgba(0,0,0,.5);transition:all 0.3s;opacity:0}header nav .con{position:absolute;left:0;top:0;width:min(300px, 80vw);height:100%;display:flex;flex-direction:column;background-color:#fff;box-shadow:rgba(0 0 0/10%) 0 0 24px;transition:all 0.3s;opacity:0;transform:translateX(-100%)}header nav .con .close_box{padding:32px 20px 20px;border-bottom:1px solid #eee;text-align:right}header nav .con .close_box .close{display:inline-block;width:15px;height:15px;filter:brightness(0);background:url(../../../../../../../../themes/sytech/assets/img/mobile-menu/close.svg) no-repeat center / contain;cursor:pointer;transition:all 0.3s}header nav .con .close_box .close:hover{transform:rotate(180deg)}header nav .con .close_box+div{flex:1;overflow:auto}header nav .con .close_box+div::-webkit-scrollbar{width:5px}header nav .con .close_box+div::-webkit-scrollbar-thumb{background:#888;border-radius:10px}header nav .con .menu{display:block}header nav .con .menu>li{cursor:pointer}header nav .con .menu>li::after{display:none}header nav .con .menu>li>a{color:var(--title_color);line-height:64px;padding:0 0 0 32px;font-size:18px}header nav .con .menu>li>a:hover{color:var(--theme_color)}header nav .con .menu>li.menu-item-has-children>a{margin-right:52px}header nav .con .menu>li.menu-item-has-children::after{content:'';display:block;width:12px;height:12px;background:url(../../../../../../../../themes/sytech/assets/img/mobile-menu/select.svg) no-repeat center / contain;position:absolute;left:calc(100% - 32px);top:26px;transition:all 0.3s}header nav .con .menu>li.active::after{transform:rotate(180deg)}header nav .con .menu>li:hover ul{padding:16px 24px}header nav .con .menu .current-menu-item>a,header nav .con .menu .current-menu-parent>a{color:var(--theme_color)}header nav .con .sub-menu{position:static;padding:16px 24px;background-color:#f8f8f8;margin:0 32px;box-shadow:none;border-radius:8px;display:none;opacity:1;pointer-events:all;transition:none;transform:translate(0);min-width:unset}header nav .con .sub-menu li{transform:translate(0)}header nav .con .sub-menu li a{padding:8px 0;word-break:break-word;font-size:14px;color:var(--title_color)}header nav .con .sub-menu li a:hover{color:var(--theme_color)}header .btn_search{width:22px}header .btn_lang{width:22px}header .btn_menu{display:block;width:23px;aspect-ratio:1;cursor:pointer;transition:all 0.3s;background:url(../../../../../../../../themes/sytech/assets/img/mobile-menu/nav-btn.svg) no-repeat center / contain}.mega_menu{display:none!important}}@media screen and (min-width:768px) and (max-width:896px){.content,.swiper_content,section.distributors_join .content{max-width:768px}.design_core .right{width:100%}.section_mission .flex{width:100%}.section_process .section_process_thumbs_swiper{flex:1;width:100%}.factory_about .nums .nums_item{gap:0 1.5rem}.factory_about .nums .nums_item div{font-size:2rem}.factory_about .nums .nums_item div span{font-size:3rem}}