/* @media (max-width:1200px){
    .group02 img {margin-top:-60px;}
    .group05 .col-4 {margin: 0;}
} */
/* @media (max-width:768px){
    body {min-width: auto;}
    .title0 {font-size: 80px; font-size: 60px;margin-bottom: -15px;}
    .title2 {font-size: 45px;}
    p {padding: 0 65px;    font-size: 28px;    line-height: 45px;}
    .group04 p {padding: 0 65px; }

    .group02 .bg {padding-top:20px ; overflow: hidden !important;}

    .group02 img {width: 200%; margin: -150px 0 0 -340px;}
    .group03 {background: url(../images/precision-machining/group03-bg-mobile.png) no-repeat top center; padding-top: 139px;
        margin-bottom:0px;margin-bottom:-159px}
    .group03 {background: url(../images/precision-machining/group03-bg-mobile.png) no-repeat top center;padding-top: 239px;
        margin-bottom: -1px;}
    .group04 .bg {background:url(../images/precision-machining/group04-bg-mobile.jpg) no-repeat top center;padding:50px 0 0px;}

    .group03 .item {font-size: 28px;background-size:contain!important;height: 155px;}
    .group03 .row{justify-content: center; padding:0 60px;}
    
} */
/* @media screen and (max-width: 768px) { */
@media (max-width: 768px) and (hover: none) and (pointer: coarse) {
    body {min-width: auto;}

    .title0 {font-size: 40px;font-family: 'Noto Sans', 'Roboto', sans-serif;  font-weight: 700;        }
    .title1 {font-size: 36px;margin-bottom:0;}
    .title2 {font-size: 24px;}
    .title3, .titleItem {font-size: 24px; padding-bottom: 10px;}
    .titleS {font-size: 16px;padding-bottom: 5px;}
    .titleS>span {font-size: 30px;}
    p {padding: 0px 35px; font-size: 16px; line-height: 25px; text-align: justify;}

    .group04 p,.group06 p {text-align: center!important;}
    

    .shape::before {transform: scale(0.7);}
    .banner {display: none;}
    .banner.mobile {display: block;}

    .group02 p {margin-top:15px;}
    .group04 p {padding: 0 30px; }

    .group02 .bg {padding-top:20px ; overflow: hidden !important;}

    .group02 img {width: 190%; margin: -70px 0 140px -175px;}
    .group3-img {transform: scale(0.5); margin: -16% 0px 0 0;}
    .group3-img02 {transform: scale(0.5); margin: 0 -9% 0 0px;}
    .group03 {background: url(../images/precision-machining/group03-bg-mobile.png) no-repeat top center; padding-top: 139px;
        margin-bottom:0px;/*margin-bottom:-159px*/}
    .group03 {background: url(../images/precision-machining/group03-bg-mobile.png) no-repeat top center; padding: 60px 0 50px;
        margin-bottom: -25px; background-size: cover;}
    .group03 .title2 {  margin-bottom: 20px !important;}
    .group03 .item {font-size: 16px;background-size:contain!important;height: 85px;}
    .group03 .row{justify-content: center; padding:0 30px;}
    .group03 .row .groupli {padding: 0;}
    

    .group04 .bg {background:url(../images/precision-machining/group04-bg-mobile.png) no-repeat top center; background-size: cover; padding:50px 0 0px; z-index: 2; position: relative; margin-top: -50px;}
    .group04 .title1 {line-height: 36px; margin-bottom: 0px;}
    .group04a .title1 {display: none; }
    .group04 .title1.mobile {display: block;}
    .group04 p { padding: 15px 30px 40px;}
    .group04a {padding: 50px 0 40px;}
    
    .group05, .group05 .row,  .group08 .box01, .group08 .row  {display: block!important;}
    .group05, .group05 .row {text-align: center;}
    .group05 .introduce, .group05 .col.title  {max-width: 100%;}
    .group05 .introduce {padding: 0 30px;}
    .group05 p {text-align: center;padding: 0;}
    .group05 .group {padding: 10px 0;}
    .shape.s::before {opacity: 1;}
    .group05 .col.title {margin: 0;}
    .group05 .group:last-child {background: url(../images/precision-machining/group05-bg02mobile.jpg) no-repeat top;background-size: cover; }


    .group06.shape::before {top:-15px;}
    .group06 {background: url(../images/precision-machining/group06-bg-mobile.jpg) no-repeat;padding: 30px 0 60px;}
    .group06 .introduce {margin-top: 0;}
    .group06 .item img {width: 80%;padding-bottom: 0;}
    .titleItem {padding: 10px;}
    /* .group06 p {font-weight:400;} */
    

    .group08 .row {padding: 0;}
    .word .title {margin: auto;text-align: center;}

    .box01 {margin-bottom: 40px;}
    .box01 .row {padding-top: 30px;}
    .box01::before {content:""; width: 100%;height: 100vh; position: absolute; background: url(../images/precision-machining/group08-img01mobile.png)no-repeat; background-size: contain;}
    .box01 img,.box02 .col.title:before {display:none;}
    .box02 {padding: 30px 0;}

    .box02 .col:last-child { max-width: 80%; margin: auto;  }
    .box02 img {transform: none;margin: 25px 0; width: 100%;}
    .box03 {padding: 30px 0 60px;}
    .box03>div {padding: 0;}
    .box03>div::after {display:none;}
    .box01 p, .box02 p, .box03 p {margin: 0; padding-top: 0; text-align: center;}
    .bge::before {content:""; width: 50%;height: 100vh; position: absolute; background: url(../images/precision-machining/group08-elementor.png)no-repeat; background-size: contain;  right: 0px;  opacity: 0.8; mix-blend-mode:luminosity;}

    .group08.bg {background: url(../images/precision-machining/group08-bg-mobile02.jpg)no-repeat;background-size:cover;}
    .group09, .group10 {padding: 50px 0 40px;}
    .group09 .title1, .group10 .title1 {margin-bottom:30px;}
    .group09 .pro p {font-size: 18px;  padding: 0;  margin: 10px 0 30px;  /*font-weight: 100;*/}
    .group09 .row,   .group10 .row  {padding:0 30px;}
    .group09 .row .pro,.group10 .row .pro {padding:0;}
    .group09 .row .pro:nth-child(2n)
    ,.group10 .row .pro:nth-child(2n)
    ,.group10 .pro.col-12 img:nth-child(2n)  {padding-left:5px;}
    .group09 .row .pro:nth-child(2n-1)
    ,.group10 .row .pro:nth-child(2n-1)
    ,.group10 .pro.col-12 img:nth-child(2n-1)   {padding-right:5px;}
    .group10 .pro img { margin-bottom: 10px;}
    .group10 .pro.col-12 {display: flex;align-items: flex-start;}
    .group10 .pro.col-12 img {width: 50%!important;display: flex;align-items: flex-start;}
    .group03 .row .col {flex: 0 0 33.333333%;max-width: 33.333333%;}

    

    


}