div.service01 {margin:0 auto; overflow:hidden;}
div.service01 div.icoBox {overflow:hidden; margin:0;}
div.service01 section {padding:38px 0px 0px 180px;  border-right:0px solid rgba(255,255,255,0.3); margin:2% 0 4% 0%;width:33.33333%; 
box-sizing:border-box; min-height:110px;  float:left; background-position:50px center !important;  position:relative;}
div.service01 section:before {content:""; position:absolute; width:110px; height:110px; background-color:#fff;
 background-position:center; left:40px; top:0; border-radius:50%; background-repeat:no-repeat; box-shadow:0 0 10px rgba(0,0,0,0.3);}
div.service01 section:nth-child(3),div.service01 section:nth-child(6){border-right:0; }
div.service01 section.ico1:before {background-image:url("../img/ico1.png") ;  }
div.service01 section.ico2:before {background-image:url("../img/ico2.png") ;}
div.service01 section.ico3:before {background-image:url("../img/ico3.png") ;}
div.service01 section.ico4:before {background-image:url("../img/ico4.png") ;}
div.service01 section.ico5:before {background-image:url("../img/ico5.png") ;}
div.service01 section.ico6:before {background-image:url("../img/ico6.png") ;}
div.service01 div.tit {font-size:22px; font-weight:500; text-shadow:0 0 5px rgba(0,0,0,0.8);}
div.service01 div.txt {display:none; font-size:12px;  }


/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
div.service01 {width:100%; }	
div.service01 div.icoBox { margin:0px 0 0px 0;}
div.service01 section {padding:110px 0px 40px 0px;  margin:0% 0%;width:50%;   border-right:0px; text-align:center;
box-sizing:border-box; min-height:auto;  float:left; background-position:center top !important; }
div.service01 section:before { width:100px; height:100px;  left:50%; transform:translate(-50%,0);}
div.service01 div.tit {font-size:14px;}

}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}