@charset "utf-8";
/* CSS Document */
/*------
Meet Our team
-----*/
/*Production and R&D team*/
#company-team h2{ text-align:center;}
#company-team  h2 span{ font-weight:600; color:var(--web-theme-color-blue);}
.company-team-title{display: -webkit-grid; display: grid; grid-template-columns:repeat(2,21rem); justify-content: space-between; margin-top:6rem; }
.company-team-title h3{ white-space:nowrap;}
.company-team-title h4{color:var(--web-theme-color-gray);}
.company-team-line{ width:96%; height:1px; background-color:#e5e5e5; margin-top:1rem;}
.company-team-line-blue{ position:relative; z-index:5; width:20%; height:7px; background-color:var(--web-theme-color-blue); margin-top:-0.5rem;}
#company-team .grid{grid-template-columns:repeat(3,1fr); margin-top:4rem;}
.production-content{ background-color:var(--web-theme-color-white);}
.production-content img{ padding:1.2rem; box-shadow: 0 0 10px rgba(80,80,80,0.4);}
.production-content  p{ padding-top:1.4rem; margin-right:6rem; text-align:center;}
@media screen and (max-width: 1023px) {
.company-team-title{display: -webkit-grid; display: grid; grid-template-columns:repeat(2,auto); justify-content: space-between; margin-top:6rem; }	
#company-team .grid{grid-template-columns:1fr; margin-top:4rem;  grid-row-gap:20px;}
.company-team-title h4{ display:none;}
.company-team-line{ width:100%;}
.company-team-line-blue{ position:relative; z-index:5; width:20%; height:7px;}	
.production-content p{  margin-right:0; }
}