@import url('d8338b88e9_sub.css'); 



/**** S:: PRODUCTION ****/
.production_overview{position: relative; background:url('../images/1de98d833b_factory-bg.jpg') no-repeat center/cover;}
.production_overview::after{content:''; display: block; width: 250px; aspect-ratio:1/1; background:url('../images/4e841cafa8_production-plant.png') no-repeat center/contain; position: absolute; top:-172px; right: 50%; margin-right: -705px;}
.production_overview ul{display: grid; grid-template-columns: repeat(4, 1fr); grid-gap:30px;}
.production_overview ul li{box-sizing:border-box; padding: 40px; border: 1px solid rgba(255, 255, 255, 0.20); background: rgba(255, 255, 255, 0.02); backdrop-filter: blur(15px);}
.production_overview ul li img{width: auto; height: 80px; margin: 0 0 50px;}
.production_overview ul li h4{color:var(--white); font-weight: 600;}
.production_overview ul li p{color:var(--basic-w); font-weight: 400; padding-top: 10px;}
.production_overview h5{color:var(--white); font-weight: 300;}

.production_photo{display: grid; grid-template-columns: repeat(3, 1fr); grid-gap:3px;}
.production_photo li{}
.production_photo li img{width: 100%; height: auto;}


.production_photo.ver2{grid-gap:30px;}
/**** E:: PRODUCTION ****/

/**** S:: Quality Control ****/
.quality_policy{text-align:center;}
.quality_policy .box{padding: 60px; box-sizing:border-box; max-width:750px; width: 80%; margin: 0 auto; background:var(--white); border-radius:var(--borderR10); box-shadow: 0 25px 40px 0 rgba(0, 0, 0, 0.10);}
.quality_policy .box .deco{display:block; max-width:256px; margin: 0 auto 25px;}
.quality_policy .box .deco img{width: 100%; height: auto;}
.quality_policy .box h4{}
.quality_policy .box p{padding-top: 10px;}
.quality_policy .box .logo{display:block; max-width:190px; margin: 60px auto 0;}
.quality_policy .box .logo img{width: 100%; height: auto;}
/**** E:: Quality Control ****/


/*******************************************************************************
    @media 1680px
*******************************************************************************/
@media all and (max-width:1680px){


/**** S:: PRODUCTION ****/
.production_overview{}
.production_overview::after{right: 5%; margin-right: 0;}
/**** E:: PRODUCTION ****/



}
/*******************************************************************************
    @media ~1300px
*******************************************************************************/
@media all and (max-width:1300px){


/**** S:: PRODUCTION ****/
.production_overview{}
.production_overview::after{width: 200px; top:-150px;}
.production_overview ul{grid-template-columns: repeat(2, 1fr);}
/**** E:: PRODUCTION ****/



}

/*******************************************************************************
    @media  ~980px               
*******************************************************************************/
@media all and (max-width:980px){



/**** S:: PRODUCTION ****/
.production_overview{}
.production_overview::after{width: 150px; top:-30px;}
.production_overview ul{grid-gap:20px;}
.production_overview ul li{padding: 30px;}
.production_overview ul li img{width: auto; height: 50px; margin: 0 0 30px;}
.production_overview ul li p{padding-top: 6px;}

.production_photo{grid-template-columns: repeat(2, 1fr);}
.production_photo.ver2{grid-gap:20px;}
/**** E:: PRODUCTION ****/


/**** S:: Quality Control ****/
.quality_policy .box{padding: 40px;}
.quality_policy .box .deco{max-width:200px; margin: 0 auto 15px;}
.quality_policy .box .logo{max-width:140px; margin: 40px auto 0;}
/**** E:: Quality Control ****/


}
/*******************************************************************************
    @media 481~680px
*******************************************************************************/
@media all and (max-width:680px){



/**** S:: PRODUCTION ****/
.production_overview{}
.production_overview::after{width: 100px; top:-20px;}
.production_overview ul{grid-template-columns: repeat(1, 1fr); grid-gap:10px;}
.production_overview ul li{padding: 20px;}
.production_overview ul li img{width: auto; height: 40px; margin: 0 0 10px;}

.production_photo.ver2{grid-gap:10px;}
/**** E:: PRODUCTION ****/


/**** S:: Quality Control ****/
.quality_policy .box{padding: 30px; width: 90%;}
.quality_policy .box .deco{max-width:150px; margin: 0 auto 10px;}
.quality_policy .box p{padding-top: 6px;}
.quality_policy .box .logo{max-width:100px; margin: 20px auto 0;}
/**** E:: Quality Control ****/
}