@media screen and (max-width: 786px) {
    .content {
        padding: 0 1.2rem;
    }
    /* header{
        top: -41px;
    }
    header div.content div.main {
        position: fixed;
        top: 0;
        left: -100%;
        background: #fff;
        z-index: 99;
        width: 88%;
        height: 100%;
        padding-top: 5rem;
        transition: all .3s cubic-bezier(.34,1.56,.64,1);
        text-align: left;
        padding-left: 5rem;
        padding-right: 1rem;
        display: block;
        color: #333333;
    }
    header div.content div.main.active {
        left: -13%;
    }
    header div.content div.main span.close {
        position: absolute;
        top: 1rem;
        right: 2rem;
        font-size: 30px;
        cursor: pointer;
        display: block;
    } */
    div#overlay, span.pro-overlay, span.pro-overlay-1 {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        background: rgb(0,0,0,.1);
        z-index: 98;
        display: none;
    }
    div#overlay.active, span.pro-overlay.active, span.pro-overlay-1.active {
        display: block;
    }
    /* header span.search {
        background-size: 1.45rem;
        margin-right: 3rem;
        margin-top: 1.4rem;
    } */
    span.nav-btn {
        display: inline-block;
        width: 1.5rem;
        height: 1.5rem;
        background: url(../img/nav-btn.svg) no-repeat;
        background-size: contain;
        margin-top: 0.1rem;
        /* position: absolute; */
        /* top: 3.95rem;
        right: 1rem; */
        /* margin-top: 0.85rem; */
    }
    /* header.main-header{
        top: -39px;
    } */
    /* .single header.main-header span.nav-btn,.archive.category header.main-header span.nav-btn,.blog header.main-header span.nav-btn{
        background: url(../img/nav-btn-white.svg) no-repeat;
        background-size: contain;   
    } */
    /* header a.logo{
        width: 8rem;
        height: 3rem;
        margin: 0.5rem 0;
    }
    header div.main{
        height: auto;
        padding: 0.5rem 0;
        line-height: 1;
    }
    header div.main>.content>div:first-of-type{
        line-height: 0;
    }
    header .menu_container{
        position: fixed;
        width: 80%;
        height: 100%;
        top: 0;
        left: -100%;
        background-color: white;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
        padding: 30px 20px;
        z-index: 100;
        transition: all 0.3s ease;
    }
    header .menu_container.active{
        left: 0;
    }
    header .menu_container ul{
        display: block;
    }
    header .menu_container ul li{
        padding-left: 2rem;
        margin-left: 0;
    }
    header .menu_container ul li a{
        display: inline-block;
        width: 100%;
        line-height: 5rem;
    }
    header .menu_container> div.flex{
        display: block;
    }
    header div.main-menu div.main>div>ul>li{
        width: 100%;
        padding: 0;
        margin-bottom: 2rem;
    }
    header div.content div.main span.search{
        display: none !important;
    }
    header div.main-menu div.main a.contact-btn {
        margin: 2rem 0 0 0.4rem;
        line-height: 44px;
        padding: 0 2.2rem;
    }
    header div.main-menu div.main>div>ul>li>a::before{
        display: none;
    }
    header div.main-menu div.main>div>ul>li>a{
        font-size: 18px;
        line-height: 42px;
        font-weight: 400;
    }
    header div.contact-message span{
        margin: 0 !important;
        font-size: 12px;
        padding-left: 1.5rem;
    }
    header div.top-nav div.right{
        width: 10%;
    }
    header div.top-nav div.left{
        width: 90%;
    }
    header div.contact-message span.email, header div.contact-message span.tel{
        display: none;
    }
    header .main-menu div.contact-message span.tel{
        display: inline-block;
        padding-left: 1.8rem;
        font-size: 1rem;
    } */
    h2 {
        font-size: 20px;
        font-weight: 500;
        margin-bottom: 1.8rem;
        line-height: 32px;
    }
    div.home-advance{
        padding: 5rem 1rem 1rem;
        overflow: auto;
    }
    ul.advance-list{
        width: max-content !important;
    }
    ul.advance-list li{
        width: 17rem !important;
    }
    ul.advance-list li+li{
        margin-left: 1rem !important;
    }
    ul.advance-list li span.icon{
        width: 4.5rem !important;
        height: 4.5rem !important;
        background-size: 2rem 2rem !important;
    }
    ul.advance-list li span.title{
        font-size: 1.1rem !important;
        margin: 1.5rem 0 1rem;
    }
    ul.advance-list li p{
        line-height: 22px !important;
        font-size: 13px !important;
    }
    div.home-cats{
        padding: 4rem 1rem 5rem;
        margin-top: 0;
    }
    div.home-cats ul{
        margin: 0 auto 1.5rem;
        padding: 0;
    }
    div.home-cats ul li{
        width: 48%;
        border-radius: 4px;
        background-size: contain;
        margin: 0 0 0.8rem !important;
        background-position: top right !important;
    }
    div.home-cats ul li a{
        transform: unset;
        height: 11rem;
        position: relative;
    }
    div.home-cats ul li button::before{
        height: 1px;
    }
    div.home-cats ul li span.title{
        font-size: 1rem;
        line-height: 24px;
        -webkit-line-clamp: 1;
        position: absolute;
        bottom: 0.6rem;
        left: 0.8rem;
        text-align: left;
        width: 84%;
    }
    div.home-cats ul li p,div.home-cats ul li button{
        display: none;
    }
    .button {
        line-height: 38px;
        min-width: 10rem;
        padding: 0 2rem;
        font-size: 14px;
        border-radius: 3px;
    }
    .button.grey{
        min-width: 10rem;
        font-size: 14px;
    }
    div.provide-part div.left::before {
        width: 98%;
        height: 82%;
        top: 51%;
        left: -1rem;
        transform: translateY(-50%);
        z-index: unset;
    }
    div.provide-part {
        margin-bottom: 4rem;
    }
    div.provide-part div.left * {
        position: relative;
        z-index: 2;
    }
    div.provide-part h2 {
        margin-bottom: 1.2rem;
        font-weight: 500;
    }
    div.provide-part p {
        font-size: 13px;
        line-height: 26px;
    }
    ul.about-data li span {
        font-size: 1.8rem;
    }
    div.provide-part ul.about-data li:first-child::before{
        height: 162%;
    }
    div.provide-part ul.about-data{
        margin: 3.5rem 0 3.5rem;
    }
    div.provide-part div.left {
        padding: 7rem 13% 6rem 0;
    }
    ul.about-data li p {
        font-size: 12px;
        line-height: 20px;
    }
    .page-template-about ul.banner-data li::before {
        display: none;
    }
    /* div.home-product div.product-filter{
        float: unset;
        margin-top: 1.5rem;
        justify-content: space-around;
    }
    div.cat-filter span{
        font-size: 13px;
        padding: 0.6rem 3%;
        margin: 0 !important;
    } */
    div.home-product h2{
        display: block;
    }
    div.home-pro-content{
        padding: 3rem 0 6rem;
        overflow: hidden;
    }
    div.home-pro-content div.content{
        overflow: auto;
        overflow-y: hidden;
        padding: 1rem;
    }
    div.home-product ul.product-list{
        width: max-content;
        position: unset;
    }
    div.home-product ul.product-list li{
        width: 17rem;
        margin-right: 0;
        position: relative;
        z-index: 1;
        margin-right: 1rem !important;
    }
    ul.product-list li{
        box-shadow: 0 0 10px rgb(0, 0, 0, 0.08);
        border-radius: 0;
    }
    ul.product-list li div.img{
        height: 14rem;
        border-radius: 0;
    }
    ul.product-list li div.img span{
        background-size: 80% !important;
    }
    ul.product-list li div.mess {
        padding: 1.2rem 1rem 1rem;
    }
    ul.product-list li div.mess p{
        font-size: 15px;
        margin-bottom: 0.4rem;
        line-height: 24px;
        -webkit-line-clamp: 1;
    }
    ul.product-list li div.mess>span{
        font-size: 13px;
        margin-bottom: 1.2rem;
        display: block;
        margin-bottom: 0.8rem;
    }
    div.home-product ul.product-list::before{
        font-size: 15vw;
        top: unset;
        bottom: 2.5rem;
        left: 1rem;
        transform: unset;
    }
    div.oem-part {
        padding: 3rem 0 4rem;
        margin-bottom: 4rem;
        overflow: hidden;
    }
    div.oem-part div.content div.left {
        width: 100%;
        height: 20rem;
        background-size: 82%;
        background-position-x: 74%;
        order: unset;
    }
    div.oem-part div.content div.right {
        width: 100%;
        margin-top: 7rem;
        padding: 0 0.6rem;
    }
    div.oem-part div.content div.left>div {
        width: 125px;
        height: 115px;
        border-radius: 3px;
        padding: 4.2rem 0.5rem 0 !important;
        font-size: 13px;
    }
    div.oem-part div.content div.left>div.prof{
        left: 0;
    }
    div.oem-part div.content div.left>div.policy{
        bottom: -2%;
    }
    div.oem-part div.content div.left>div p {
        line-height: 20px;
    }
    div.oem-part div.content div.left>div p::before {
        width: 30px;
        top: -2.7rem;
    }
    div.oem-part div.content div.left>div.policy p::before{
        width: 28px;
    }
    div.oem-part div.content div.left>div.design p::before{
        width: 28px;
    }
    div.oem-part div.content div.left>div.design{
        left: 4%;
    }
    div.oem-part h2 {
        margin-bottom: 1rem;
        font-weight: 500;
    }
    div.oem-part div.right p {
        font-size: 13px;
        line-height: 24px;
    }
    div.oem-part div.right::before {
        height: 130%;
        top: unset;
        bottom: -4rem;
        background-color: rgb(255, 255, 255,.5);
    }
    div.vision-percent div.plan {
        margin-bottom: 2rem;
    }
    div.vision-percent div.plan p, div.vision-percent div.plan span {
        font-size: 12px;
        margin: 0;
    }
    div.vision-percent div.plan>div.bar {
        height: 6px;
    }
    div.vision-percent div.plan>div.bar span::before {
        width: 0.9rem;
        height: 0.9rem;
    }
    div.vision-percent {
        margin-top: 3rem;
    } 
    div.factory-part{
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
    .factory-btn .swiper-btn, .certification-btn .swiper-btn,.factory01-btn .swiper-btn{
        width: 2.6rem;
        height: 2.6rem;
        background-size: 9px !important;
    }
    .factory-btn{
        top: 5.5rem;
    }
    div.swiper-factory ul li,div.swiper-about-factory ul li {
        height: 14rem;
    }
    div.swiper-factory ,div.swiper-about-factory {
        padding-top: 0rem;
        padding-bottom: 4rem;
    }
    .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-bullet{
        margin: 0 5px !important;
        width: 0.7rem !important;
        height: 0.7rem !important;
    }
    div.certificate-part,div.application-part{
        padding: 2rem 0 2rem;
        margin-bottom: 0;
    }
    div.certificate-part div.content,div.application-part div.content {
        display: block;
    }
    div.certificate-part div.text,div.application-part div.text {
        width: 100%;
        margin-bottom: 3rem;
        padding: 0;
    }
    div.certificate-part div.text p,div.application-part div.text p{
        font-size: 13px;
        margin-top: 1rem;
        line-height: 24px;
    }
    div.certificate-part div.swiper-certificate,div.application-part div.swiper-application {
        width: 100%;
        margin-bottom: 2.5rem;
    }
    div.certificate-part div.swiper-certificate ul li {
        height: 17rem;
        background-size: cover !important;
    }
    .certification-btn,.application-btn{
        margin-top: 4rem;
    }
    .certificate-btn .swiper-btn,.application-btn .swiper-btn {
        width: 46px;
        height: 46px;
        background-size: 9px !important;
    }
    div.certificate-part div.swiper-certificate ul li div.img {
        height: 17.5rem;
        border-radius: 2px;
    }
    div.certificate-part div.swiper-certificate ul li p{
        font-size: 12px;
    }
    div.certificate-part img,div.application-part img{
        width: 100%;
        height: auto;
    }
    div.application-part div.swiper-application ul li .img{
        height: 13.5rem;
    }
    div.application-part div.swiper-application ul li p{
        padding: 0.5rem;
        font-size: 13px;
    }
    span.subtitle {
        font-size: 13px;
        margin-bottom: 0.8rem;
    }
    ul.news-list li div.mess h3{
        font-weight: 500;
        -webkit-line-clamp: 1;
        font-size: 15px;
        letter-spacing: 0;
        line-height: 24px;
    }
    ul.news-list li div.mess p{
        font-size: 12px;
        line-height: 20px;
        -webkit-line-clamp: 2;
    }
    div.home-news p.title-text {
        margin-bottom: 2.5rem;
    }
    div.news-cat{
        margin-bottom: 2.5rem;
        /* width: max-content; */
        display: flex;
        justify-content: space-around;
    }
    div.news-cat span{
        /* width: 8rem; */
        font-size: 14px;
        padding: 0.6rem 0;
        margin-left: 0;
        margin-right: 0;
    }
    /* div.news-cat span+span{
        margin-left: 4rem;
    } */
    div.news-cat{
        margin-bottom: 1.5rem;
    }
    div.home-news ul.news-list li{
        width: 100%;
        border-radius: 4px;
    }
    ul.news-list li h3{
        font-size: 1rem;
        line-height: 24px;
    }
    ul.news-list li p{
        margin: 0.5rem 0 0.8rem;
        font-size: 12px;
        line-height: 20px;
    }
    ul.news-list span.read{
        font-size: 13px;
        background-size: 13px;
        background-position-x: 80%;
    }
    ul.news-list li div.img{
        height: 8rem;
    }

    .blog ul.news-list li div.img {
        height: 8rem;
    }

    .blog .latest-post h2 {
        margin-bottom: 3rem;
    }
    ul.news-list li{
        margin-bottom: 0.8rem;
    }
    ul.news-list{
        margin-bottom: 2rem;
    }
    div.home-news{
        margin-bottom: 5rem;
    }
    div.home-product::before{
        top: 8rem;
    }
    /* footer{
        padding-top: 5rem;
        padding-bottom: 0;
    }
    footer div.footer-menu div.left {
        width: 100%;
        order: 3;
    }
    footer div.footer-menu div.right {
        width: 100%;
    }
    footer div.footer-menu div.slide-obj>span{
        padding: 11px 1.2rem;
        font-size: 0.95rem !important;
        border-radius: 3px;
        background: white;
        margin-bottom: 0.5rem !important;
        position: relative;
        font-weight: 500;
        color: #242424;
        text-transform: capitalize;
    }
    footer div.footer-menu div.slide-obj>div,footer div.footer-menu div.slide-obj>ul{
        padding: 0 1.5rem;
        margin: 1rem 0;
        display: none;
    }
    footer div.footer-menu div.slide-obj.post >div {
        margin-top: 2rem;
    }
    footer div.footer-menu .menu ul{
        justify-content: space-between;
    }
    footer div.footer-menu .menu ul li {
        width: 40%;
    }
    footer ul.featured-post li {
        margin-bottom: 1rem;
    } */
    ul.featured-post li a div.img {
        height: 90px;
        width: 88px !important;
        border-radius: 3px;
    }
    ul.featured-post li a div.mess {
        width: 65% !important;
    }
    ul.featured-post li a div.mess p.title{
        font-size: 14px;
        line-height: 20px;
    }
    ul.featured-post li a div.mess p.date{
        font-size: 12px;
    }
    /* footer ul li a{
        font-size: 13px;
        line-height: 22px;
    }
    footer ul li{
        margin-bottom: 0.8rem;
        line-height: 26px;
    }
    footer div.footer-menu div.slide-obj{
        margin-bottom: 0 !important;
    }
    footer div.footer-menu div.slide-obj.menu:first-child>div{
        display: block;
    } */
    ::-webkit-input-placeholder{
        font-size: 13px;
    }
    div.subscribe input[type="text"]{
        width: 83.5%;
        padding: 0.6rem 1rem;
        font-size: 13px;
    }
    div.subscribe input[type="submit"]{
        width: 14.5%;
        background-size: 15px;
        line-height: 36px;
    }
    /* footer>div.content div.contact-mess ul li{
        margin-bottom: 0.8rem;
        font-size: 13px;
    }
    footer>div.content div.contact-mess ul li::before{
        width: 14px;
    }
    footer div.copyright{
        padding: 0.8rem 1rem;
        flex-wrap: wrap;
    }
    footer div.copyright p{
        width: 100%;
        order: 3;
        margin-top: 1.5rem;
        font-size: 12px;
        text-align: center;
    }
    footer div.copyright div.social{
        width: 100%;
        text-align: center;
        margin-top: 1rem;
    }
    div.social a{
        width: 1.3rem;
        height: 1.3rem;
    }
    footer div.footer-menu div.slide-obj>span::before {
        content: '';
        width: 12px;
        height: 12px;
        background: url(../img/arrow-down.svg) no-repeat center;
        background-size: contain;
        position: absolute;
        top: 38%;
        right: 1rem;
        transition: 0.4s all ease;
    }
    footer div.footer-menu span.active::before {
        transform: rotate(-180deg);
    } */
    div.all-banner.product-banner{
        padding: 5rem 0 4rem !important;
        background-position: 10% !important;
        min-height: unset;
        background-size: 100%;
    }
    div.all-banner h1,div.all-banner.product-banner h1{
        font-size: 2rem;
    }
    div.all-banner p{
        font-size: 13px;
        line-height: 22px;
    }
    div.all-banner.product-banner p{
        font-size: 14px;
    }
    div.all-banner{
        padding-top: 4rem !important;
        min-height: 20rem;
        background-size: auto 100% !important;
        background-position: 74% 0 !important;
        height: unset;
    }
    span.product-nav {
        width: 23px;
        height: 23px;
        background-image: url(../img/caidan.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        position: absolute;
        top: 3px;
        right: 1rem;
        z-index: 2;
    }
    .search div.products-content div.sidebar{
        position: fixed;
    }
    .search span.product-nav{
        top: -3px;
    }
    div.products-content div.sidebar {
        position: fixed;
        width: 85%;
        height: 100%;
        background-color: white;
        top: 0;
        right: -100%;
        z-index: 99;
        padding: 1rem 1rem 1rem 1.2rem;
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
        transition: all .3s cubic-bezier(.34,1.56,.64,1);
        overflow: auto;
        padding-right: 12%;
    }
    div.products-content div.sidebar.active {
        right: -12%;
    }
    div.products-content div.sidebar div.container, div.products-content div.sidebar strong {
        border: none;
    }
    div.products-content div.sidebar strong {
        font-size: 18px;
        background: unset !important;
        color: #333333 !important;
        padding: 0.5rem 0 1rem;
        /* display: none; */
        pointer-events: none;
    }
    div.products-content div.widget strong:before{
        height: 2px;
        width: 1.5rem;
        background-color: #037fdd;
    }
    div.products-content div.sidebar div.container div.widget>ul,div.products-content div.sidebar div.container div.productcat-lists>ul{
        border: 0;
        border-top: 1px solid #eeeeee;
        padding-left: 0rem;
    }
    div.products-content div.sidebar div.container>div>ul li {
        font-size: 14px;
        line-height: 28px;
        margin-bottom: 1rem;
    }
    div.products-content {
        display: block;
        margin: 3rem auto 5rem;
        position: relative;
        padding-bottom: 0;
        min-height: 20rem;
    }
    div.products-content div.product-view {
        width: 100%;
        margin-left: 0;
    }
    .product-view ul.product-list li {
        width: 48%;
        border: 1px solid #eeeeee;
        margin-bottom: 1rem;
        margin-right: 0 !important;
        box-shadow: none;
    }
    .product-view ul.product-list li div.img{
        height: 9.5rem;
    }
    .product-view ul.product-list li div.mess span{
        font-size: 12px;
    }
    div.product-view h2{
        font-size: 1.2rem;
        line-height: 28px;
    }
    .product-view div.product-view>p {
        margin-bottom: 2rem;
    }
    div.sort{
        display: none;
    }
    div.pro-nav div.breadcrumbs{
        font-size: 13px;
        text-align: left;
        line-height: 20px;
    }
    .product-view ul.product-list{
        justify-content: left;
        margin-bottom: 2rem;
        min-height: 18rem;
    }
    .product-view ul.product-list li{
        width: 48%;
    }
    .product-view ul.product-list li:nth-child(odd){
        margin-right: 4% !important;
    }
    .product-view ul.product-list li div.mess {
        padding: 0.6rem 0.5rem;
    }
    .product-view ul.product-list li div.mess>span{
        margin-bottom: 1rem;
        display: -webkit-box;
        -webkit-line-clamp: 1;
    }
    .product-view ul.product-list li p{
        margin-bottom: 0.2rem;
        font-size: 14px;
    }
    .product-view ul.product-list li .button {
        line-height: 32px;
        padding: 0;
        font-size: 13px;
        font-weight: 400;
    }
    div.product-infor div.infor-content{
        padding: 2rem 0 4rem;
        flex-wrap: wrap;
    }
    div.product-infor div.left{
        width: 100%;
        padding-top: 0;
    }
    div.product-infor div.left div.img,div.product-infor div.left div.img span{
        min-height: 16rem;
    }
    div.product-infor div.left div.img span{
        margin-bottom: 1rem;
    }
    div.product-infor div.left span{
        min-height: 2.2rem;
        min-width: 1.5rem;
        background-size: 80% !important;
        background-position: center !important;
    }
    div.product-infor div.right{
        width: 100%;
        padding-top: 2rem;
    }
    div.product-infor div.right>span{
        font-size: 13px;
        margin-bottom: 1rem;
    }
    div.product-infor h1{
        font-size: 1.2rem;
        margin-bottom: 4rem;
        line-height: 26px;
    }
    div.product-infor h1::before {
        width: 35px;
        height: 2px;
        bottom: -1.5rem;
    }
    div.product-infor .gallery-list-content>span.gallery-btn{
        background-size: 14px !important;
    }
    div.product-infor div.right .attr p {
        font-size: 14px;
        margin-bottom: 0.8rem;
        line-height: 24px;
    }
    div.product-infor div.two-btn {
        margin-top: 2rem;
        position: fixed;
        bottom: 0;
        right: 0;
        width: 100%;
        z-index: 10;
        display: flex;
    }
    div.product-infor div.two-btn .button {
        line-height: 48px;
        padding: 0 8%;
        width: 50%;
        min-width: unset;
        font-size: 14px;
        margin-top: 1rem;
        margin-right: 0;
        box-shadow: 0 0 12px rgb(0, 0, 0, 0.15);
        border-radius: 0;
        border-top-right-radius: 3px;
    }
    div.product-infor div.two-btn .button:nth-child(2) {
        border: 1px solid white;
        color: #242424;
        background-color: white;
        border-radius: 0;
    }
    div.product-infor div.infor-content::before{
        bottom: 2rem;
        width: 0.9rem;
    }
    div.fast-part{
        overflow: auto;
        margin-bottom: 4rem;
    }
    div.fast-part ul.content {
        width: max-content;
        justify-content: unset;
        padding-left: 0;
    }
    div.fast-part ul.content li {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
        /* padding: 2.5rem 4rem 0.5rem; */
        width: 16rem;
    }
    div.fast-part ul.content li span.icon {
        height: 2.2rem;
        top: 2.8rem;
    }
    div.fast-part ul.content li p.title {
        font-size: 1rem;
        margin-bottom: 0.8rem;
    }
    div.fast-part ul.content li p {
        font-size: 14px;
    }
    div.fast-part ul.content li.exp {
        padding: 1.6rem;
        width: 55vw;
        border-radius: 5px;
        transform: unset;
        left: unset;
    }
    div.fast-part ul.content li.exp p.title {
        font-size: 15px;
    }
    div.fast-part ul.content li.exp p.num {
        font-size: 2rem;
        line-height: 50px;
        margin: 0.5rem 0;
    }
    div.fast-part ul.content li.exp>span {
        font-size: 12px;
    }
    ul.functions_list{
        flex-wrap: wrap;
        justify-content: space-between;
    }
    ul.functions_list li {
        width: 48%;
        position: relative;
        margin-right: 0;
        border-radius: 3px;
        padding: 1rem 1rem 1rem 3.2rem;
        font-size: 13px;
        margin-bottom: 1rem;
    }
    ul.functions_list li>span,ul.app_list li p span {
        width: 26px;
        height: 26px;
        font-size: 13px;
        line-height: 26px;
        font-size: 13px;
        position: absolute;
        left: 0.8rem;
        top: 50%;
        transform: translateY(-50%);
    }
    .single-product h2{
        font-size: 1.3rem;
        margin-bottom: 2rem;
    }
    div.pro-size {
        margin-bottom: 4rem;
        padding-bottom: 3rem;
    }
    div.pro-desc img{
        max-width: 100%;
        height: auto;
        width: 100%;
    }
    div.pro-desc h3, div.pro-desc h2{
        font-size: 1.1rem;
        line-height: 28px;
    }
    /*div.pro-desc-content{
        padding: 5rem 1.2rem;
    }
*/    div.pro-desc h3::before, div.pro-desc h2::before{
        width: 2rem;
        top: -1rem;
    }
    div.pro-desc p,.pro-features p {
        line-height: 24px;
        margin-top: 1rem;
        font-size: 13px;
    }
    .pro-features ul li::before{
        top: 9px;
    }
    .pro-features {
        margin-bottom: 5rem;
    }
    .pro-features ul li{
        font-size: 13px;
        line-height: 24px;
    }
    .pro-features p{
        margin-bottom: 1rem;
    }
    div.pro-desc{
        margin-bottom:1rem;
    }
    div.param-part table tr td{
        line-height: 22px;
        padding: 0.5rem 1rem;
        font-size: 13px;
    }
    div.param-part table tr td:nth-child(odd){
        font-size: 14px;
        width: 50%;
    }
    div.param-part table tr td:nth-child(even){
        width: 50%;
        word-break: break-word;
    }
    div.param-part table{
        margin-bottom: 2rem;
    }
    div.inquiry-form form>p{
        width: 47.6%;
        margin-right: 3% !important;
        font-size: 13px;
        margin-bottom: 0.8rem;
    }
    form .country-select input, form .country-select input[type=text]{
        background-size: 11px;
    }
    div.inquiry-form form>p:nth-child(even),div.contact-form form>p:nth-child(odd) {
        margin-right: 0 !important;
    }
    div.inquiry-form form>p input, div.inquiry-form form>p textarea, div.contact-form form>p input, div.contact-form form>p textarea{
        padding: 0.6rem;
        font-size: 13px;
    }
    div.inquiry-form ::-webkit-input-placeholder, div.contact-form ::-webkit-input-placeholder{
        font-size: 13px;
    }
    div.inquiry-form form>p textarea {
        height: 9rem;
    }
    div.inquiry-form form>p input[type="submit"],div.contact-form form>p input[type="submit"] {
        width: 100%;
        line-height: 30px;
        padding: 7px 0;
        font-size: 14px;
        border-radius: 0px !important;
    }
    div.inquiry-form form>p:nth-child(10), div.contact-form form>p:nth-child(7){
        width: 100%;
    }
    div.inquiry-form {
        margin-bottom: 3rem;
        padding-top: 0;
    }
    .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{
        font-size: 13px;
    }
    div.liked h2{
        margin-bottom: 0.5rem;
    }
    .swiper-content{
        padding: 1rem 1.2rem;
    }
    div.related-btn div.swiper-btn{
        background-size: 11px !important;
        right: 0.2rem !important;
        top: -13rem;
    }
    div.related-btn div.swiper-button-prev {
        left: 0.2rem !important;
    }
    div.liked{
        margin-bottom: 5rem;
    }
    div.all-banner.contact-banner,div.all-banner.about-banner{
        background-position-y: top !important;
        min-height: unset;
        position: relative;
    }
    div.all-banner.about-banner::before,div.all-banner.contact-banner::before{
        content: '';
        width: 100%;
        height: 100%;
        background: rgb(0, 0, 0, 0.2);
        position: absolute;
        top: 0;
        left: 0;
    }
    div.all-banner.contact-banner::before{
        display: none;
    }
    .contact-banner div.content>p{
        padding-right: 34%;
    }
    div.all-banner.about-banner *,div.all-banner.contact-banner *{
        position: relative;
    }
    div.all-banner.contact-banner .flag-dropdown{
        position: absolute;
    }
    div.all-banner.about-banner p{
        font-size: 14px;
    }
    div.all-banner div.content>div{
        overflow: auto;
        overflow-y: hidden;
    }
    ul.banner-data{
        width: max-content;
    }
    div.all-banner.about-banner ul.banner-data li span{
        display: -webkit-box;
    }
    div.all-banner.about-banner ul.banner-data li p{
        font-weight: unset;
        font-size: 13px;
        margin-top: 15px;
    }
    ul.banner-data li{
        width: 9rem;
        height: unset;
        padding: 0 0.6rem 2rem;
    }
    .contact-banner ul li span.icon{
        width: 1.2rem;
        margin-bottom: 1rem;
    }
    .contact-banner ul li p.title{
        font-size: 14px;
        margin-bottom: 0.5rem;
    }
    ul.about-data li p, ul.banner-data li p {
        font-size: 13px;
        line-height: 22px;
    }
    div.contact-container {
        margin: 5rem auto 3rem;
    }
    div.contact-form form>p input, div.contact-form form>p textarea{
        margin: 4px 0;
    }
    div.contact-form form>p textarea {
        height: 9rem;
    }
    div.all-banner.about-banner ul.banner-data li{
        padding-bottom: 3rem;
        width: 33.3%;
        border: 0;
    }
    div.all-banner.about-banner ul.banner-data li:nth-child(4){
        width: 0;
        padding: 0;
    }
    div.all-banner.about-banner ul.banner-data{
        width: 100%;
        position: relative;
    }
    div.all-banner.about-banner div.content{
        overflow: hidden;
    }
    ul.banner-data li span {
        font-size: 1.6rem !important;
    }
    ul.banner-data li::before{
        height: 1.2rem;
        top: 2.8rem;
    }
    .contact-banner ul.banner-data li:before{
        top: 4.6rem;
        display: none;
    }
    .contact-banner ul.banner-data li.address{
        width: 14rem;
    }
    .contact-banner ul.banner-data li {
        padding-top: 2rem;
        width: 10rem;
        border-left: 0 !important;
        min-width: 10rem;
    }
    div.all-banner.about-banner{
        background-position-x: 10% !important;
    }
    div.about-focus{
        padding: 4rem 0 
    }
    div.about-focus div.top h2{
        width: 100%;
        line-height: 2.2rem;
        font-size: 1.6rem;
    }
    div.about-focus div.top p{
        width: 100%;
        font-size: 13px;
        line-height: 26px;
        margin-top: 1.2rem;
    }
    div.about-focus div.top{
        margin-bottom: 3rem;
    }
    div.about-focus div.focus{
        overflow: auto;
        padding-top: 3rem
    }
    ul.advance-list.focus-list li{
        padding: 3.5rem 2.5% 2.5rem;
    }
    ul.advance-list.focus-list li span.icon{
        top: -2rem;
    }
    div.about-factory{
        padding: 4rem 0;
    }
    .factory-btn .swiper-btn,.factory01-btn .swiper-btn{
        width: 3.2rem;
        height: 3.2rem;
        background-size: 9px !important;
        right: 0;
        top: -8rem;
    }
    .factory-part .swiper-pagination{
        display: none;
    }
    div.swiper-factory ul li {
        height: 16rem;
        width: 71%;
        border-radius: 5px;
    }
    div.home-product a.button.grey {
        padding: 0 1.8rem;
        font-size: 15px;
        line-height: 43px;
    }
    div.all-banner.about-banner h1 {
        font-size: 2.3rem;
    }
    .app-container.content {
        position: relative;
        margin-bottom: 2rem;
    }
    div.swiper-factory .swiper-slide-prev ,div.swiper-about-factory .swiper-slide-prev {
        transform: scale(1) translateX(0) !important;
    }
    div.swiper-factory .swiper-slide-next,div.swiper-about-factory .swiper-slide-next {
        transform: scale(1) translateX(0) !important;
    }
    div.swiper-factory,div.swiper-about-factory {
        padding-bottom: 0;
    }
    div.market {
        margin-bottom: 5rem;
        padding-top: 3rem;
    }
    p.title-text{
        font-size: 13px;
        line-height: 24px;
        margin-bottom: 2rem;
        padding: 0 1.2rem;
    }
    div.market h2{
        margin-bottom: 0.5rem;
        padding: 0 12%;
        font-size: 21px;
    }
    .wd-action-btn {
        width: 20px;
        height: 20px;
        top: unset;
        bottom: 1rem;
        right: 1rem;
        z-index: 2;
    }
    div.search-block div.content{
        height: 100%;
        position: fixed;
    }
    div.search-block .searchform input[type="text"] {
        font-size: 1.5rem;
        text-indent: 0;
        width: 100%;
        height: 90px;
        z-index: 1;
    }
    div.search-block .searchform ::-webkit-input-placeholder{
        font-size: 1.5rem;
    }
    div.latest-post{
        padding-top: 4rem;
        margin-bottom: 1rem;
        padding-bottom: 4rem;
    }
    div.latest-post ul {
        column-count: unset;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-bottom: 0;
    }
    /* div.latest-post ul li:first-child {
        width: 100%;
        height: 14rem !important;
    }
    div.latest-post ul li:nth-child(2), div.latest-post ul li:nth-child(3) {
        width: 48.5%;
        display: inline-block;
        margin-left: 0;
        height: 12rem !important;
    } */
    div.latest-post ul li span.date {
        bottom: 3rem;
        left: 0.8rem;
        line-height: 32px;
        font-size: 12px;
        letter-spacing: 0;
        padding: 0;
        text-align: left;
        min-width: 6rem;
    }
    div.latest-post ul li p.title {
        bottom: 1rem;
        left: 0.8rem;
        font-size: 13px;
    }
    .latest-post ul.news-list li,.blog .news-list .video-item {
        margin-bottom: 0.8rem;
    }
    .latest-post ul.news-list li.video-item div.mess h3{
        font-size: 13px;
        line-height: 20px;
        margin: 0.5rem 0;
    }
    div.all-banner.news-banner {
        height: 20rem;
        min-height: unset;
        background-size: cover !important;
        background-position-x: left !important;
        padding: 0 1rem;
        padding-top: 6.5rem!important;
    }
    div.all-banner.news-banner h1 {
        margin-bottom: 1rem;
        font-size: 2rem;
    }
    div.all-banner.news-banner div.content>p {
        line-height: 24px;
    }
    div.all-banner div.content>div{
        font-size: 13px;
    }
    div.news-content .button{
        min-width: unset;
        line-height: 38px;
    }
    div.news-content ul.post-list li{
        width: 48%;
        margin-right: 3.75%;
        border-radius: 0;
        margin-bottom: 0.8rem;
        box-shadow: 0 0 8px rgb(0, 0, 0, 0.1);
    }
    div.news-content ul.post-list li:nth-child(even){
        margin-right: 0 !important;
    }
    div.news-content ul.post-list li div.img {
        height: 11rem;
        border-radius: 0;
    }
    .home ul.post-list li div.mess{
        padding-top: 1rem;
    }
    ul.news-list li div.mess{
        padding: 0.2rem 0.8rem 1rem;
    }
    div.news-content ul.news-list li div.mess p, .latest-post ul.news-list li div.mess p{
        margin-bottom: 0;
        font-size: 13px;
        line-height: 20px;
        -webkit-line-clamp: 2;
        min-height: unset;
    }
    
    /* div.news-content ul.post-list li div.mess span.more{
        display: none;
    } */
    ul.news-list li div.mess h3 {
        font-weight: 500;
        -webkit-line-clamp: 2;
        font-size: 15px;
        letter-spacing: 0;
        margin: 0;
        line-height: 24px;
        margin-bottom: 0;
    }
    ul.news-list li div.mess span:first-child{
        font-size: 12px;
    }
    ul.news-list{
        margin-bottom: 2.5rem;
    }
    div.news-detail {
        padding: 2.5rem 1rem 1rem;
        transform: translateY(-4rem);
        border-radius: 10px;
        margin: 0 1rem;
    }
    .news-detail span.date {
        font-size: 12px;
    }
    .news-detail h1 {
        font-size: 1.2rem;
        margin: 0.8rem 1rem 3rem;
    }
    .news-detail h1::before {
        width: 36px;
        height: 3px;
        bottom: -1.5rem;
    }
    .news-detail p {
        line-height: 24px;
        margin-bottom: 1rem;
        font-size: 13px;
    }
    .news-detail figure {
        margin-bottom: 1rem;
    }
    .news-detail div.social {
        margin-top: 3rem;
        display: flex;
        justify-content: space-around;
        width: 50%;
    }
    .news-detail .wp-block-columns{
        margin-bottom: 0;
    }
    .news-detail div.social a {
        width: 20px;
        height: 20px;
        margin: 0;
    }
    div.all-banner.news-banner.post-banner {
        height: unset;
        min-height: unset;
        padding-bottom: 7rem;
    }
    div.all-banner.post-banner h1{
        -webkit-line-clamp: unset;
        font-size: 1.7rem;
    }
    .news-detail div.breadcrumbs{
        width: 100%;
        font-size: 13px;
    }
    .news-detail span.post-date{
        font-size: 13px;
        margin-top: 1rem;
    }
    div.news-detail div.news-header{
        flex-wrap: wrap;
        margin-bottom: 1.5rem;
    }
    .news-detail h2 {
        margin-bottom: 0.8rem;
        line-height: 26px;
        font-size: 1.2rem;
    }
    div.bottom-post{
        margin: 0 1rem 5rem;
        padding: 1.5rem 7%;
        border-radius: 8px;
    }
    div.swiper-post ul li a{
        text-align: center !important;
        font-size: 13px;
        padding: 0 6%;
        font-weight: 500;
        line-height: 20px;
        -webkit-line-clamp: 2;
    }
    .new-btn .swiper-button-prev, .new-btn .swiper-button-next{
        left: -2.2rem;
        background-size: 8px !important;
        top: -1.8rem;
    }
    .new-btn .swiper-button-next{
        left: unset;
        right: -2.2rem;
    }
    .tax-productcat .button.load_more_post_ajax{
        min-width: 10rem;
    }
    .home-advance ul.advance-list li span.icon {
        background-size: 2rem 2rem !important;
    }
    .archive div.news-content {
        margin-top: 0
    }
    div.all-banner.cat-banner{
        height: unset;
        padding: 6rem 1.2rem ;
    }
    div.app-container{
        margin: 4rem auto;
        margin-top: 2rem;
    }
    div.app-container div.left {
        width:100%;
        order: 3;
        margin-top: 0.5rem;
        padding-top: 1rem;
    }
    div.app-container div.right {
        width:100%;
    }
    div.app-container div.left span.title{
        font-size: 1.2rem;
        margin-bottom: 0.3rem;
        line-height: 30px;
    }
    div.app-container div.left {
        line-height: 26px;
        font-size: 13px;
    }
    div.app-container div.left strong{
        font-size: 1rem;
        margin-top: 2rem;
        margin-bottom: 0.5rem;
    }
    div.app-container ul.advance{
        width: 100%;
        margin-top: 2rem;
    }
    div.app-container ul.advance li {
        background-size: 18px;
        font-size: 12px;
        background-position-y: 4px;
    }
    ul.advance li+li {
        margin-top: 0.5rem;
    }
    div.fields-part p.title-text{
        margin-bottom: 2.5rem;
    }
    div.fields-name{
        overflow: auto;
        padding-bottom: 5px;
    }
    div.fields-name ul{
        width: max-content;
    }
    div.fields-name ul li{
        font-size: 13px;
        padding: 0.6rem 0;
        border-radius: 3px;
        line-height: 18px;
        width: 10rem;
    }
    div.fields-name ul li+li{
        margin-left: 0.6rem;
    }
    div.fields-content.app-container {
        margin: 2rem 0 4rem;
    }
    div.fields-content.app-container div.right{
        width: 100%;
        height: 15rem;
    }
    div.related-part{
        padding-top: 2rem;
    }
    div.related-part h2 {
        font-size: 20px;
        margin-bottom: 0.5rem;
    }
    div.application-banner h1{
        margin-bottom: 0.5rem;
        line-height: 3rem;
    }
    /* div.application-banner{
        height: 490px;
    } */
    div.app-sidebar{
        margin-top: -11px;
        padding: 10px 0;
        background: unset;
    }
    div.app-sidebar ul{
        width: max-content;
        min-width: 100%;
        align-items: center;
    }
    div.app-sidebar ul li {
        padding: 1.5rem 0.8rem;
        font-size: 14px;
        /* min-width: 7rem; */
        /* width: 124px!important; */
        width: auto;
    }
    div.app-sidebar:after{
        height: 47%;
    }
    .app-content{
        margin-top: -45px;
    }
    div.app-container div.right img{
        width: 100%;
        height: auto;
    }
    div.app-container ul.advance li:nth-child(even), div.app-container ul.advance li strong{
        padding-left: 3rem;
    }
    div.app-container ul.advance li strong{
        background-size: 1.6rem;
        line-height: 36px;
        font-size: 1rem;
    }
    div.related-part .swiper-pagination{
        bottom: -2rem;
    }
    div.related-part{
        margin-bottom: 6rem;
    }
    div.app-container div.left h3{
        margin-top: 2rem;
        font-size: 1.05rem;
        margin-bottom: 0.3rem;
    }
    .contact-banner ul.banner-data{
        margin-top: 6rem !important;
    }
    .about-banner ul.banner-data{
        margin-top: 3rem !important;
    }
    .contact-container form .country-select input, .contact-container form .country-select input[type=text] {
        margin: 4px 0 !important;
    }
    p{
        line-height: 24px;
    }
    form .country-select ul.country-list{
        min-width: 9rem;
    }
    div.subscribe form#sytech-newsletter-subscription input[type="email"]{
        width: 83.5%;
        padding: 0.55rem 1.2rem;
        line-height: unset;
    }
    form#sytech-newsletter-subscription input[type="submit"]{
        background-position: center !important;
    }
    div.subscribe div.form{
        margin-top: 1.5rem;
    }
    div.product-view div.loader{
        margin-top: -1rem;
    }
    /* header div.main-menu div.main>div>ul>li.ajax_load_categories{
        padding-bottom: 0;
    } */
    form#sytech-newsletter-subscription p.failed.active, form#sytech-newsletter-subscription p.success.active{
        font-size: 13px;
        padding: 0.5rem 0.8rem 0.5rem 2rem;
        min-width: unset;
        top: -3.2rem !important;
    }
    form#sytech-newsletter-subscription p.failed:before, form#sytech-newsletter-subscription p.success:before{
        width: 0.9rem !important;
        height: 0.9rem !important;
    }
    /* .single-product footer{
        padding-bottom: 3rem;
    } */
    div.products-content div.sidebar div.container span.close{
        display: block;
        margin-bottom: 1rem;
        margin-left: auto;
        width: 30px;
        height: 30px;
        margin-right: 1.2rem;
        background: url(../img/cloes.svg) no-repeat center;
        background-size: 1rem;
    }
    /* header div.top-nav .content{
        font-size: 13px;
        display: flex;
        justify-content: space-between;
        padding: 0 1rem;
    }
    header div.top-nav div.right{
        width: 10%;
    } */
    div.search-block.active{
        bottom: 105px;
    }
    div.search-block{
        height: 100vh;
    }
    div.search-block input[type="submit"] {
        width: 1.5rem;
        height: 1.5rem;
        margin: 0 2.2vw 0 1.2vw;
        background: url(../img/search.svg) no-repeat center;
        background-size: 1.4rem;
        display: inline-block;
        vertical-align: middle;
        transition: 0.3s all ease;
        cursor: pointer;
        border: none;
        outline: none;
    }
    div.search-block.active .searchform {
        display: flex;
        align-items: center;
    }
    
    div.home-product{
        margin: 4rem 0 5rem;
        padding: 0 2rem;
        overflow: hidden;
    }
    ul.hot-product-list li{
        width: 50%;
        background-size: 90% !important;
    }
    ul.hot-product-list li:nth-child(4),ul.hot-product-list li:nth-child(5),ul.hot-product-list li:nth-child(8){
        background-color: #f7f7f7;
    }
    ul.hot-product-list li:nth-child(3),ul.hot-product-list li:nth-child(6),ul.hot-product-list li:nth-child(7){
        background-color: #e1e1e3;
    }
    ul.hot-product-list li a{
        min-height: unset;
        height: unset;
        transform: none;
        padding: 2.5rem 5% 1rem;
        height: 11rem;
    }
    ul.hot-product-list li button{
        /* line-height: 36px;
        font-size: 13px; */
        display: none;
    }
    ul.hot-product-list li span.title{
        font-size: 0.9rem;
        color: #242424;
        line-height: 12px;
    }
    ul.hot-product-list li p {
        /* margin: 1rem 0 1.8rem;
        line-height: 20px;
        font-size: 14px;
        color: white; */
        display: none;
    }
    ul.hot-product-list{
        margin-bottom: 3rem;
    }
    div.swiper-partner ul li{
        height: 6rem;
    }
    div.swiper-partner{
        padding: 0 1.38rem;
        margin-bottom: 3rem;
        overflow: hidden;
    }
    div.partner-part{
        margin-bottom: 5rem;
    }
    ul.oem-list {
        margin: 2.5rem 0 3.5rem;
    }
    ul.oem-list li {
        font-size: 14px;
        margin-bottom: 1.2rem;
        padding-left: 1.2rem;
        background-size: 13px;
        background-position-y: 1px;
        background-position-x: -5px;
    }
    /* div.footer-contact form>p{
        width: 48.7%;
    } */
    div.feature-pro{
        padding: 0 1rem;
        margin-bottom: 5rem;
    }
    div.feature-pro strong{
        font-size: 1.2rem;
        margin-bottom: 3rem;
        display: block;
        position: relative;
    }
    div.feature-pro strong::before{
        content: '';
        width: 1.5rem;
        height: 2px;
        position: absolute;
        bottom: -0.8rem;
        left: 0rem;
        background-color: #242424;
    }
    .feature-pro ul li{
        padding-left: 0;
    }
    .wpcf7-not-valid-tip{
        font-size: 12px !important;
    }
    ul.button_list li{
        min-width: 2.2rem;
        margin-right: 2.2%;
        margin-bottom: 0.5rem;
    }
    ul.button_list li:last-child{
        margin-right: 0;
    }
    div.pro-size img{
        width: 100%;
    }
    .single-product .wp-block-columns::before{
        display: none;
    }
    .single-product .wp-block-columns .wp-block-column{
        padding: 0 !important;
        max-width: unset;
        width: 100%;
        flex-basis: 100%!important;
    }
    .single-product .wp-block-columns{
        min-height:unset;
        margin-bottom: 3rem !important;
    }
    .single-product .pro-desc-content div.wp-block-columns:last-of-type{
        margin-bottom: 0 !important;
    }
    /*.single-product .wp-block-columns:nth-child(odd) .wp-block-column:first-child{*/
    /*    order: 3;*/
    /*}*/
    /* div.application-sence{
        margin-bottom: 5rem;
    }
    div.application-sence>div{
        overflow: auto;
    }
    ul.app_list{
        width: max-content;
    }
    .application-sence ul.app_list li{
        width: 17rem ;
    }
    .application-sence ul.app_list li+li{
        margin-left: 1rem;
    }
    .application-sence ul.app_list li div.img{
        height: 15rem;
    }
    .application-sence ul.app_list li p {
        padding: 1rem 3.5rem;
        font-size: 1rem;
    } */
    /* div.contact-message span::before,.single div.contact-message span::before, .archive.category div.contact-message span::before, .blog div.contact-message span::before{
        content: url(../img/phone-purple.svg);
    } */
    .app-container .appi-advanatge-content .item p{
        font-size: 1.05rem;
        margin-bottom: 5px;
    }
    .app-container .appi-advanatge-content .item span,.application-industry-content .flex-content .part-left p,.industry-swiper .swiper-slide span,div.related-part h2+p{
        font-size: 13px;
        line-height: 22px;
    }
    .app-container .appi-advanatge-content .item{
        padding-left: 50px;
        background-size: 30px;
        background-position: left top;
        margin-bottom: 15px;
    }
    .application-industry-content .flex-content{
        flex-flow: wrap;
        margin-bottom: 20px;
    }
    .application-industry-content .flex-content .part-left{
        width: 100%;
    }
    .application-industry-content .flex-content .part-right{
        margin-top: 20px;
    }
    .application-industry-content{
        padding: 50px 0;
        margin-bottom: 2rem;
    }
    .application-industry-content .flex-content h2{
        font-size: 20px;
        margin-bottom: 10px;
    }
    .industry-btn{
        width: 45px;
        height: 45px;
    }
    .industry-btn.industry-right{
        margin-left: 5px;
    }
    .industry-swiper .swiper-slide{
        padding: 20px;
        min-height: 246px;
    }
    .industry-swiper .swiper-slide h3{
        font-size: 30px;
    }
    .industry-swiper .swiper-slide p{
        font-size: 17px;
        margin-bottom: 10px;
    }
    div.related-part h2+p{
        padding: 0 1.2rem;
        margin-bottom: 20px;
    }
    .two-btn button{
        font-size: 13px;
        padding: 7px 25px;
        min-width: unset;
        border-width: 1px;
        font-weight: 400;
        border-radius: 5px;
        margin-bottom: 20px;
    }
    .two-btn button:nth-of-type(1){
        margin-right: 10px;
    }
    .page-template-application div.all-banner,.single-application div.all-banner{
        padding: 7rem 0 5rem !important;
        background-position: center !important;
        min-height: unset;
        height: unset;
    }
    div.application-banner p::before{
        width: 1rem;
        bottom: -3rem;
    }
    ul.about-data.banner-data li{
        height: unset;
    }
    div.provide-part div.left .button.white{
        font-size: 14px;
    }
    /* header div.main-menu div.main>div>ul>li.ajax_load_categories a::after{
        display: none;
    } */
    ul.like-part.product-list .button{
        font-size: 13px;
    }
    div.all-banner ul.banner-data li{
        height: unset;
        padding-bottom: 1rem;
        background-size: contain !important;
        padding: 0 0 1rem;
    }
    .button.grey, .button.load_more_post_ajax{
        font-size: 15px;
        min-width: unset;
    }
    /* footer ::-webkit-input-placeholder{
        font-size: 12px !important;
    } */
    .news-detail .wp-block-column figure{
        margin-bottom: 1rem;
    }
    .pro-inquiry{
        width: 90%;
        padding: 2.5rem 1rem 1rem;
        border-radius: 4px;
        min-width: unset;
        transition: 0.45s all ease;
    }
    .pro-inquiry h2{
        font-size: 1.4rem;
        margin-bottom: 1.2rem;
    }
    div.inquiry-form.pro-inquiry form>p input, div.inquiry-form.pro-inquiry form>p textarea {
        padding: 7px 10px;
        font-size: 13px;
        margin-bottom: 2px;
    }
    div.inquiry-form.pro-inquiry form>p {
        margin-bottom: 0.8rem;
    }
    div.inquiry-form.pro-inquiry form>p textarea {
        height: 8rem;
    }
    div.inquiry-form.pro-inquiry input[type="submit"] {
        width: 100%;
        line-height: 24px;
    }
    div.inquiry-form.pro-inquiry form>p:nth-child(10){
        margin-bottom: 0;
    }
    div.contact-container p.title-text{
        margin-bottom: 2rem;
    }
    div.certificate-part div.text>h2{
        margin-bottom: 1rem;
    }

    div.bottom-post ul li.prev-post{
        display: none;
    }
    div.bottom-post ul li.next-post{
        width: 100%;
        max-width: 100%;
    }
    div.bottom-post{
        position: relative;
    }
    div.bottom-post:after{
        width: 15px;
        height: 15px;
        position: absolute;
        right: 4px;
        top: 50%;
        transform: translateY(-50%);
        content: "";
        background: url('../img/arrow-right-purple.svg') no-repeat center;
        background-size: contain;
        z-index: 1;
    }
    /* footer div.footer-menu div.subscribe ul li{
        font-size: 13px;
    } */

    /* header div.topbar{
        font-size: 0.7rem;
    }
    header div.topbar p.phone::before{
        content: "";
        position: absolute;
        display: block;
        width: 1rem;
        height: 1rem;
        background: url(../img/phone.svg) no-repeat center;
        background-size: contain;
        left: 0;
        top: 0.25rem;
    } */
    .mobile-lay{
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: rgba(0, 0, 0, 0.2);
        z-index: -1;
        display: none;
    }
    .mobile-lay.active{
        z-index: 98;
        display: block;
    }
    .menu-btn{
        width: 27px;
        height: 27px;
        display: inline-block;
        background: url('../img/mobile-menu-btn.svg') no-repeat center;
        background-size: contain;
    }
    /* header div.main>.content{
        align-items: center;
    }
    header button.search{
        display: none;
    } */
    .home-pro-cat-content{
        padding: 3rem 0;
    }
    .home-pro-cat-content ul li{
        width: 100% !important;
    }
    .home-pro-cat-content ul li:hover{
        background-size: auto 100% !important;
    }
    .home-pro-cat-content ul li:hover a{
        transform: translateX(0);
    }
    .home-pro-cat-content ul.sub-list{
        width: 100%;
    }
    .video-btn{
        display: none;
    }
    .home-pro-cat-content ul li{
        padding: 1.5rem 1.2rem;
    }
    .home-pro-cat-content ul li h3{
        font-size: 1.1rem;
    }
    .home-pro-cat-content ul li p{
        font-size: 0.8rem;
    }
    .home-pro-cat-content ul li.cat3 a, .home-pro-cat-content ul li.cat6 a{
        display: inline-block;
    }
    .home-pro-cat-content ul li.cat3, .home-pro-cat-content ul li.cat6{
        background-position: right center;
        background-size: auto 100%;
        text-align: left;
    }
    .home-pro-cat-content ul li.cat6{
        text-align: right;
        padding-left: 50%;
        background-position: left center;
    }
    .home-pro-cat-content ul li.cat3 p, .home-pro-cat-content ul li.cat6 p{
        max-width: 10rem;
    }
    .home-pro-cat-content ul li:nth-of-type(even){
        text-align: right;
        padding-left: 50%;
        background-position: left center;
    }
    .home-pro-cat-content ul li.cat5{
        text-align: left;
        padding-left: 1.2rem;
        background-position: right center;
    }
    .home-video-swiper .mess h3{
        text-align: center;
        font-weight: 500;
        font-size: 0.9rem;
    }
    .video .video-modal .video-content{
        min-width: 100%;
        max-width: 100%;
        min-height: 200px;
        width: 100%;
    }
    .home-ajax-product{
        padding-top: 3rem;
        margin-top: 3rem;
        padding-bottom: 3rem;
    }
    .video-list li.video-item{
        margin-bottom: 2rem;
    }
    .video-swiper-content a.button{
        margin-top: 2rem;
    }
    .ajax_menu ul{
        width: max-content;
    }
    .home .ajax_menu{
        overflow: auto;
    }
    .home-ajax-product .containter{
        overflow: auto;
    }
    .home-ajax-product .containter::-webkit-scrollbar, .home .ajax_menu::-webkit-scrollbar{
        display: none;
    }
    .home-ajax-product .containter ul{
        width: max-content;
    }
    .home-ajax-product .containter ul li{
        width: 210px;
        margin-right: 20px;
    }
    .home-ajax-product .containter ul li:last-of-type{
        margin-right: 0;
    }
    section.about{
        padding: 3rem 0;
    }
    section.about>div>div:first-child{
        flex-flow: wrap;
        margin-bottom: 2rem;
    }
    section.about>div>div:first-child>div{
        width: 100%;
    }
    section.about h2{
        font-size: 24px;
        text-align: center;
        line-height: 35px;
        margin-bottom: 1rem;
    }
    section.about>div>div:first-child p{
        padding: 0;
        text-align: center;
        font-size: 0.9rem;
        color: #999;
        line-height: 1.4rem;
    }
    section.about .advantages>div{
        width: 270px;
        margin-right: 1.2rem;
        box-shadow: none;
        border: 1px solid #eee;
        padding: 6rem 1.2rem 2rem 1.2rem;
    }
    section.about .advantages>div:last-of-type{
        margin-right: 0;
    }
    section.about .advantages{
        width: max-content;
    }
    section.about .advantages>div:before{
        width: 3.5rem;
        height: 3.5rem;
        top: 1.4rem;
    }
    section.about .advantages>div:hover:before{
        transform: translateY(0);
    }
    .about .advantages>div .btn_light{
        margin-top: 15px;
    }
    .about .advantages>div h3{
        font-size: 1rem;
    }
    section.latest-news{
        padding: 3rem 0;
    }
    .over-auto::-webkit-scrollbar{
        display: none;
    }
    .over-auto>ul.post-list{
        width: max-content;
    }
    .over-auto>ul.post-list li{
        width: 270px;
        margin-right: 1.2rem;
        margin-bottom: 0;
    }
    .over-auto>ul.post-list li:last-of-type{
        margin-right: 0;
    }
    .over-auto>ul.post-list li div.img{
        height: 200px;
    }
    .over-auto>ul.post-list li div.mess h3{
        margin-top: 0;
    }
    ul.news-list li div.mess span.date{
        margin-bottom: 0rem;
    }
    ul.news-list li div.mess p{
        font-weight: 400;
        line-height: 21px;
        min-height: 63px;
        font-size: 13px;
    }
    ul.news-list li div.mess span.more{
        font-size: 13px;
        font-weight: 500;
        display: inline-block;
        margin-top: 0.5rem;
        background-size: 16px;
        background-position: 83% 3px;
    }
    .latest-post ul.news-list li div.mess span.more{
        display: none;
    }
    /* footer>.content div.flex:nth-of-type(1){
        flex-flow: wrap;
    }
    footer>.content div.flex:nth-of-type(1) div{
        width: 100%;
    }
    footer>.content div.flex:nth-of-type(1) div p strong{
        margin-bottom: 0;
    }
    footer div p strong{
        font-size: 0.9rem;
    }
    footer>.content div.slide-obj:nth-child(2) div ul,footer>.content div.slide-obj:nth-child(2) div{
        display: block;
    }
    footer>.content div.flex:nth-of-type(1) div ul.active{
        display: block;
    }
    footer>.content div.flex:nth-of-type(1)>div:nth-of-type(1) ul{
        display: none;
    }
    footer div.slide-obj.contact-mess{
        order: 6;
    } */
    /* footer div.newsletter{
        margin-top: 1.5rem;
    }
    footer .underline{
        flex-flow: wrap;
        margin-top: 2rem;
    }
    footer .underline>div{
        width: 100%;
        text-align: center;
    } */
    /* div.social a:first-of-type{
        margin-left: 0;
    }
    footer form#sytech-newsletter-subscription input[type="email"]{
        border-radius: 0;
    }
    footer .underline>div.social{
        margin-top: 2rem;
    }
    footer>.content div.flex:last-of-type{
        flex-flow: wrap;
        justify-content: center;
    }
    footer>.content div.flex:last-of-type > p{
        order: 9;
    }
    .copyright{
        padding-top: 0.8rem;
    }
    footer a.logo{
        width: 10.8rem;
        margin-left: 1rem;
        margin-bottom: 1rem;
    }
    footer .align-end{
        flex-wrap: wrap;
        justify-content: center;
    }
    footer div.social a{
        margin: 0 8px;
        width: 1.8rem;
        height: 1.8rem;
    }
    footer div.social a.facebook {
        background-size: 8px !important;
    }
    footer div.social a.linkedin{
        background-size: 13px !important;
    }
    footer div.social a.youtube {
        background-size: 12px !important;
    }
    footer div.social a.pinterest {
        background-size: 14px !important;
    }
    footer div.social a.twitter,footer div.social a.skype{
        background-size: 15px !important;
    }
    .footer-menu {
        margin-bottom: 1.8rem;
    } */
    div.all-banner.about-banner .banner-video:after{
        width: 42px;
        height: 42px;
        background-size: 20px;
    }
    div.all-banner.about-banner .banner-video{
        padding-left: 56px;
        margin-top: 2rem;
    }
    div.about-banner ul.banner-data li::after, div.about-banner ul.banner-data li:last-child::before{
        display: none;
    }
    .page-template-about div.oem-part div.content div.left>div.prof{
        left: 58%;
    }
    .page-template-about div.oem-part div.content div.left>div.policy{
        bottom: -5%;
    }
    div.oem-part div.content h2{
        font-size: 25px;
    }
    .page-template-about div.oem-part{
        padding-bottom: 4rem;
    }
    .oem-part .right a.button{
        line-height: 42px;
        padding: 0 2rem;
    }
    div.factory-content h2{
        margin-bottom: 2rem;
        font-size: 25px;
    }
    .about-factory .swiper-pagination{
        display: none;
    }
    div.home-contact a.button{
        padding: 0 2%;
        font-size: 13px;
        min-width: unset;
        line-height: 36px;
        width: 41%;
        margin-top: 1rem;
    }
    div.home-contact div.left{
        width: 100%;
    }
    div.home-contact div.content div.left span{
        font-size: 1.4rem;
        line-height: 30px;
    }
    div.home-contact div.content div.left p{
        font-size: 12px;
        line-height: 20px;
    }
    div.home-contact{
        padding: 2.5rem 0 2.5rem;
    }
    div.contact-banner{
        border-bottom-left-radius: 0;
        padding-top: 12rem;
        margin-bottom: 24rem;
    }
    div.contact-banner div.content{
        flex-wrap: wrap;
    }
    div.contact-banner div.content div.left {
        width: 100%;
    }
    div.contact-banner div.content div.right {
        width: 100%;
        position: unset;
    }
    div.contact-banner span.subtitle{
        margin-bottom: 1rem;
    }
    div.contact-banner .button{
        line-height: 36px;
        min-width: 9rem;
        margin-bottom: 4rem;
        margin-top: 0;
    }
    div.contact-banner::before {
        width: 100%;
        height: 67rem;
        top: 32rem;
    }
    div.contact-form {
        padding: 2rem 1.2rem 0.5rem;
        border-radius: 0px;
        border: 1px solid #eee;
    }
    div.contact-form>p{
        font-size: 12px;
        line-height: 18px;
    }
    div.contact-banner form>p{
        margin-top: 0;
        margin-bottom: 0.8rem;
    }
    div.contact-banner form>p input, div.contact-banner form>p textarea{
        padding: 0.8rem 1rem;
        font-size: 13px;
        margin-bottom: 0.2rem;   
        border-radius: 0px;
        font-weight: 400;
        border-width: 1px;
    }
    div.contact-banner form>p input::placeholder, div.contact-banner form>p textarea::placeholder{
        font-weight: 400;
    }
    .wpcf7-not-valid-tip{
        font-size: 12px !important;
    }
    div.contact-banner form>p textarea {
        height: 9rem;
    }
    form>p .country-select input {
        background-size: 12px;
    }
    form .country-select ul.country-list{
        min-width: 15rem;
    }
    div.contact-banner form>p .country-select.inside input, div.contact-banner form>p .country-select.inside input[type=text],div.detail-block form .country-select.inside input, .country-select.inside input[type=text]{
        margin-bottom: 0.2rem !important;
        font-size: 12px;
        padding-left: 1rem !important;
        background-size: 10px;
        margin-bottom: 0 !important;
        line-height: 22px;
    }
    div.contact-banner form>p input[type="submit"] {
        font-size: 0.9rem;
        padding: 0.4rem;
        margin-top: 0.5rem;
    }
    div.all-banner.contact-banner h1{
        font-size: 1.8rem;
        padding-top: 0;
        margin-bottom: 1rem;
        line-height: 40px;
    }
    div.all-banner.contact-banner .left p{
        font-size: 13px;
        line-height: 26px;
        margin: 0;
        margin-bottom: 2rem;
    }
    .wpcf7-acceptance label{
        display: flex;
    }
    div.contact-banner form .wpcf7-acceptance span.wpcf7-list-item-label span{
        font-size: 13px;
        transform: translateY(0);
    }
    .contact-infos-content li p{
        font-size: 18px;
        line-height: 1.5rem;
    }
    div.contact-content ul.contact-infos-content li span{
        font-size: 14px;
    }
    div.contact-content ul.contact-infos-content li{
/*        padding-left: 4.5rem;*/
        margin-bottom: 30px;
        font-size: 0.9rem;
        margin-bottom: 20px;
    }
    .contact-infos-content li:before{
        width: 50px;
        height: 50px;
        background-size: 20px;
        top: 8px;
    }
    div.contact-content{
        padding-bottom: 1rem;
    }
    .blog .articles h2{
        font-size: 25px;
    }
    .articles .flex{
        flex-flow: wrap;
    }
    .articles .flex div{
        width: 100%;
    }
    .articles div.article h3{
        font-size: 1rem;
        padding: 0;
        line-height: 1.5rem;
        margin-bottom: 0.5rem;
    }
    .articles div.article img{
        margin-bottom: 1rem;
    }
    .articles .article span.date{
        padding: 0;
        font-size: 13px;
        margin-bottom: 0.3rem;
    }
    .articles .article p{
        padding: 0;
        font-size: 14px;
        line-height: 25px;
    }
    .article a.btn_light{
        padding: 0;
        font-size: 14px;
        font-weight: 600;
    }
    ul.articles li.article a>div:first-child{
        width: 10rem;
    }
    .articles .article h3{
        font-size: 0.8rem;
        line-height: 25px;
    }
    ul.articles li.article a>div:last-child{
        padding: 0;
        padding-left: 1rem;
    }
    ul.articles li.article{
        padding: 1rem 0;
    }
    .articles .flex div.left{
        margin-bottom: 2rem;
    }
    .latest-post ul.news-list{
        margin-bottom: 0;
    }
    .latest-post ul.news-list li{
        width: 48%;
        margin-right: 0 !important;
    }
    div.latest-post ul li:nth-of-type(2n){
        margin-right: 0;
    }
    ul.post-list li div.img{
        height: 7.5rem;
    }
    .latest-post .button.load_more_post_ajax{
        margin-top: 3rem;
    }
    .blog ul.post-list li div.mess p{
        min-height: unset;
    }
    section.articles{
        padding: 4rem 0;
    }
    div.post-banner{
        height: 260px;
        padding: 2rem 0;
        padding-top: 4rem;
    }
    div.post-banner h1{
        font-size: 1.2rem;
        line-height: 1.8rem;
        margin-top: 0;
    }
    span.banner-date{
        font-size: 14px;
        padding: 9px 20px;
    }
    div.post-content div.post-detail {
        width: 100%;
        margin-top: 1rem;
    }
    div.post-content div.news-sidebar {
        margin-top: 4rem;
        width: 100%;
    }
    div.post-content{
        margin-top: 2rem;
        margin-bottom: 6rem;
    }
    div.post-detail p, div.post-detail li{
        font-size: 14px;
        line-height: 26px;
        margin-bottom: 1rem;
    }
    div.post-detail h2{
        font-size: 1rem;
        line-height: 26px;
        margin-bottom: 1rem;
    }
    div.post-detail div.social{
        margin-top: 1.5rem;
    }
    div.news-sidebar strong{
        font-size: 1.2rem;
        margin-bottom: 1rem;
    }
    div.news-sidebar ul.news-cat li{
        font-size: 0.9rem;
    }
    div.news-sidebar ul.news-cat{
        margin-bottom: 2rem;
    }
    .category div.all-banner.news-banner{
        padding: 6rem 1.2rem !important;
    }
    .page-template-default div.all-banner.news-banner{
        height: unset;
        padding: 5rem 0 !important;
    }
    .archive.category div.all-banner.news-banner{
        height: unset;
        box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    }
    .archive.category div.all-banner.news-banner h1{
        font-size: 1.8rem;
    }
    .infor-content .video-play{
        top: 200px;
        left: 18px;
    }
    .gallery-list-content{
        margin-top: 0px;
    }
    div.product-infor div.right>span{
        margin-top: 0;
    }
    .pro-desc-content figure.wp-block-image{
        margin: 1.2rem 0;
    }
    div.param-part table tbody tr{
        width: 100%;
    }
    div.param-part table tbody tr td:nth-of-type(1){
        min-width: unset;
    }
    div.param-part table tbody tr:nth-of-type(4n+1), div.param-part table tbody tr:nth-of-type(4n+2){
        background-color: white;
    }
    div.param-part table tbody tr:nth-of-type(2n+1){
        background-color: #f5f6f8;
    }
    .param-part{
        padding-bottom: 3rem;
        margin-bottom: 0;
    }
    input.wpcf7-countrytext{
        line-height: 1.4 !important;
    }
    .swiper-related ul.product-list li div.mess{
        background-color: white;
    }
    .swiper-related ul.like-part.product-list .button{
        transform: translateY(0);
        opacity: 1;
    }
    .swiper-related ul.product-list li{
        box-shadow: 0 0 10px rgb(0 0 0 / 8%);
    }
    .swiper-related ul.product-list li div.img{
        height: 200px;
    }
    .latest-video{
        flex-flow: wrap;
    }
    .video-banner{
        padding: 70px 0;
        border-radius: 0;
    }
    .video-banner .flex .left, .video-banner .flex .right{
        width: 100%;
    }
    .video-banner .left .video-item div.img{
        height: 213px;
    }
    .video-banner .left .video-item h3{
        font-size: 1rem;
        font-weight: 500;
        padding-top: 1rem;
    }
    .video-banner .flex .left div.img:after, .video-banner .flex .right div.img:after{
        transform: scale(1.2);
        left: 0.8rem;
        bottom: 0.8rem;
    }
    .video-banner .flex .left li{
        margin-bottom: 60px;
    }
    .all-videos h2, .video-banner h2{
        font-size: 1.8rem;
    }
    .video-banner h2 {
        margin-bottom: 3rem;
    }
    .all-videos h2 {
        margin-bottom: 1.5rem;
    }
    .all-videos .video-list li.video-item{
        width: 47.5%;
    }
    .video-list li.video-item div.img{
        height: 117px;
    }
    li.video-item div.img:after {
        content: "";
        width: 30px;
        height: 30px;
        position: absolute;
        /* background: url(../img/play.svg) no-repeat center;
        background-color: rgba(0, 0, 0, 0.4); */
        border-radius: 50%;
        left: 0.5rem;
        background-size: 12px;
        bottom: 0.5rem;
    }
    .video-list li.video-item div.mess h3{
        font-size: 0.85rem;
    }
    .over-auto{
        overflow: auto;
    }
    .tp-bullets{
        top: 106%!important;
    }
    .home-banner .custom .tp-bullet.selected+*{
        transform: translateX(30px);
    }
    .home-banner .custom .tp-bullet.selected~*{
        transform: translateX(40px);
    }
    .home-banner .custom .tp-bullet.selected{
        width: 40px;
    }
    #rev_slider_1_1_wrapper .custom.tparrows.tp-leftarrow{
        left: -17% !important;
    }
    #rev_slider_1_1_wrapper .custom.tparrows.tp-rightarrow{
        left: 117% !important;
    }
    .home .video-list li.video-item div.img{
        height: 188px;
    }
    .home-videos p.title-text, .latest-news p.title-text{
        padding: 0;
    }
    .latest-news p.title-text{
        margin-bottom: 2rem;
    }
    .product-view ul.product-list li .button{
        opacity: 1;
        transform: translateY(0);
        border: 1px solid #eeeeee;
    }
    .product-view ul.product-list li div.mess{
        background-color: white;
    }
    div.product-view>p{
        margin-bottom: 2rem;
    }
    .archive span.product-nav{
        top: 0.2rem;
    }
    /* header ul li a:after{
        display: none;
    }
    header ul li a{
        font-size: 17px;
    } */
    .content p.title-text{
        padding: 0;
    }
    .attr li::before{
        top: 7px;
    }
    .single-product .liked h2{
        margin-bottom: 1.5rem;
    }
    .blog .latest-post{
        padding-top: 3rem;
        min-height: 30rem;
    }
    .archive.category div.loader, .blog div.loader{
        margin-top: 0;
    }
    .latest-news a.button {
        padding: 0 3rem;
        font-size: 13px;
        font-weight: 400;
    }
    .all-videos .button.load_more_post_ajax {
        background-color: black;
        font-size: 15px;
        line-height: 42px;
        padding: 0px 3.6rem;
    }
    .home li.product img{
        height: auto;
    }
    .home-pro-cat-content ul li.ul-content{
        padding-left: 0;
    }
    div.advantage{
        padding: 0;
        flex-wrap: wrap;
        margin-bottom: 5rem;
    }
    div.advantage ul.left {
        order: 2;
        flex-wrap: wrap;
    }
    div.advantage ul.right {
        transform: unset;
        position: relative;
    }
    div.advantage ul {
        width: 100% !important;
    }
    div.advantage ul.left li {
        position: relative;
        padding: 3rem 1rem 1rem 5.5rem;
        width: 100%;
    }
    div.advantage ul.left li span.icon {
        left: 1rem;
        height: 2.5rem;
        top: 3.5rem;
    }
    div.advantage ul.left li p {
        font-size: 13px;
    }
    div.advantage ul.right li:last-child {
        position: absolute;
        right: 1rem;
        top: -4rem;
        padding: 1.1rem;
        width: max-content;
    }
    div.advantage ul.right li:last-child p.title {
        font-size: 14px;
        margin: 0;
    }
    div.advantage ul.right li p.num {
        font-size: 2.5rem;
        margin: 4px 0;
        line-height: 48px;
    }
    div.advantage ul.right li>span{
        font-size: 12px;
    }
    div.advantage ul.right li:first-child a {
        font-size: 13px;
    }
    div.advantage ul.right li:first-child {
        width: 100%;
        padding: 3rem 1rem 1.8rem;
    }
    div.advantage ul.left li p.title,div.advantage ul.right li p.title{
        font-size: 1rem;
    }
    div.advantage ul.right li p.text {
        font-size: 13px;
        margin-bottom: 1rem;
    }
    div.advantage ul.left li p{
        margin-bottom: 0.8rem;
    }
    .home-product .select-list{
        justify-content: space-between;
    }
    .home-product .select-list span, .home-media .select-list span, .select-list span, .news-cat span{
        margin-bottom: 1.5rem;
        font-size: 14px;
        padding-bottom: 0.5rem;
        margin-left: 0;
        margin-right: 0;
    }
    .home-product .select-list span{
        margin-left: 0;
        margin-right: 0;
        width: 48%;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        padding-bottom: 0;
        line-height: 30px;
        margin-bottom: 3rem;
    }
    .home-product .swiper-home-product{
        padding: 0;
        overflow: unset;
        width: 90%;
        margin: 0 auto 3rem;
    } 
    .home-product .swiper-home-product ul li div.img, ul.product-list li div.img{
        height: 14rem;
    }  
    .home-product .swiper-home-product ul li div.img span{
        background-size: 88% !important;
    }
    .home-product .button.black {
        padding: 0 2.5rem;
    }
    .home-about .content{
        flex-wrap: wrap;
    }
    .home-about .left {
        width: 100%;
    }
    .home-about .right{
        padding: 2rem 0;
    }
    .home-about .left img{
        width: 100%;
        height: auto;
    }
    .home-about h2{
        line-height: 28px;
        font-size: 1.1rem;
        margin-bottom: 1rem;
    }
    .home-about p{
        font-size: 13px;
        line-height: 24px;
    }
    ul.about-advance{
        margin-top: 2rem;
        margin-bottom: 1.2rem;
    }
    .page-template-about ul.about-advance{
        margin-bottom: 4.2rem;
    }
    ul.about-advance li{
        background-size: 1.6rem;
        padding-left: 2.5rem;
        margin-bottom: 1.2rem;
        width: 100%;
    }
    ul.about-advance span{
        font-size:1rem;
    }
    ul.about-data{
        flex-wrap: nowrap;
        right: unset;
        bottom: unset;
        position: relative;
        width: 100%;
    }
    ul.about-data li span.icon{
        width: 1.5rem;
        height: 1.5rem;
        margin-right: 3px;
    }
    ul.about-data li span.num{
        vertical-align: baseline;
        font-size: 1rem;
    }
    ul.about-data::before{
        top: 39%;
        height: 8.5rem;
    }
    .home-about a.button.black{
        padding: 0 2.2rem;
    }
    .home-application{
        padding: 0;
        margin-bottom: 5rem;
    }
    .home-app-content {
        flex-wrap: wrap;
    }
    .home-application .left{
        width: 100%;
        margin-right: 0;
        padding: 3rem 1rem 1rem;
    }
    .home-application .select-list{
        display: flex;
        justify-content: space-between;
        width: max-content;
    }
    .overflow-auto{
        overflow: auto;
    }
    .home-application .select-list span{
        width: max-content;
        font-size: 14px;
        margin-bottom: 1.5rem;
        font-weight: 300;
    }
    .home-application .select-list span+span{
        margin-left: 1rem;
    }
    .home-application .left::before{
        transform: translateX(-50%) rotate(90deg);
        left: 50%;
        top: unset;
        bottom: -1rem;
    }
    .home-application .left h2{
        margin-bottom: 1.5rem;
    }
    .home-application .right-part{
        width: 100%;
        padding: 4rem 1rem;
        flex-wrap: wrap;
        min-height: 40rem;
    }
    .home-application .right-part .app-text{
        width: 100%;
        order: 3;
    }
    .home-application .right-part .img{
        width: 100%;
        height: 16rem;
        margin-bottom: 3rem;
    }
    .home-application .app-text p.title {
        font-size: 1.3rem;
        margin-bottom: 1rem;
    }
    .home-application .app-text p.text{
        margin-bottom: 1rem;
        line-height: 23px;
        font-size: 13px;
    }
    .home-application .app-text ul li{
        font-size: 14px;
        margin-bottom: 0.8rem;
        padding-left: 1rem;
    }
    .home-application .app-text ul li::before{
        top: 9px;
    }
    .home-application .app-text .button{
        margin-top: 1rem;
    }
    .setting-icon{
        width: 13rem;
        height: 13rem;
        left: -7.2rem;
    }
    .setting-icon02{
        right: -2.5rem;
        width: 6rem;
        bottom: 6rem;
        left: unset;
    }
    .setting-icon03{
        right: 2rem;
        width: 3.8rem;
        bottom: -2.5rem;
        left: unset;
    }
    .setting-icon04{
        top: 0;
        right: 0rem;
        width: 5rem;
        height: 5rem;
        left: unset;
        opacity: .6;
    }
    .home-application .loader{
        left: 50%;
        transform: translateX(-50%);
        top: 4rem;
    }
    .home-media .media-content{
        margin-bottom: 3rem;
        overflow: auto;
        padding: 0 1rem;
    }
    .home-media .select-list{
        justify-content: center;
    }
    .home-media ul.news-list,.home-media ul.post-list{
        width: max-content;
    }
    .home-media ul.news-list li,.home-media ul.post-list li{
        width: 17rem;
        margin-right: 1rem;
        /* margin-right: 0 !important; */
    }
    .home-media ul.news-list li, .home-media ul.post-list li{

    }   
    /* .home-media ul.news-list li:nth-of-type(1), .home-media ul.post-list li:nth-of-type(1){
        margin-left: 0;
    } */
    .home-media ul.news-list li div.img{
        height: 12rem;
        border-radius: 0;
    }
    .home-media ul.news-list li div.mess {
        padding: 1rem;
        font-size: 12px;
    }
    .home-media ul.news-list li div.mess h3{
        margin: 0.5rem 0;
    }
    .home-media ul.news-list li div.mess p{
        margin-bottom: 0.8rem;
    }
    .home-media{
        padding: 0;
    }
    .home-media ul.news-list li div.mess span.more{
        background-position: 83% 3px;
        background-size: 16px;
        font-size: 13px;
    }
    .home-media ul.news-list li a{
        padding: 0;
    }
    .video-list li.video-item:last-child{
        margin-bottom: 0;
    }
    .home .video-list li.video-item:last-child{
        margin-right: 1rem;
    }
    .home-media ul.news-list{
        margin-bottom: 1rem;
    }
    div.home-service {
        padding: 4rem 0;
    }
    div.home-service .content, .p-contact{
        padding: 0;
    }
    div.home-service p.title-text {
        margin-bottom: 3rem;
    }
    div.home-service div.content>div{
        overflow: auto;
        padding: 1rem;
    }
    ul.service-list{
        width: max-content;
    }
    ul.service-list li{
        width: 17.5rem;
        padding: 2.5rem 1rem 1.5rem;
        margin-right: 1rem;
    }
    /* ul.service-list li+li{
        margin-left: 1rem;
    } */
    ul.service-list li span.icon {
        width: 4.5rem;
        height: 4.5rem;
    }
    ul.service-list li h3 {
        font-size: 1rem;
        margin: 1.5rem 0 1rem;
    }
    ul.service-list li p {
        line-height: 20px;
        font-size: 13px;
    }
    ul.service-list li a {
        font-size: 13px;
        padding-right: 2rem;
        margin-top: 1rem;
        background-size: 16px !important;
    }
    .home-service h2{
        padding: 0 1rem;
        margin-bottom: 2rem;
    }
    .home-service .content>p,.p-contact{
        margin-top: 3rem !important;
        padding: 0 1rem;
        font-size: 13px;  
        margin-bottom: 2rem;
    }
    .home-service .content>p{
        margin: 0 auto;
        margin-top: 1rem !important;
        margin-bottom: 2rem;
        max-width: 250px;
    }
    div.home-contact{
        padding: 8rem 0 4rem;
    }
    div.home-contact div.content div.home-contact-form {
        width: 100%;
        margin-left: auto;
        background-color: white;
        padding: 2.3rem 1.5rem 0;
        border-radius: 5px;
    }
    div.home-contact div.content div.home-contact-form h3 {
        font-size: 1.3rem;
    }
    div.home-contact div.content div.home-contact-form>p {
        font-size: 13px;
    }
    div.home-contact div.content div.form form>p {
        width: 47.9%;
        margin-right: 2.4%;
    }
    div.home-contact div.content div.form form>p input, div.home-contact div.content div.form form>p textarea {
        padding: 8px 10px;
    }
    div.home-contact div.content div.form form>p textarea {
        height: 5.8rem;
        margin-bottom: 4px !important;
    }
    div.home-contact div.content div.form form>p input[type="submit"]{
        font-size: 13px;
        border-radius: 2px !important;
        line-height: 40px;
        width: 100%;
    }
    div.home-contact div.content div.form form>p .country-select.inside input{
        padding: 8px 10px !important;
        font-size: 13px !important;
    }
    div.home-contact .country-select .flag.gb{
        top: -2px;
        right: 4px;
    }
    div.related-part .swiper-content{
        padding: 1rem 3rem;
    }
    div.app-sidebar ul li p{
        font-size: 15px;
    }
    ul.like-part.product-list li .mess{
        padding-bottom: 0.8rem;
    }
    ul.like-part.product-list .button{
        line-height: 34px;
    }
    .video-sence {
        margin-bottom: 4rem;
    }
    .all-swiper-btn .swiper-btn{
        background-size: 12px ;
        top: -14rem;
        left: -1.8rem;
    }
    .all-swiper-btn .swiper-btn.swiper-button-next{
        right: -1.8rem;
    }
    .home-product .swiper-home-product ul li div.mess, .product-list li div.mess {
        padding: 1rem 1rem 1.2rem;
    }
    .home-product .swiper-home-product ul li div.mess p {
        font-size: 1.1rem;
        margin-bottom: 0.5rem;
        line-height: 26px;
    }
    .home-product .swiper-home-product ul li div.mess span{
        font-size: 13px;
        margin-bottom: 1.2rem;
    }
    div.certificate-part div.text::before, div.application-part div.text::before{
        display: none;
    }
    div.post-detail div.social a{
        transform: scale(.7); 
    }
    div.post-content div.news-sidebar a.view-all{
        font-size: 15px;
    }
    .select-list{
        justify-content: space-between;
    }
    .param-part .param-table{
        overflow: auto;
        padding: 1px;
    }
    .param-table ul{
        width: max-content;
        min-width: 100%;
    }
    .param-table ul li{
        font-size: 12px;
        min-width: unset;
        width: 6rem;
        padding: 1rem;
    }
    .param-table ul li:nth-of-type(1){
        width: 8rem;
    }
    .single-product div.pro-desc .wp-block-columns{
        margin-bottom: 2rem !important;
        flex-flow: wrap;
    }
    .all-banner.service-banner{
        height: unset;
        text-align: left;
        padding: 5rem 0 4rem;
        min-height: unset;
    }
    .all-banner.service-banner h1{
        margin-bottom: 0.5rem;
    }
    .all-banner.service-banner .button{
        margin-top: 1rem;
        padding: 0 2.2rem;
        min-width: unset;
    }
    div.major-service{
        padding: 4rem 0 2rem;
    }
    div.major-service h2{
        font-size: 20px;
        margin-bottom: 2.5rem;
    }
    div.major-service div.major-part{
        flex-wrap: wrap;
    }
    div.major-part ul.left{
        width: 100%;
        order: 3;
    }
    div.major-part div.right{
        width: 100%;
        margin: 1rem 0 2rem;
    }
    div.major-part div.right div.img{
        margin: unset;
        text-align: center;
    }
    div.major-part div.right div.img img{
        max-width: 88%;
        height: auto;
    }
    div.major-part ul.left li>p{
        font-size: 15px;
        padding: 0.8rem 1.2rem;
    }
    div.major-part ul.left li>p::before{
        width: 0.7rem;
        right: 1rem;
    }
    div.major-part ul.left li div.text{
        font-size: 14px;
    }
    div.major-part ul.left li.show div.text {
        padding: 1.5rem 1.2rem 1.2rem;
    }
    div.major-part ul.left li a.button{
        line-height: 36px;
        padding: 0 2rem;
        margin-top: 1rem;
    }
    .warranty{
        padding-top: 5rem;
        margin-bottom: 7rem;
    }
    .warranty .top{
        flex-wrap: wrap;
    }
    div.warranty div.content div.left{
        width: 100%;
        margin-bottom: 3rem;
    }
    div.warranty div.content div.right{
        width: 100%;
    }
    .warranty p {
        line-height: 24px;
        font-size: 14px;
        margin-bottom: 2rem;
    }
    div.point>span {
        font-size: 13px;
    }
     div.point>span::before {
        width: 14px;
    }
    div.warranty .img{
        flex-wrap: wrap;
        height: unset;
        transform: translateY(2rem);
    }
    div.warranty .img div:first-child {
        margin-bottom: 0.6rem;
        width: 100%;
    }
    div.warranty .img div:nth-child(2), div.warranty .img div:nth-child(3) {
        width: 49%;
    }
    div.warranty .img div {
        border-radius: 4px;
        height: 12rem !important;
    }
    .service-table table tr td:first-child {
        min-width: 4rem;
    }
    .service-table table tr td{
        min-width: 7rem;
        padding: 16px;
        font-size: 13px;
    }
    .service-table table tr td:nth-child(3) {
        min-width: 10rem;
    }
    .service-table figure.wp-block-table{
        overflow: auto;
    }
    .spare-part {
        margin-bottom: 6rem;
    }
    /* header div.main-menu div.main div.right{
        display: inline-block;
    } */
    .main-menu div.contact-message span::before{
        content: url('../img/phone-blue.svg');
    }
    div.application-part div.text h2{
        margin-bottom: 1rem;
    }
    .application-part .application-btn{
        margin-top: 3.2rem;
    }
    .table-list.select-list{
        justify-content: space-around;
    }
    .home-media .select-list span{
        margin-left: 1rem;
        margin-right: 1rem;
    }
    div.breadcrumbs{
        font-size: 14px;
    }
    .home-product .swiper-home-product ul li div.mess p{
        min-height: 52px;
    }
    div.pro-desc ul li{
        font-size: 13px;
        line-height: 1.3rem;
    }

    .home-banner #rev_slider_1_1_wrapper .hesperiden.tparrows{
        display: none !important;
    }
    .main-menu.content{
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    /* header span.search{
        margin: 0;
        margin-right: 2rem;
        margin-top: 0.1rem;
    } */
    .home-media ul.news-list li a {
        display: unset;
    }
    .home-about {
        padding: 20px 0;
    }

    .home-media ul.news-list li div.img {
        width: 100%;
    }

    .home-media .news-list li {
        padding: 0;
    }

    .home-media .block_title {
        padding: 3rem 1rem 0;
    }

    div.contact-content ul li > p {
        font-size: 18px;
    }

    div.home-contact {
        padding: 4rem 0 4rem;
    }

    div.home-contact div.content div.home-contact-left {
        width: 100%;
        height: auto;
        margin-bottom: 2rem;
    }

  .home-product .select-swiper-content .swiper-btn div {
    display: none;
  }

  /* footer .footer-header {
    display: none;
  } */

  /* footer .footer-menu div.slide-obj.post p {
    color: rgba(255, 255, 255, 0.6);
    font-size: 14px;
    margin: 1rem 0;
  }
  footer .footer-menu div.slide-obj.post .social {
    margin-top: 1rem;
    margin-bottom: 2rem;
  } */
  .home-service .block_title p,.home-media .block_title p {
    font-size: 13px;
    line-height: 24px;
    margin-bottom: 1.5rem;
  }
  /* header div.main-menu div.main > div > ul > li .sub-menu {
    display: none;
  } */
}