@media screen and (max-width: 786px) {
    .content {
        padding: 0 1.2rem;
    }


    .admin-bar header.main-header {
        top: 0;
    }
    .facebppk-list .sccial-cont li{
        width: 22%;
    }
    header div.content div.main {
        position: fixed;
        top: 0;
        left: -100%;
        background: #fff;
        z-index: 99;
        width: 88%;
        height: 100%;
        padding-top: 3rem;
        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%;
    }

    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;
        display: none;
    }

    span.nav-btn {
        display: inline-block;
        width: 1.5rem;
        height: 1.5rem;
        background: url(../image/nav-btn.svg) no-repeat;
        background-size: contain;
        margin-top: 0.1rem;
        /* position: absolute; */
        /* top: 3.95rem;
        right: 1rem; */
        /* margin-top: 0.85rem; */
    }

    /* .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: 11rem;
        height: 4rem;
        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;
    }

    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;
    }

    ::-webkit-input-placeholder {
        font-size: 13px;
    }

    div.social a {
        width: 1.3rem;
        height: 1.3rem;
    }

    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(../image/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: 0;
    }

    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;
    }

    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 {
        padding: 0 0 3rem;
        margin-bottom: 1rem;
    }
    div.param-part .param-table-box {
        overflow-x: auto;
    }
    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(0.8) translateX(23.5rem) !important;
    }

    div.swiper-factory .swiper-slide-next,
    div.swiper-about-factory .swiper-slide-next {
        transform: scale(0.8) translateX(-23.5rem) !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: 36px;
        right: 1rem;
        z-index: 2;
    }

    div.search-block div.content {
        height: 100%;
        position: relative;
    }

    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;
        left: -112px;
    }

    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(../image/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: 4.2rem;
    }

    div.search-block {
        height: 50rem;
    }

    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%;
    }

    .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('/wp-content/themes/sytech/assets/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(../image/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('/wp-content/themes/sytech/assets/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: 6px !important;
    }

    footer div.social a.linkedin {
        background-size: 12px !important;
    }

    div.all-banner.about-banner .banner-video:after {
        width: 42px;
        height: 42px;
        background-size: 20px;
    }

    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 {
        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 li span {
        font-size: 14px;
    }

    div.contact-content ul li {
        padding-left: 4.5rem;
        margin-bottom: 30px;
    }

    .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;
    }

    .param-part  .param-part {
        padding: 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('../image/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-text-top {
        margin: 1.5rem 0;
        padding: 0 1rem;
    }

    .home-text-top .home-text-box {
        display: block;
        padding: 0;
    }

    .home-text-top .home-text-box .img-content {
        width: 100%;
        padding-right: 0;
        margin-top: 1.5rem;
    }

    .home-text-top .home-text-box .text-content {
        width: 100%;
        font-size: 16px;
        line-height: 26px;
        padding: 1.5rem 0;
    }

    .home-text-part .home-text-banner {
        padding: 4rem 1rem;
    }

    .home-text-part .home-text-banner h2 {
        font-size: 24px;
        margin-bottom: 0;
    }

    .home-text-part .home-text-main .home-text-title {
        margin-top: 1.5rem;
        padding: 1.5rem 0;
    }

    .home-text-part .home-text-main .home-text-box {
        display: block;
        padding: 1.5rem 0;
    }

    .home-text-part .home-text-main .home-text-box .img-content {
        width: 100%;
        padding: 0;
        height: 220px;
    }

    .home-text-part .home-text-main .home-text-box .text-content {
        width: 100%;
        font-size: 14px;
        line-height: 24px;
    }

    .home-text-part .home-text-main .home-text-box .text-content h2 {
        margin-bottom: 1rem;
        margin-top: 0.5rem;
    }

    .home-text-part .home-text-main .home-text-box .text-content ul li {
        font-size: 12px;
    }

    .home-text-part .home-text-main .home-text-more {
        padding: 1.5rem 0;
        margin-bottom: 1.5rem;
    }

    .home-text-part .home-text-main .home-text-more a {
        font-size: 18px;
    }

    footer {
        padding: 2rem 0;
    }

    footer div.contact span {
        font-size: 14px;
        display: block;
    }

    footer div.contact span~span {
        margin-top: 1rem;
    }

    footer ul {
        margin-top: 2rem;
    }

    footer ul li {
        font-size: 14px;
        width: 49%;
        margin: 0;
        letter-spacing: 1px;
    }

    footer ul li~li {
        margin-top: 1rem;
    }

    footer p.copyright {
        font-size: 12px;
        line-height: 24px;
        margin-top: 2rem;
    }

    .home-banner {
        height: 400px;
    }

    .header-nav-list .content {
        flex-direction: column-reverse;
        align-items: flex-end;      
    }

    .header-nav-list .content .menu-home-menu-container {
        width: 100%;
        text-align: center;
        margin-top: 3rem;
        display: none;
    }

    .header-nav-list ul li {
        display: block;
        letter-spacing: 1.5px;
    }

    .header-nav-list ul li~li {
        margin-left: 0;
        margin-top: 0.5rem;
    }

    div.products-content div.sidebar div.productcat-lists>ul li::before {
        left: 1px;
    }

    div.products-content div.sidebar div.widget>ul li:after,
    div.products-content div.sidebar div.productcat-lists>ul li::after {
        left: 1px;
    }
}