@media screen and (max-width: 786px) {
    .content{
        padding: 0 1.2rem;
    }
    .home-banner li{
        height: 300px;
        padding-top: 60px;
    }
    .menu-header-container{
        position: fixed;
        top: 0;
        left: 0;
        width: 80%;
        height: 100%;
        z-index: 101;
        transition: all 0.3s;
        left: -100%;
        background-color: white;
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    }
    .only_mobile{
      display: inline-block;
    }
    .menu-m .menu-header-container{
        left: 0;
    }
    .header-nav ul li{
        margin-left: 0;
    }
    .header-nav a.logo{
        width: 8rem;
    }
    .header-nav ul.menu{
        display: block;
        padding-top: 3rem;
    }
    .header-nav ul li a{
        line-height: 2rem;
        font-size: 1rem;
        padding-left: 2rem;
        margin-bottom: 2rem;
        font-weight: 500;
    }
    .overlay-m{
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 9;
        display: none;
    }
    .menu-m .overlay-m{
        display: block;
    }
    footer{
        overflow: hidden;
    }
    .home-blog{
        overflow: hidden;
    }
    header .topbar{
        display: none;
    }
    header{
        top: 0;
        padding: 17px 0;
    }
    .menu-icon{
        width: 28px;
        height: 28px;
        margin-left: 1rem;
        display: inline-block;
        background: url('../img/menu-icon.svg') no-repeat center/contain;
    }
    .home-banner{
        background-size: cover;
        margin-top: -96px;
        height: auto;
        padding-bottom: 50px;
        padding-top: 100px;
    }
    .home-banner .left{
        width: 100%;
        padding-top: 0;
        order: 9;
    }
    .swiper-banner li>.flex{
        flex-flow: wrap;
    }
    .home-banner .right{
        width: 100%;
    }
    .home-banner h1, .home-banner h2{
        font-size: 2.1rem;
    }
    .home-banner .colors{
        display: none;
    }
    .home-banner p{
        padding-right: 0;
        margin-top: 0;
        margin-bottom: 1rem;
        font-size: 15px;
    }
    .home-banner a.button, .about-banner a.button{
        padding: 0.6rem 2rem;
        font-size: 0.9rem;
    }
    .home-banner .right img{
        width: 100%;
        margin-bottom: 1rem;
    }
    .head>span {
        font-size: 15px;
        color: #b08050;
        font-weight: 500;
    }
    .head>h2, h2{
        font-size: 25px;
        margin-top: 15px;
        font-weight: 700;
        line-height: 1.3;
    }
    .nav-list li{
        font-size: 0.9rem;
        white-space: nowrap;

    }
    .nav-list ul{
        width: max-content;
        gap: 30px;
    }
    .nav-list{
        overflow: auto;
    }
    .products .product .img img{
        width: 100%;
        margin-top: 0;
        max-height: 100%;
    }
    .products .product .infos{
        padding: 1rem;
    }
    .products .product .colors {
        position: absolute;
               left: 11px;
        top: 7px;
    }
    .swiper-product{
        padding-top: 1rem;
        margin-top: 1rem;
    }
    .products .product .infos h3 {
        font-size: 14px!important;
        font-weight: 600;
    }
    .products .product .infos span {
        font-size: 15px;
    }
    .center .loadmore {
        padding: 0.7rem 2.5rem;
        font-size: 0.8rem;
        color: #242424;
        font-weight: 600;
        transition: all 0.3s;
    }
    .pagination {
        margin-top: 3rem;
        gap: 0.5rem;
    }
    .pagination .page-numbers {
        padding: 0.4rem 0.8rem;
        font-size: 0.9rem;
    }

    .home-product{
        padding-top: 80px;
    }
    .home-product .head p{
      max-width: 100%;
    }
    .home-product .swiper-content{
        margin-bottom: 3rem;
    }
    .home-app-content{
        flex-flow: wrap;
    }
    .home-application .right-part{
        width: 100%;
    }
    .home-application .left{
        width: 100%;
        padding-top: 0;
        padding-bottom: 1.5rem;
    }
    .home-application .right-part{
        padding: 0;
        margin-right: 0;
        flex-flow: wrap;
        height: auto;
        order: 9;
    }
    .home-application .right-part > img{
        width: 100%;
        position: unset;
        height: auto;
        max-height: 100%;
        max-width: 100%;
    }
    .home-application .app-text p.title {
        font-size: 1.5rem;
        margin-bottom: 0.5rem;
        color: #fff;
    }
    .home-application .right-part:after{
        display: none;
    }
    .home-application{
        padding: 3rem 0;
    }
    .home-application .app-text p.text{
        width: 100%;
    }
    .home-application .right-part .app-text{
        padding-top: 1.5rem;
    }
    .home-application .app-text a{
        font-size: 13px;
    }
    .home-application .app-text p.text {
        line-height: 26px;
        margin-bottom: 1rem;
        font-size: 15px;
    }
    .subtitle{
        font-size: 15px;
    }
    .home-application .left h2{
        font-size: 30px;
        margin-top: 15px;
        font-weight: 700;
        margin-bottom: 40px;
        line-height: 1.3;
    }
    .home-application .select-list>span.active span{
        margin-left: 0;
    }
    .home-application .select-list>span{
        padding: 12px 0;
        line-height: 2rem;
        margin-bottom: 1.5rem;
    }
    .home-application .select-list span a, .home-application .select-list span.active a{
        margin-left: 0;
        padding-left: 50px;
        font-size: 20px;
    }
    .home-application .select-list span span{
        width: 35px;
        height: 35px;
        background-repeat: no-repeat;
        background-position: center;
    }
    .home-application .select-list span.active a{
        font-size: 20px;
    }
    .home-application .select-list>span:after{
        right: 20px;
    }
    .home-application .select-list>span.active:before{
        height: 70px;
    }
    .unique_technology .unique_technology-right{
        width: 100%;
        padding: 0;
        padding-top: 2rem;
    }
    .unique_technology .content{
        flex-flow: wrap;
    }
    .unique_technology-left{
        width: 100%;
        margin-top: 1rem;
        padding-left: 0;
    }
    .unique_technology{
        margin-top: 0rem;
    }
    .unique_technology .unique_technology-right p{
        font-size: 0.9rem;
        line-height: 1.5rem;
        margin-top: 0.4rem;
    }
    .unique_technology .unique_technology-right .item-top p{
        font-size: 2rem;
    }
    .unique_technology .item-top p span{
        font-size: 2rem;
    }
    .unique_technology .about_us-item:nth-of-type(3){
        display: none;
    }
    .unique_technology .about_us-item span{
        font-size: 15px;
    }
    .unique_technology .about_us-list{
        margin-top: 1.5rem;
    }
    .unique_technology-right a.button {
        padding: 0.7rem 2rem;
        font-size: 0.9rem;
        margin-top: 25px;
    }
    .unique_technology-left img{
        width: 100%;
        transform: translate(0,0) !important;
    }
    .unique_technology-right img.bg{
        width: 300px;
    }
    .swiper-partner li{
        padding: 0;
        height: 70px;
    }
    .swiper-partner li span{
        width: 100%;
        height: 100%;
        background-size: 65%;
    }
    .swiper-partner{
        padding: 1.5rem 1.2rem;
    }
    .chooose-us li{
        width: 100%;
        padding: 30px 2rem;
        height: 300px;
        margin-bottom: 20px;
        padding-top: 80px;
    }
    .chooose-us li span{
        width: 3rem;
        height: 3rem;
    }
    .chooose-us li h3{
        font-size: 20px;
    }
    .chooose-us li p{
        font-size: 0.9rem;
        padding: 1.2rem;
        line-height: 1.5rem;
    }
    .chooose-us{
        padding-bottom: 3rem;
    }
    .home-video{
        padding-top: 80px;
        padding-bottom: 100px;
        overflow: hidden;
    }
    .home-video h2{
        max-width: unset;
    }
    .swiper-mission li.swiper-slide-next, .swiper-mission li, .swiper-mission li.swiper-slide-prev{
        transform: unset;
    }
    .swiper-mission{
        overflow: hidden;
        padding: 0 1.2rem;
        margin-top: 40px;
    }
    section.mission li .img{
        height: 180px;
        margin-bottom: 20px;
    }
    .swiper-mission .img:after{
        transform: translate(-50%,-50%) scale(1);
        width: 35px;
        height: 35px;
    }
    .swiper-mission li .flex h3{
        font-size: 20px;
    }
    .your_partner .your_partner-left{
        width: 100%;
    }
    .your_partner .your_partner-right{
        width: 100%;
        display: none;
    }
    .your_partner .content>.flex{
        flex-flow: wrap;
    }
    .your_partner .template__title h2{
        font-size: 25px;
        line-height: 1.3;
    }
    .your_partner .your_partner-title p{
        font-size: 14px;
        line-height: 1.5;
    }
    .your_partner .your_partner-left{
        padding: 3rem 0;
    }
    .your_partner .quality_assurance_icon {
        width: 30px;
        height: 30px;
    }
    .your_partner .about_us-item p {
        font-size: 0.9rem;
        line-height: 1.5rem;
        margin-left: 0.2rem;
    }
    .your_partner .professional_icon{
        width: 43px;
        height: 43px;
    }
    .your_partner .your_partner-list{
        margin-top: 1.5rem;
    }
    .your_partner .button {
        padding: 0.6rem 2rem;
        font-size: 0.9rem;
        width: fit-content;
        margin-top: 2rem;
    }
    .your_partner .bg-div{
        display: none;
    }
    .customized{
        padding-top: 60px;
        background-size: cover;
        background-position: center;
    }
    .customized .content>.flex{
        flex-flow: wrap;
    }
    .customized .left{
        width: 100%;
    }
    .customized .right{
        width: 100%;
        padding: 0;
        transform: none;
        padding-top: 3rem;
        background: unset;
    }
    .customized h2{
        margin-bottom: 1rem;
    }
    .customized p{
        font-size: 15px;
        padding-right: 0;
        line-height: 1.6;
        margin-bottom: 20px;
    }
    .customized .primary {
        font-size: 15px;
        padding: 13px 35px;
    }
    .customized .right li:before{
        width: 1.5rem;
        height: 1.5rem;
        top: 2px;
    }
    .customized .right li{
        padding-left: 2.5rem;
    }
    .customized .right h3{

        font-size: 20px;
    }
    .customized .right p {
        color: #eee;
        font-weight: 500;
        font-size: 14px;
        line-height: 24px;
    }
    .customized{
        padding-bottom: 3rem;
    }
    #faq{
        padding: 80px 0;
    }
    .faq-content .sy_contentfaq{
        margin-top: 40px;
    }
    .faq-content p.question strong{
        font-size: 16px;
        line-height: 1.4rem;
        display: inline-block;
    }
    .faq-content p.question {
        padding: 13px 20px;
        padding-right: 40px;
    }
    .faq-content li{
        margin-bottom: 20px;
    }
    .faq-content p.question:before{
        right: 17px;
        width: 15px;
        height: 15px;
    }
    .faq-content p.answer{
        font-size: 0.9rem;
        line-height: 1.5rem;
        padding: 20px;
    }
    .faq-content p.center {
        font-size: 15px;
        margin-top: 3rem;
    }
    .home-blog .nav-list{
        padding: 0 1.2rem;
    }
    .home-blog .nav-list li{
        font-size: 15px;
    }
    .swiper-news li{
        box-shadow: none;
        border: 1px solid #eee;
    }
    .swiper-news li .img{
        height: 150px;
    }
    .swiper-news li .infos{
        padding: 20px;
    }
    .swiper-news .infos span{
        font-size: 14px;
        margin-bottom: 0.3rem;
    }
    .swiper-news .infos h3{
        font-size: 18px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
    .swiper-news .infos p{
        font-size: 15px;
        line-height: 1.5;
        margin-bottom: 0;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
	      overflow: hidden;
    }
    .swiper-news .infos span.button{
        display: none;
    }
    .swiper-news{
        margin-top: 20px;
        padding: 0;
    }
    footer .vertical strong, footer .vertical h2{
        font-size: 1.2rem;
        margin-top: 1.5rem;
        line-height: 1.2;
    }
    .cta p.desc{
        display: none;
    }
    footer .cta{
        height: 9rem;
        margin-top: 5rem;
    }
    footer .cta  .vertical p{
        width: 75%;
        margin-bottom: 0;
    }
    .cta .button {
        padding: 0.3rem 1.5rem;
        font-size: 0.75rem;
    }
    footer .flex.column5{
        flex-flow: wrap;
    }
    footer .footer ul li{
        flex: unset;
        width: 100%;
        margin-bottom: 1rem;
    }
    footer .footer strong{
        font-size: 1.2rem;
        margin-bottom: 0.8rem;
    }
    footer .footer a{
        font-size: 15px;
        line-height: 1.2;
    }
    footer .footer p{
        font-size: 14px;
        line-height: 1.5;
    }
    ul.social{
        display: flex;
    }
    footer ul.social li{
        width: auto;
        flex: unset;
    }
    footer ul.social li a{
        margin-right: 0;
    }
    footer .copyright{
        margin-top: 50px;
    }
    footer form#sytech-newsletter-subscription {
        margin-top: 2rem;
        margin-bottom: 1.5rem;
    }
    .copyright img{
        display: none;
    }
    footer .copyright>div:first-child li{
        margin-left: 0;
        padding-left: 60px;
    }
    .copyright ul{
        flex-flow: wrap;
    }
    footer .copyright>div:first-child li p span{
        font-size: 0.9rem;
    }
    footer .copyright>div:first-child li p {
        color: rgba(255,255,255,1);
        font-size: 1rem;
    }
    footer .copyright>div:first-child li:before{
        width: 2.5rem;
        height: 2.5rem;
        left: 0;
    }
    footer .footer a.logo{
        display: none;
    }
    footer .copyright{
        margin-top: 0;
    }
    .copyright>div:last-of-type ul{
        display: none;
    }
    footer .copyright>div:nth-child(2){
        padding-bottom: 1rem;
    }
    .product-banner{
      background-image: none!important;
      background-color: #eeeeee59;
      padding-top: 20px;
              height: auto;
        padding-bottom: 40px;
    }
    .product-banner .flex{
        flex-flow: wrap;
    }
    .product-banner .left{
        width: 100%;
        order: 1;
        margin-top: 2rem;
        padding: 0;
    }
    .product-banner .right{
        width: 100%;
    }
    .breadcrumb{
        font-size: 15px;
    }
    h1{
        font-size: 2rem;
    }
    .default-banner p{
        font-size: 15px;
        line-height: 1.5rem;
    }
    .product-banner a.button {
        padding: 0.6rem 2rem;
        font-size: 0.8rem;
        margin-top: 20px;
    }
    .product-banner .right img{
        width: 60%;
        margin-top: 1rem;
        transform: none !important;
    }
    .product-banner .right .flex{
        justify-content: center;
    }
    .colors-banner{
        display: none;
    }
    .swiper-cats{
        padding-top: 50px;
    }
    .swiper-cats li{
        width: 150px;
        padding: 0.7rem;
    }
    .swiper-cats li p{
        font-size: 15px;
    }
    .swiper-cats li .img{
        height: 90px;
    }
    .product-main .head{
        padding: 3rem 0;
    }
    .product-main ul.products li.product{
        width: 49%;
        margin-bottom: 30px;
    }
    .single-pro-banner{
      background-image: none!important;
      background-color: #eeeeee59;
    }
    .products .product .img img{
        width: 88%;
        margin-top: -20px;
    }
    .product-main .products+p.center{
        margin-top: 2rem;
    }
    .product-main{
        padding-bottom: 80px;
    }
    .factory-part .flex> .big{
        width: 100%;
    }
    .factory-part .content>.flex{
        flex-flow: wrap;
    }
    .factory-part .head p{
        font-size: 15px;
        line-height: 1.5rem;
        margin-top: 15px;
    }
    
    .factory-part .head .button {
        padding: 8px 25px;
        font-size: 15px;
        margin-top: 30px;
    }
    .factory-part .right img{
        margin-left: 0;
        width: 100%;
    }
    .factory-part .flex> .small{
        width: 100%;
    }
    .factory-left .img-content img{
        width: 100%;
        transform: none !important;
        margin-bottom: 2rem;
    }
    .factory-part .flex> .small{
        padding-left: 0;
    }
    .factory-part{
        margin-bottom: 100px;
    }
    .factory-icon li {
        font-size: 14px;
        font-weight: 600;
        width: auto;
        color: #333;
        padding-left: 50px;
        background: url(../img/design.svg) no-repeat left/30px;
    }
    .factory-icon ul li:nth-of-type(2){
        margin-left: 10px;
        background-size: 38px;
        padding-left: 45px;
    }
    .factory-part .right img{
        transform: none !important;
        margin-top: 2rem;
    }
    .pro-feature{
        padding: 5rem 0;
    }
    .content>.flex{
        flex-flow: wrap;
    }
    .content>.flex>.left, .content>.flex>.right{
        width: 100%;
    }
    .pro-feature .left{
        width: 100%;
    }
    .pro-feature .right{
        width: 100%;
        padding: 0;
    }
    .pro-feature .right img{
        width: 100%;
    }
    .pro-feature .left ul{
        padding-left: 20px;
    }
    .pro-feature .left li:before{
        left: -21px;
    }
    .pro-feature .left li{
        margin-bottom: 20px;
    }
    .pro-feature .left li p {
        font-size: 20px;
        color: rgb(149, 149, 149);
        font-weight: 600;
        margin-bottom: 0.2rem;
    }
    .pro-feature .left li div.detail {
        font-size: 14px;
        font-weight: 500;
        line-height: 1.5;
    }
    .single-pro-banner{
        background-size: cover;
    }
    .single-pro-banner .left{
        padding-top: 0;
    }
    .single-pro-banner span {
        font-size: 15px;
        font-weight: 500;
        color: #666666;
    }
    .single-pro-banner .colors {
        gap: 17px;
        margin-top: 20px;
    }
    .single-pro-banner a.button {
        padding: 0.7rem 2rem;
        font-size: 0.8rem;
        display: none;
        margin-top: 25px;
        margin-bottom: 1rem;
    }
    .single-pro-banner .right{
        padding: 0;
        text-align: center;
    }
    .single-pro-banner .right img{
        width: 80%;
    }
    .product-gallery .img-content {
        width: 250px;
        overflow: hidden;
        min-width: 250px;
        height: 160px;
        border-radius: 8px;
    }
    .product-gallery .content>.flex{
        flex-flow: unset;
    }
    .product-gallery{
        padding-top: 4rem;
    }
    .pro-video .right {
        padding-left: 0;
    }
    .video:after{
        width: 50px;
        height: 50px;
    }
    h2.line, .product-detail div.wp-block-columns .wp-block-column h2{
        font-size: 25px;
        margin-top: 15px;
        font-weight: 700;
        line-height: 1.3;
    }
    .pro-video .right ul li {
        font-size: 15px;
    }
    .pro-nav ul li{
        font-size: 16px;
        padding-bottom: 12px;
        white-space: nowrap;
        margin-bottom: 0;
        border-width: 2px;
    }
    .pro-nav .content>.flex{
        flex-flow: unset;
        overflow: auto;
        justify-content: left;
    }
    .pro-nav{
        top: 63px;
    }
    .product-detail div.wp-block-columns .wp-block-column h2{
        margin-bottom: 1rem;
    }
    .product-detail div.wp-block-columns .wp-block-column p{
        font-size: 15px;
        line-height: 1.5rem;
        margin-bottom: 1rem;
    }
    .product-detail div.wp-block-columns:nth-of-type(2n) .wp-block-column:nth-of-type(2){
        padding: 0;
    }
    .product-detail div.wp-block-columns{
        margin-bottom: 40px;
        flex-direction: column;
    }
    .product-detail{
        padding-top: 40px;
    }
    .product-detail .wp-block-column{
      width: 100%;
    }
    .pro-various .left{
        padding: 0;
    }
    .pro-various .left h2{
        font-size: 1.5rem;
    }
    .pro-various .left h2 span{
        font-size: 1.2rem;
    }
    .pro-various .left p.color {
        font-size: 15px;
        margin-top: 15px;
    }
    .pro-various .left .mini-list {
        max-width: 480px;
        margin-top: 25px;
        margin-bottom: 25px;
    }
    .swiper-various{
        margin-top: 2rem;
    }
    .pro-various .left .mini-list span{
        height: 90px;
    }
    .swiper-various img{
        height: 400px;
    }
    .pro-spec .left img{
        width: 100%;
    }
    .pro-info-specifications .right{
        padding: 0;
    }
    .pro-info-specifications .specifications-box tr td:nth-of-type(1), .pro-info-specifications .specifications-box tr td:nth-of-type(2){
        width: 50%;
        font-size: 15px;
    }
    .pro-spec .right p{
        display: none;
    }
    .single-product #faq .head h2{
        font-size: 25px;
        margin-top: 15px;
        font-weight: 700;
        line-height: 1.3;
    }
    .single-product .head>h2{
        font-size: 25px;
        margin-top: 15px;
        font-weight: 700;
        line-height: 1.3;
    }
    .about-banner .right{
        display: none;
    }
    .about-banner{
        height: auto;
        padding-bottom: 3rem;
    }
    .about-banner a.button{
        margin-top: 20px;
    }
    .about-office .left img{
        width: 100%;
        transform: none !important;
    }
    .about-office .right{
        padding: 0;
    }
    .about-office .right .head p{
        font-size: 15px;
        line-height: 1.5rem;
        margin-top: 1rem;
        margin-bottom: 1rem;
    }
    .about-office .right .head li {
        padding-left: 52px;
        font-size: 16px;
        font-weight: 600;
        color: #333;
        margin-bottom: 24px;
        position: relative;
    }
    .pro-feature .head{
        margin-bottom: 2rem;
    }
    .about-body .pro-feature .right{
        margin-left: 0;
    }
    .about-body .pro-feature .right li {
        height: 224px;
    }
    .about-tool .head h2{
        margin-bottom: 1rem;
    }
    .about-tool .head p{
        padding: 0;
        font-size: 0.9rem;
        line-height: 1.5rem;
        margin-bottom: 1.5rem;
    }
    .about-tool .tools li{
        width: 190px;
        min-width: 190px;
        box-shadow: none;
        border: 1px solid #eee;
    }
    .about-tool .tools{
        flex-flow: unset;
        overflow: auto;
        gap: 20px;
    }
    .about-tool .right{
        padding: 0;
    }
    .about-tool .right img{
        width: 100%;
        transform: none !important;
    }
    .about-update .left, .about-update .right{
        width: 100%;
    }
    .about-update{
        padding: 0 1.2rem;
    }
    .about-update>.flex{
        flex-flow: wrap;
    }
    .about-update .right{
        padding: 30px 20px;
    }
    .about-update .right .head p{
        font-size: 0.9rem ;
        line-height: 1.5rem;
    }
    div.vision-percent {
        margin-top: 30px;
    }
    div.vision-percent span {
        font-size: 14px;
    }
    div.vision-percent div.plan {
        margin-bottom: 1.5rem;
    }
    section.mission{
        padding-top: 150px;
    }
    section.mission li {
        width: 320px;
        min-width: 320px;
        border-radius: 3px;
        padding: 25px;
        margin-right: 20px;
        text-align: center;
        box-shadow: none;
        /* border: 1px solid #eee; */
        padding: 0;
    }
    section.mission li span{
        width: 40px;
        height: 50px;
        margin-bottom: 10px;
    }
    section.mission li p {
        font-size: 14px;
        color: #757575;
        line-height: 1.45;
    }
    section.mission li strong{
        font-size: 18px;
    }
    .mission-list ul{
        overflow: auto;
    }
    section.mission .head{
        margin-bottom: 1rem;
    }
    .about-show{
        margin-top: 3rem;
    }
    .about-show .left .head p.defa, .about-show .fan .right p{
        font-size: 0.9rem;
        line-height: 1.5rem;
        margin-top: 0.5rem;
    }
    .about-show .right img{
        margin: 0;
        margin-top: 1rem;
        transform: translateY(0);
        width: 100%;
    }
    .about-show .left .head a.button, .about-show .fan .right a.button{
        padding: 7px 25px;
        font-size: 15px;
        margin-top: 1rem;
    }
    .about-show .fan .left{
        padding: 0;
    }
    .about-show .fan .left img{
        width: 100%;
        transform: none !important;
    }
    .about-show .fan .right{
        padding: 0;
        padding-top: 1.5rem;
    }
    section.quality{
        margin-top: 100px;
    }
    section.quality .head p{
        font-size: 0.9rem;
        line-height: 1.5rem;
    }
    .swiper-quality li img, .swiper-quality{
        width: 100%;
    }
    .quality{
        overflow: hidden;
    }
    .cooperation-banner h1{
        font-size: 25px;
        line-height: 1.5;
        width: 100%;
        color: #242424;
    }
    .breadcrumbs{
        font-size: 0.9rem;
    }
    .cooperation-banner p{
      color: #242424;

    }
    .vertical p{
        width: 100%;
        font-size: 0.9rem;
        line-height: 1.5rem;
        margin-bottom: .5rem;
    }
    section.main_banner{
        height: 265px;
        background-image: none!important;
        background-color: #eeeeeeb8;
    }
    .distributor.blog.highlight .post > .flex{
        flex-flow: wrap;
    }
    .distributor.blog.highlight .post .thumbnail{
        width: 100%;
        transform: translate(0,0);
        margin-bottom: 0;
    }
    .distributor.blog.highlight .post .post_content{
        width: 100%;
        padding: 0;
    }
    .blog.highlight.distributor{
        margin-top: 3rem;
        padding: 0 1.2rem;
    }
     section.main_banner{
        background-position-x: 55%;
        background-size: cover;
        background-repeat: no-repeat;
        position: relative;

    }
     section.main_banner:after{
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 0;
        background-color: rgba(255, 255, 255, 0.4);
    }
    .main_banner .content{
        position: relative;
        z-index: 2;
    }
    .blog.highlight .thumbnail{
        height: 200px;
    }
    .blog.highlight .post{
        background-color: transparent;
    }
    .blog.highlight h2{
        font-size: 20px;
        line-height: 25px;
        margin-bottom: 0.2rem;
    }
    .blog.highlight p {
        font-size: 15px;
        line-height: 25px;
        margin-bottom: 1.5rem;
    }
    .blog.highlight .primary {
        padding: 0.6rem 2rem;
        font-size: 0.9rem;
    }
    .blog.column3 .post{
        width: 100%;
    }
    .sidebar .post .thumbnail {
        height: 200px;
        margin-bottom: 0.2rem;
        transform: none;
        width: 100%;
    }
    .cooperation .post_content h2{
        font-size: 20px;
        margin-top: 0.3rem;
        margin-bottom: 0;
    }
    .cooperation .post_content p{
        font-size: 0.9rem;
        line-height: 1.5;
    }
    .sidebar.cooperation{
        margin-top: 5rem;
        gap: 0;
    }
    .cooperation .post_content a{
        font-size: 16px;
    }
    .sidebar .post p{
        margin-bottom: 0.5rem;
        font-size: 0.9rem;
    }
    .blog.column3 .post{
        height: auto;
        margin-bottom: 1.2rem;
    }
    .blog.column3 .post:hover .thumbnail{
        height: 200px;
    }
    .main_banner .vertical > p+div{
        display: none;
    }
    .blog_categories ul li a, .sidebar .post .button{
        padding: 0.6rem 1.5rem;
        font-size: 0.9rem;
    }
    .blog_categories.content ul{
        flex-flow: unset;
        justify-content: left;
        overflow: auto;
        gap: 1rem;
    }
    .blog_categories ul li{
        white-space: nowrap;
    }
    .blog.main_blog{
        flex-flow: wrap;
        margin-bottom: 2rem;
    }
    .blog.main_blog>div{
        width: 100%;
        flex: unset;
    }
    .main_blog .post .thumbnail{
        height: 200px;
        width: 100%;
        margin: 0;
    }
    .post_content .date, .sidebar .post .date{
        font-size: 0.85rem;
        margin-top: 0.5rem;
        margin-bottom: 0.2rem;
    }
    .post_content h2, .sidebar .post h2{
        font-size: 20px;
        line-height: 1.5;
        margin-bottom: 0.2rem;
        margin-top: 0;
    }
    .post_content p{
        font-size: 0.9rem;
        line-height: 1.5rem;
        margin-bottom: 0.5rem;
    }
    .post_content .primary{
        font-size: 0.9rem;
        padding: 0.6rem 2rem;
    }
    .sidebar .post{
        margin-bottom: 1.2rem;
    }
    .page-template-blog .blog.column3 .post, .blog .blog.column3 .post, .archive .blog.column3 .post{
        height: auto;
    }
    .blog.highlight{
        padding: 0 1.2rem;
        margin-top: 1.2rem;
    }
    .blog.highlight .post>.flex{
        flex-flow: wrap;
    }
    .blog.highlight .post_content{
        width: 100%;
        padding: 0;
    }
    .blog.highlight{
        margin-bottom: 1.2rem;
    }
    .blog-detail{
        width: 100%;
    }
    .blog-sidebar{
        width: 100%;
    }
    .single section.blog{
        padding-top: 80px;
    }
    .blog-detail h1 {
        margin-bottom: 10px;
        font-size: 20px;
    }
    .blog-detail h1+span {
        font-size: 15px;
        margin-bottom: 20px;
    }
    .blog-table{
        padding: 0;
        border: none;
    }
    .blog-table .table-title {
        font-size: 19px;
        font-weight: 700;
        position: relative;
        color: #222;
        padding-bottom: 0.5rem;
        border-bottom: 1px solid #c2c2c281;
        margin-bottom: 1rem;
    }
    .blog-table .catname{
        font-size: 15px;
    }
    .blog-table ul li a{
        font-size: 14px;
    }
    .blog-table .catname{
        background-position-y: 8px;
        line-height: 1.5;
    }
    .blog-detail p{
        font-size: 0.9rem;
        margin-bottom: 1rem;
        line-height: 1.5rem;
    }
    .feature-product{
        padding: 1.2rem;
    }
    .blog-content .feature-product h3 {
        font-size: 19px;
        margin-bottom: 1rem;
        font-weight: 700;
    }
    .feature-product .button{
        font-size: 0.9rem;
        padding: 0.6rem 1rem;
    }
    .feature-product .info{
        width: 100%;
    }
    .feature-product .info-info{
        width: 100%;
        position: unset;
    }
    .feature-product img{
        margin-top: 0;
    }
    .blog-bottom{
        margin-top: 10px;
        padding-top: 20px;
    }
    .blog-bottom>.flex{
        flex-flow: wrap;
    }
    .tag-bar p span {
        display: inline-block;
        padding: 3px 20px;
        border-radius: 4px;
        font-size: 14px;
        font-weight: 500;
        color: #808080;
        border: 1px solid #e2e2e2;
        margin-left: 14px;
    }
    .share-icon .flex{
        gap: 0;
    }
    .share-icon a{
        transform: scale(0.8);
    }
    .share-icon{
        margin-left: 0;
    }
    .blog-sidebar .search-box{
        display: none;
    }
    .blog-sidebar .post-category, .blog-sidebar .last-post{
        padding: 0;
        border: none;
    }
    .blog-sidebar .post-category .title, .blog-sidebar .last-post .title{
        font-size: 19px;
        margin-bottom: 1rem;
    }
    .blog-sidebar .post-category li a{
        font-size: 14px;
    }
    .post-category{
        margin-top: 2rem;
    }
    .advertise{
        padding: 40px 20px;
        min-height: 300px;
        position: relative;
    }
    .advertise:after{
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background-color: rgba(255, 255, 255, 0.4);
        z-index: 1;
    }
    .advertise h3 {
        font-size: 20px;
        margin: 0.2rem 0;
    }
    .advertise p {
        font-size: 15px;
        color: #5e5e5e;
        line-height: 1.7;
        max-width: 100%;
    }
    .advertise button{
        padding: 0.6rem 2rem;
        font-size: 0.9rem;
    }
    .advertise a{
        position: relative;
        z-index: 2;
    }
    .single-post .home-blog{
        padding-top: 50px;
    }
    .contact-banner h1{
        font-size: 1.5rem;
      }
      .contact-banner p{
        font-size: 0.9rem;
      }
      .contact-infos{
        transform: none;
      }
      .contact-banner{
        height: 400px;
        padding-top: 120px;
      }
      .contact-infos li{
        padding: 35px 25px;
        margin: 1rem 0;
        width: 100%;
      }
      .contact-infos li strong{
        font-size: 18px;
      }
      .contact-infos li p{
        font-size: 16px;
      }
      .contact-infos li span{
        font-size: 14px;
      }
      .form-part .left h2{
        font-size: 20px;
        margin-bottom: 0.5rem;
      }
      .form-part .left p{
        font-size: 0.9rem;
        line-height: 1.5rem;
      }
      .form-part .left ul li:after{
        width: 40px;
        height: 40px;
        top: 0;
      }
      .form-part .left ul li{
        padding-left: 60px;
      }
      .form-part .left ul li strong {
        font-size: 19px;
        font-weight: 700;
        display: inline-block;
        color: #333;
        margin-bottom: 0.8rem;
      }
      .form-part .right{
        margin: 0;
      }
      .form-part .right .form{
        padding: 0;
        box-shadow: none;
      }
      .form-part .right p{
        font-size: 20px;
        margin-bottom: 1rem;
      }
      .form-part .right .form input:not([type="submit"]) {
        font-size: 15px;
        color: #585b5e;
        font-weight: 400;
        width: 100%;
        border-radius: 5px;
        padding: 10px 23px;
        margin-bottom: 19px;
        font-family: inherit;
        border: 1px solid #d6d6d6;
      }
      .home section.mission li span{
        width: 100%;
        height: 100%;
      }
      .form-part .right .form textarea{
        font-size: 15px;
        padding: 10px 23px;
      
      }
      .form-part .right input[type="submit"]{
        padding: 15px 0;
        font-size: 0.9rem;
        margin-top: 0.5rem;
      }
      .products .product .colors span{
        width: 18px;
        height: 18px;
            margin-top: .2rem;
      }
      .modal-v .modalcontent{
        width: 100%;
        height: 300px;
      } 
      .product-main .products .product .img{
        height: 160px;
      }
      .blog-detail h2{
        font-size: 22px;
      }
      .blog-contact{
        padding: 25px;
      }
      .blog-contact form#sytech-newsletter-subscription input[type="submit"]{
        font-size: 12px;
        width: 40%;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
      }
      .blog-contact form#sytech-newsletter-subscription input[type="email"]{
        width: 60%;
      }
      .product-menu .sub-menu{
        display: block;
        padding-left: 2rem;
        /* display: none; */
      }
      .sub-menu li a{
        font-size: 0.85rem;
        margin-bottom: 1rem;
      }
      .menu-item-has-children{
        position: relative;
      }
      .menu-item-has-children:after{
        content: "";
        width: 14px;
        height: 14px;
        background: url('../img/arrow-r-b.svg') no-repeat center/contain;
        position: absolute;
        transform: rotate(90deg);
        right: 1.5rem;
        top: 5px;
      }
      .header-nav ul li .sub-menu li a{
        margin-bottom: 1rem;
      }
      .header-nav ul li ul{
        position: unset;
        box-shadow: unset;
        padding: 0;
        padding-left: 1rem;
        transition: none;
        opacity: 1;
        pointer-events: all;
      }
      .pro-video iframe{
        height: 250px;
      }
      .modal .modalcontent{
        width: 100%;
        height: 100%;
        border-radius: 0;
      }
      .modal .modalcontent .left{
        display: none;
      }
      .modal .modalcontent .right{
        width: 100%;
      }
      .mission-btn{
        width: 100%;
        display: flex;
        justify-content: space-between;
      }
      .mission-btn span{
        width: 70px;
        height: 35px;
        margin: 0;
        left: 0;
        transform: translate(0,0);
      }
      .mission-btn span.next{
        margin-left: 0;
        left: unset;
        right: 0;
      }
      .home-product .swiper-wrapper{
        display: flex;
        flex-flow: wrap;
        transform: translate(0,0) !important;
      }
      .home-product .swiper-wrapper li.swiper-slide{
        width: 100% !important;
        margin-right: 0 !important;
      }
      .form-part .right .form label{
        font-size: 16px;
        font-weight: 600;
        display: block;
        margin-bottom: 0.5rem;
    }

    #whatsapp-icon{
        width: 43px;
        height: 43px;
        position: fixed;
        right: 23px;
        bottom: 200px;
        z-index: 9;
      }
      .blog-detail .card{
        padding: 1.2rem;
      }
      .blog-detail .card .title strong{
        font-size: 18px;
      }
      .blog-detail .card .title{
        margin-bottom: 1rem;
      }
      .blog-detail .card ul li a{
        font-size: 0.9rem;
      }
      .blog-detail .card ul li{
        margin-bottom: 10px;
      }
      .blog-detail p a{
        font-size: 15px;
      }
      .blog-detail .wp-block-table table thead th{
        font-size: 16px;
        line-height: 1.5;
        padding: 0.7rem 0;
      }
      .blog-detail .wp-block-table table tbody tr td{
        font-size: 0.9rem;
        line-height: 1.5rem;
      }
      .blog-detail .wp-block-table table thead th:nth-child(1), .blog-detail .wp-block-table table tbody tr td:first-child{
        width: 25%;
      }
      .blog-detail .wp-block-table table thead th:nth-child(2), .blog-detail .wp-block-table table tbody tr td:nth-of-type(2){
        min-width: 75%;
      }
      .blog-detail .wp-block-table{
        margin: 2rem 0;
      }
      .blog-detail .wp-block-table.compare table tbody tr td:before{
        margin-right: 0.5rem;
      }
      .blog-detail .wp-block-table.compare table tbody tr td{
        padding: 1rem;
      }
      .blog-detail .prod-i .flex{
        flex-flow: wrap;
      }
      .blog-detail .prod-i .img{
        width: 100%;
        max-width: 100%;
      }
      .blog-detail .prod-i .text{
        width: 100%;
        padding: 1rem;
      }
      .blog-detail .prod-i .text strong{
        font-size: 1rem;
      }
      .blog-detail .prod-i .text p{
        font-size: 0.9rem;
        line-height: 1.5rem;
        margin-bottom: 1rem;
      }
      .more{
        padding: 0.5rem 1.5rem;
        font-size: 0.8rem;
        width: max-content;
        height: auto;
      }
      .blog-detail .prod-i{
        margin: 2rem 0;
      }
      .blog-detail .prod-reverse .flex{
        flex-flow: wrap;
      }
      .blog-detail .prod-reverse .text{
        width: 100%;
        padding: 1rem;
      }
      .blog-detail .prod-reverse .img img{
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
      .blog-detail .prod-reverse .img{
        transform: translate(0,0);
        height: 200px;
      }
      .blog-detail .prod-reverse .text strong{
        font-size: 18px;
        line-height: 1.5;
      }
      .blog-detail .prod-reverse .text .score{
        margin-bottom: 1rem;
      }


      .contact_pop .pop_content {
        padding: 0;
        border-radius: 0;
      }
      .contact_pop .pop_content .form {
        width: 100vw;
        height: 100vh;
        max-height: unset;
        border-radius: 0;
        padding: 4rem 1.2rem;
      }
      .contact_pop .pop_content .form .title {
        font-size: 19px;
        line-height: 1.5;
      }
      .contact_pop .pop_content .form .desc {
        font-size: 14px;
        line-height: 1.5;
      }
      .contact_pop .pop_content .form form input,
      .contact_pop .pop_content .form form select {
        font-size: 14px;
        padding: 0.68rem 1rem;
      }
      .contact_pop .pop_content .form form select {
        background-position: 95.5% center;
        background-size: 12px;
      }
      .contact_pop .pop_content .form form input[type="submit"] {
        font-size: 14px;
        padding: 0.66rem 2.2rem;
        margin-top: 1rem;
      }



      .detail_banner {
        padding: 5rem 0;
      }
      .detail_banner .flex {
        min-height: unset;
        flex-direction: column-reverse;
        padding: unset;
      }
      .detail_banner .head {
        padding: 0;
      }
      .detail_banner .head h1 {
        font-size: 25px;
        line-height: 1.5;
      }
      .detail_banner .head p {
        font-size: 14px;
        line-height: 1.5;
        margin-top: 0.5rem;
      }
      .detail_banner .head a {
        font-size: 14px;
        padding: 0.76rem 1rem;
        margin-top: 2rem;
      }
      .detail_banner .img {
        width: 100%;
        height: unset;
        aspect-ratio: 598/383;
        margin-bottom: 2rem;
      }
      .detail_Certificatiion {
        padding: 4rem 0;
      }
      .detail_Certificatiion .head span {
        font-size: 14px;
      }
      .detail_Certificatiion .head h2 {
        font-size: 22px;
        line-height: 1.5;
        margin-top: 5px;
      }
      .detail_Certificatiion .head p {
        font-size: 14px;
        line-height: 1.5;
        margin-top: 5px;
      }
      .detail_Certificatiion .detailswiper-box {
        margin-top: 2rem;
      }
      .detail_Certificatiion .detailswiper-box .swiper_btns {
        display: none;
      }
      .detail_Certificatiion .detailswiper-box .detailswiper {
        padding: 0;
        margin-bottom: 2rem;
        width: 100%;
      }
      .detail_Certificatiion .detailswiper-box .detailswiper .swiper-slide {
        padding: 1.6rem 1.2rem;
        border-radius: 10px;
      }
      .detail_Certificatiion .detailswiper-box .detailswiper .swiper-slide strong {
        font-size: 18px;
        line-height: 1.5;
      }
      .detail_Certificatiion .detailswiper-box .detailswiper .swiper-slide p {
        font-size: 14px;
        line-height: 1.5;
        margin-top: 0.5rem;
      }
      .detail_Certificatiion .detailswiper-box .detailswiper .swiper-slide ul {
        margin-top: 1rem;
      }
      .detail_Certificatiion .detailswiper-box .detailswiper .swiper-slide ul li {
        font-size: 13px;
        line-height: 1.5;
        margin-bottom: 0.5rem;
        column-gap: 0.5rem;
      }
      .detail_Certificatiion .detailswiper-box .detailswiper .swiper-slide ul li::before {
        width: 16px;
        height: 16px;
      }
      .detail_product {
        padding: 3rem 0;
      }
      .detail_product .head span {
        font-size: 14px;
        line-height: 1.5;
      }
      .detail_product .head h2 {
        font-size: 22px;
        line-height: 1.5;
        margin-top: 0.5rem;
      }
      .detail_product .detailtable {
        margin-top: 2rem;
      }
      .detail_product .detailtable .tbale-box {
        overflow: auto;
        width: 100%;
      }
      .detail_product .detailtable table {
        margin-bottom: 1rem;
      }
      .detail_product .detailtable thead th {
        font-size: 1rem;
        text-wrap: nowrap;
        padding-bottom: 0.5rem;
      }
      .detail_product .detailtable tr td {
        padding: 1rem 0;
        font-size: 14px;
        line-height: 1.5;
      }
      .detail_product .detailtable tr td .img {
        width: 160px;
        height: 115px;
      }
      .detail_product .detailtable tr td p {
        font-size: 14px;
        line-height: 1.5;
      }
      .detail_product .detailtable tr td:first-child {
        min-width: 190px;
        padding-right: 0.8rem;
      }
      .detail_product .detailtable tr td:nth-child(2) {
        min-width: 260px;
        font-size: 13px;
        padding-right: 0.7rem;
      }
      .detail_product .detailtable tr td:nth-child(3) {
        min-width: 100px;
      }
      .detail_product .detailtable tr td:nth-child(4) {
        min-width: 126px;
      }
      .detail_product .detailtable tr td:nth-child(5) {
        min-width: 130px;
        padding-right: 3%;
      }
      .detail_product .detailtable tr td:nth-child(3),
      .detail_product .detailtable tr td:nth-child(4),
      .detail_product .detailtable tr td:nth-child(5) {
        font-size: 13px;
        line-height: 1.5;
        padding-right: 0.7rem;
      }
      .detail_product .detailtable tr td ul li {
        font-size: 14px;
        line-height: 1.5;
        text-wrap: nowrap;
      }
      .detail_product .detailtable tr td ul li::before {
        width: 12px;
      }
      .detail_product .detailtable .tabmore {
        font-size: 14px;
        padding: 0.72rem 1.8rem;
        margin-top: 3rem;
      }
      .strengthenbanner {
        padding: 4rem 0 3rem;
      }
      .strengthenbanner .flex {
        flex-direction: column;
      }
      .strengthenbanner .video {
        left: 19%;
        bottom: 14%;
      }
      .strengthenbanner .video .img::after {
        width: 18px;
        height: 18px;
      }
      .strengthenbanner .rightprodimg {
        position: static;
      }
      .strengthenbanner .head {
        padding-top: 0;
      }
      .strengthenbanner .head h1 {
        font-size: 25px;
        line-height: 1.5;
      }
      .strengthenbanner .head strong {
        font-size: 16px;
        line-height: 1.5;
        margin-top: 0.5rem;
      }
      .strengthenbanner .head p {
        font-size: 14px;
        line-height: 1.5;
        margin-top: 0.5rem;
      }
      .strengthenbanner .head ul {
        margin-top: 1rem;
      }
      .strengthenbanner .head ul li {
        font-size: 13px;
        line-height: 1.5;
        column-gap: 9px;
      }
      .strengthenbanner .head ul li::before {
        width: 13px;
        height: 10px;
      }
      .strengthenbanner .head a {
        font-size: 14px;
        padding: 0.72rem 1rem;
        margin-top: 2rem;
      }
      .strengthenbanner .rightprodimg {
        margin-left: auto;
        margin-top: -38px;
        width: 35%;
        margin-right: 6%;
      }
      .strengthenbanner .rightprodimg img {
        height: 100%;
      }
      .strengthenbanner .video {
        width: 100px;
        height: 100px;
      }
      .streng_advantages {
        padding: 4rem 0;
      }
      .streng_advantages .head span {
        font-size: 14px;
        line-height: 1.5;
      }
      .streng_advantages .head h2 {
        font-size: 22px;
        line-height: 1.5;
        margin-top: 0.5rem;
      }
      .streng_advantages .advantagesswiper-box {
        margin-top: 2rem;
      }
      .streng_advantages .advantagesswiper-box .swiper-slide {
        padding: 1.8rem 1.5rem;
      }
      .streng_advantages .advantagesswiper-box .swiper-slide .img {
        max-width: 46px;
        max-height: 62px;
        margin-bottom: 1rem;
      }
      .streng_advantages .advantagesswiper-box .swiper-slide strong {
        font-size: 18px;
        line-height: 1.5;
        margin-bottom: 0.5rem;
      }
      .streng_advantages .advantagesswiper-box .swiper-slide p {
        font-size: 14px;
        line-height: 1.5;
      }
      .streng_learn {
        padding: 4rem 0;
      }
      .streng_learn .head span {
        font-size: 14px;
        line-height: 1.5;
      }
      .streng_learn .head h2 {
        font-size: 22px;
        line-height: 1.5;
        margin-top: 0.5rem;
      }
      .streng_learn .head p {
        font-size: 14px;
        line-height: 1.5;
        margin-top: 0.5rem;
      }
      .streng_learn .videobox {
        margin-top: 2rem;
        border-radius: 10px;
      }
      .streng_learn .videobox .play {
        width: 45px;
        height: 45px;
      }
      .streng_learn .videobox .play::after {
        width: 12px;
        height: 15px;
      }
      .strengthenprod {
        padding: 3rem 0;
      }
      .streng_empower {
        padding: 3rem 0;
      }
      .streng_empower .head span {
        font-size: 14px;
      }
      .streng_empower .head h2 {
        font-size: 22px;
        line-height: 1.5;
        margin-top: 0.5rem;
      }
      .streng_empower .main {
        margin-top: 2rem;
        flex-direction: column-reverse;
        row-gap: 2rem;
      }
      .streng_empower .main .imgs {
        width: 100%;
      }
      .streng_empower .main .imgs .img {
        border-radius: 10px;
      }
      .streng_empower .main .intro-box {
        padding: 0;
      }
      .streng_empower .main .intro-box .intro .item {
        padding-left: 20px;
        margin-bottom: 0.8rem;
      }
      .streng_empower .main .intro-box .intro .item h3 {
        font-size: 18px;
        line-height: 1.5;
      }
      .streng_empower .main .intro-box .intro .item p {
        font-size: 14px;
        line-height: 1.6;
        padding-top: 0.5rem;
      }
      .streng_empower .main .intro-box .intro .item.active h3 {
        font-size: 18px;
      }
      .streng_empower .main .intro-box .listbtn {
        margin-top: 3rem;
      }
      .streng_empower .main .intro-box .listbtn a {
        margin: 0;
        font-size: 14px;
        padding: 0.72rem 1rem;
      }
      .streng_prods {
        padding: 3rem 0;
      }
      .streng_prods .head span {
        font-size: 14px;
      }
      .streng_prods .head h2 {
        font-size: 22px;
        line-height: 1.5;
        margin-top: 0.5rem;
      }
      .streng_prods .head p {
        font-size: 14px;
        line-height: 1.5;
        margin-top: 0.5rem;
      }
      .streng_prods .swiper_btns {
        display: none;
      }
      .streng_prods .prodsswiperbox {
        margin-top: 2rem;
      }
      .streng_prods .prodsswiperbox .prods-swiper {
        width: 100%;
        padding: 0;
      }
      .streng_prods .prodsswiperbox .prods-swiper .swiper-slide .img {
        padding: 100px 0;
      }
      .streng_prods .prodsswiperbox .prods-swiper .swiper-slide .img .unit {
        width: 30.4%;
      }
      .streng_prods .prodsswiperbox .prods-swiper .swiper-slide .info {
        padding: 1.3rem 1.2rem;
      }
      .streng_prods .prodsswiperbox .prods-swiper .swiper-slide .info strong {
        font-size: 16px;
        max-width: 188px;
        line-height: 1.5;
      }
      .streng_prods .prodsswiperbox .prods-swiper .swiper-slide .info p {
        font-size: 13px;
        line-height: 1.5;
        margin-top: 0.5rem;
      }
      .certificates_banner .flex {
        min-height: unset;
        padding: 4rem 0;
      }
      .certificates_banner .head {
        padding: 0;
      }
      .certificates_banner .head h1 {
        font-size: 25px;
        line-height: 1.5;
      }
      .certificates_banner .head p {
        font-size: 14px;
        line-height: 1.5;
        margin-top: 0.5rem;
      }
      .certificates_banner .head a {
        font-size: 14px;
        padding: 0.72rem 1rem;
        margin-top: 2em;
      }
      .certificates_banner .head .nums {
        margin-top: 3rem;
      }
      .certificates_banner .head .nums .item span {
        font-size: 24px;
      }
      .certificates_banner .head .nums .item p {
        font-size: 14px;
        margin-top: 5px;
      }
      .certificates_standard .top {
        padding: 4rem 0 0;
      }
      .certificates_standard .head .subtitle {
        font-size: 14px;
        margin-bottom: 0.5rem;
      }
      .certificates_standard .head h2 {
        font-size: 22px;
        line-height: 1.5;
      }
      .certificates_standard .head p {
        font-size: 14px;
        line-height: 1.5;
        margin-top: 0.5rem;
      }
      .certificates_standard .nav {
        margin-top: 1.2rem;
      }
      .certificates_standard .nav ul {
        gap: 1.5rem;
      }
      .certificates_standard .nav ul li {
        font-size: 15px;
        line-height: 1.5;
        padding: 0.8rem 0;
      }
      .certificates_standard .nav ul li::after {
        height: 2px;
      }
      .certificates_standard .main {
        padding: 3rem 0 4rem;
      }
      .certificates_standard .main .flex {
        flex-direction: column;
      }
      .certificates_standard .main .swiper_box {
        width: 90%;
        margin: 0 auto;
      }
      .certificates_standard .intro ul li {
        margin-bottom: 1.5rem;
      }
      .certificates_standard .intro ul li .title {
        font-size: 15px;
        line-height: 1.5;
        padding: 1rem 1.2rem;
      }
      .certificates_standard .intro ul li .title::after {
        width: 14px;
        height: 14px;
      }
      .certificates_standard .intro ul li .detail {
        padding: 0 1.2rem;
      }
      .certificates_standard .intro ul li .detail .con {
        flex-direction: column-reverse;
      }
      .certificates_standard .intro ul li .detail .img {
        width: 45%;
        margin: 0 auto;
      }
      .certificates_standard .intro ul li .detail .text {
        padding: 0.5rem 0 1.8rem;
      }
      .certificates_standard .intro ul li .detail .text p {
        font-size: 13px;
        line-height: 1.7;
      }
      .certificates_standard .intro ul li .detail .text a {
        font-size: 14px;
        padding: 0.72rem 1rem;
      }
      .certificates_ISO {
        padding: 4rem 0;
      }
      .certificates_ISO .head {
        width: 100%;
      }
      .certificates_ISO .head .subtitle {
        font-size: 14px;
        margin-bottom: 0.5rem;
      }
      .certificates_ISO .head h2 {
        font-size: 22px;
        line-height: 1.5;
      }
      .certificates_ISO .head p {
        font-size: 14px;
        line-height: 1.5;
        margin: 0.5rem 0;
      }
      .certificates_ISO .head ul {
        margin-top: 1rem;
      }
      .certificates_ISO .head ul li {
        font-size: 13px;
        line-height: 1.5;
        gap: 8px;
        margin-bottom: 5px;
      }
      .certificates_ISO .head ul li::before {
        width: 13px;
        height: 8px;
        transform: translateY(60%);
      }
      .certificates_ISO .head .swiper_btns {
        gap: 1.5rem;
      }
      .certificates_ISO .head .swiper_btns div {
        width: 45px;
        height: 45px;
      }
      .certificates_ISO .swiper_box {
        min-width: unset;
        padding: 0;
        width: 100%;
        padding-top: 2rem;
      }
      .certificates_ISO .swiper_box .swiper-slide .title {
        font-size: 15px;
        margin-top: 1rem;
      }
      .certificates_ISO .flex {
        flex-direction: column;
      }
      .certificates_material {
        padding: 4rem 0 3rem;
      }
      .certificates_material .head .subtitle {
        font-size: 14px;
        margin-bottom: 0.5rem;
      }
      .certificates_material .head h2 {
        font-size: 22px;
        line-height: 1.5;
      }
      .certificates_material .swiper_btns {
        display: none;
      }
      .certificates_material .swiper_content {
        padding: 0 1.2rem;
      }
      .certificates_material .swiper_box {
        margin: 2rem 0;
      }
      .certificates_material .swiper_box .certificates_material_swiper .img {
        padding-bottom: 60%;
      }
      .certificates_material .swiper_box .certificates_material_swiper .info {
        padding: 1.2rem 1.2rem;
      }
      .certificates_material .swiper_box .certificates_material_swiper .info .title {
        font-size: 1rem;
        line-height: 1.5;
      }
      .certificates_material .swiper_box .certificates_material_swiper .info .desc {
        margin-top: 5px;
        font-size: 14px;
        line-height: 1.3;
      }
      .certificates_material .swiper_box .certificates_material_swiper .info span {
        font-size: 13px;
        line-height: 1.5;
        margin-top: 0.8rem;
      }
      .certificates_material .swiper_box .certificates_material_swiper .info span::after {
        width: 6px;
        height: 11px;
      }
      .certificates_list {
        padding: 3rem 0 4rem;
      }
      .certificates_list .head .subtitle {
        font-size: 14px;
        margin-bottom: 0.5rem;
      }
      .certificates_list .head h2 {
        font-size: 25px;
        line-height: 1.5;
      }
      .certificates_list .head p {
        font-size: 14px;
        line-height: 1.5;
        margin-top: 0.5rem;
      }
      .certificates_list .nav {
        margin-top: 2rem;
      }
      .certificates_list .nav ul {
        width: 100vw;
        margin-left: -1.2rem;
        padding: 0 1.2rem;
        overflow: auto;
        gap: 1rem;
      }
      .certificates_list .nav ul::-webkit-scrollbar {
        height: 0;
      }
      .certificates_list .nav ul li {
        font-size: 14px;
        text-wrap: nowrap;
        line-height: 1;
        padding: 0.8rem 1rem;
      }
      .certificates_list .sidebar {
        width: 100%;
      }
      .certificates_list .sidebar::before {
        display: none;
      }
      .certificates_list .sidebar ul {
        display: flex;
        overflow: auto;
        width: 100%;
        column-gap: 1rem;
      }
      .certificates_list .sidebar ul::-webkit-scrollbar {
        height: 0;
      }
      .certificates_list .sidebar ul li {
        font-size: 15px;
        text-wrap: nowrap;
        padding-left: 0;
        padding-bottom: 0.5rem;
        height: 30px;
      }
      .certificates_list .sidebar ul li.active,
      .certificates_list .sidebar ul li:hover {
        border-bottom: 2px solid var(--theme_color);
      }
      .certificates_list .sidebar ul li::before {
        display: none;
      }
      .certificates_list .main {
        flex-direction: column;
        margin-top: 2rem;
      }
      .certificates_list .main .pd a {
        flex-direction: column-reverse;
      }
      .certificates_list .main .pd a .img {
        width: 100%;
        margin-top: 2rem;
        border-radius: 10px;
      }
      .certificates_list .main .pd a .info .title {
        font-size: 18px;
      }
      .certificates_list .main .pd a .info .desc {
        font-size: 14px;
        line-height: 1.5;
        margin-top: 0.5rem;
      }
      .certificates_list .main .right .list {
        margin-top: 2rem;
      }
      .certificates_list .main .right .list h3 {
        font-size: 18px;
        line-height: 1.5;
      }
      .certificates_list .main .right .list ul {
        margin-top: 2rem;
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5rem 1rem;
        margin-bottom: 3rem;
      }
      .certificates_list .main .right .list ul li .title {
        font-size: 15px;
        line-height: 1.5;
        margin-top: 0.8rem;
      }
      .certificates_list .btn_more {
        font-size: 14px;
        line-height: 1rem;
        padding: 0.72rem 1.2rem;
      }
      .event_banner .banner .flex {
        min-height: unset;
        padding: 4rem 0;
      }
      .event_banner .banner .breadcrumbs {
        margin-bottom: 0.5rem;
      }
      .event_banner .banner .breadcrumbs span a {
        font-size: 14px;
      }
      .event_banner .banner .head {
        width: 100%;
      }
      .event_banner .banner .head h1 {
        font-size: 25px;
        line-height: 1.5;
      }
      .event_banner .banner .head p {
        font-size: 14px;
        line-height: 1.5;
        margin-top: 0.5rem;
      }
      .event_banner .banner .head .btn {
        font-size: 14px;
        padding: 0.72rem 1.2rem;
      }
      .event_banner .start {
        padding: 1rem 0 2rem;
      }
      .event_banner .start .date > span {
        font-size: 24px;
        line-height: 1.5;
        position: relative;
        right: unset;
        display: block;
        text-align: center;
        transform: translateY(-2%);
      }
      .event_banner .start .items {
        transform: unset;
        margin-top: 0.8rem;
        gap: 12px;
      }
      .event_banner .start .items .item {
        flex: 1;
        border-radius: 5px;
        display: block;
        text-align: center;
        padding: 13px 0.5rem;
        min-width: 75px;
      }
      .event_banner .start .items .item strong {
        font-size: 22px;
        display: block;
      }
      .event_banner .start .items .item span {
        font-size: 12px;
        margin-top: 5px;
      }
      .event_organisation {
        padding: 4rem 0;
      }
      .event_organisation .flex {
        flex-direction: column;
      }
      .event_organisation .head .subtitle {
        font-size: 14px;
        margin-bottom: 0.5rem;
      }
      .event_organisation .head h2 {
        font-size: 22px;
        line-height: 1.5;
      }
      .event_organisation .head p {
        font-size: 14px;
        line-height: 1.5;
        margin-top: 0.5rem;
      }
      .event_organisation .head .list {
        margin-top: 1rem;
      }
      .event_organisation .head .list ul li {
        font-size: 13px;
        line-height: 1.5;
        column-gap: 8px;
        margin-bottom: 3px;
      }
      .event_organisation .head .list ul li::before {
        width: 15px;
        height: 10px;
        transform: translateY(35%);
      }
      .event_organisation .head a {
        font-size: 14px;
        padding: 0.72rem 1rem;
        margin-top: 2rem;
      }
      .event_organisation .imgs {
        width: 86%;
        left: -5.5%;
        padding-bottom: 84%;
      }
      .event_video {
        padding: 4rem 0;
        margin-bottom: 6rem;
      }
      .event_video .head .subtitle {
        font-size: 14px;
        margin-bottom: 0.5rem;
      }
      .event_video .head h2 {
        font-size: 22px;
        line-height: 1.5;
      }
      .event_video .head p {
        font-size: 14px;
        line-height: 1.5;
        margin-top: 0.5rem;
      }
      .event_video .head a {
        font-size: 14px;
        line-height: 1.2;
        padding: 0.72rem 1rem;
        margin-top: 2rem;
      }
      .event_video .video {
        margin-top: -4.5rem;
        transform: translateY(7.5rem);
      }
      .event_infos {
        padding: 3rem 0 4rem;
      }
      .event_infos .head .subtitle {
        font-size: 14px;
        margin-bottom: 0.5rem;
      }
      .event_infos .head h2 {
        font-size: 22px;
        line-height: 1;
      }
      .event_infos .head .items {
        margin-top: 2rem;
      }
      .event_infos .head .items .item {
        padding: 1.5rem 1.2rem;
        margin-bottom: 0.5rem;
      }
      .event_infos .head .items .item::after {
        border-radius: 10px;
      }
      .event_infos .head .items .item i {
        width: 50px;
      }
      .event_infos .head .items .item h3 {
        font-size: 18px;
        line-height: 1.5;
      }
      .event_infos .head .items .item p {
        font-size: 13px;
        line-height: 1.5;
      }
      .event_infos .flex {
        flex-direction: column;
        row-gap: 1rem;
      }
      .event_infos .right {
        width: 100%;
      }
      .event_infos .right .map {
        border-radius: 10px;
      }
      .detail_product .detailtable td a {
        flex-direction: column;
      }
      .detail_product .detailtable td a .img {
        margin-bottom: 0.5rem;
        height: 100px;
      }


      .home .header-nav a.logo{
        filter: contrast(0) brightness(0);
      }
      .home .header-nav ul.menu>li>a{
        color: #242424;
      }
      .home .topbar ul li a{
        color: #242424;
      }
      
      .home .header-nav .search{
        filter: brightness(1);
      }
      div.search-block .searchform input[type='text']{
        font-size: 20px;
      }
      div.search-block .searchform input[type='text']{
        height: 50px;
      }
      .wd-action-btn{
        top: 17px;
        width: 20px;
        height: 20px;
      }
      .search-block input[type="submit"]{
        min-width: 34px;
        height: 34px;
        transform: translateY(0);
        text-indent: -99999px;
        background: url('../img/search.svg') no-repeat center/contain;
      }


      .product_compare {
    padding: 3rem 0;
  }
  .product_compare .main {
    margin-top: 2rem;
  }
  .product_compare .key {
    width: 150px;
    min-width: 150px;
  }
  .product_compare .item {
    min-width: 160px;
  }
  .product_compare .con {
    padding: 8px 0;
  }
  .product_compare a .img {
    max-width: 100px;
  }
  .product_compare a .name {
    font-size: 15px;
    line-height: 1.5;
    margin-top: 8px;
  }
  .product_compare ul {
    margin: 1rem 0 0.5rem;
  }
  .product_compare ul li {
    font-size: 13px;
    line-height: 1.5;
    padding: 11px 8px;
  }
  .product_compare .quote {
    font-size: 14px;
    padding: 6px;
    margin: 0 8px;
  }

  .products-body .swiper-cats {
    padding-top: 50px;
  }
  .products-body .product-main .head {
    padding: 80px 0 50px;
  }
  .product_intro2 .content>ul>li{
    flex-direction: column;
  }
  .product_intro2 .content>ul>li .img{
    width: 100% !important;
  }
  .chooose-us ul{
    display: flex;
    flex-flow: unset;
    overflow: auto;
  }
  .chooose-us li{
    min-width: 250px;
  }

  .pagination .page-numbers{
    padding: 0.3rem 0.8rem;
    font-size: 0.9rem;
  }
  .pagination{
    margin-top: 1rem;
  }

  .product_intro2 ul li ol li::before{
    width: 1.6rem;
    height: 1.6rem;
    font-size: 15px;
  }
  .product_intro2 ul li ol li::after{
    left: 12px;
  }
}