/*tem28-service*/
.tem28-service .item{border-color:#ddd;padding:60px 10px 10px!important;} 
.tem28-service .service-li{width:100%;position:relative;color:#333;border:1px solid #ddd;border-color:inherit;background:#fff;text-align:center;padding:70px 20px 40px;transition:all 0.6s ease-out 0s;-moz-transition:all 0.6s ease-out 0s;-o-transition:all 0.6s ease-out 0s;-ms-transition:all 0.6s ease-out 0s;-webkit-transition:all 0.6s ease-out 0s;height:100%;}
.tem28-service .service-li .icon{position:absolute;width:100px;height:100px;line-height:100px;border:1px solid #ddd;border-color:inherit;border-radius:50%;text-align:center;font-size:50px;top:-50px;left:50%;margin-left:-50px;background:inherit;transition:all 0.6s ease-out 0s;-moz-transition:all 0.6s ease-out 0s;-o-transition:all 0.6s ease-out 0s;-ms-transition:all 0.6s ease-out 0s;-webkit-transition:all 0.6s ease-out 0s;}
.tem28-service .service-li:hover{box-shadow:0 3px 30px rgba(0, 0, 0, 0.1);border-color:transparent;}
.tem28-service .service-li:hover .icon{box-shadow:0 -9px 20px rgba(0, 0, 0, 0.05);}
.tem28-service .service-li .title{font-size:16px;margin-bottom:15px;;}
.tem28-service .service-li .title a{color:#333;opacity:.92;font-weight:bold;}
.tem28-service .service-li .description{font-size:13px;opacity:.62;transition:0.3s ease-out;}
.tem28-service .service-li:hover .description{opacity:.77;}
@media (max-width:768px){
    .tem28-service .service-li .icon{font-size:40px;}
    .tem28-service .container,
    .tem28-service.full-screen-spacing .container.full-screen{padding-left: 3%!important;padding-right: 3%!important}
}
@media (max-width:480px){
    .tem28-service .item{padding:45px 5px 5px!important;width:100%;max-width: 100%;} 
    .tem28-service .service-li .icon{font-size:2rem;width:60px;height:60px;line-height:60px;margin-left:-30px;top:-30px;}
    .tem28-service .service-li{padding:55px 15px 25px;}
    .tem28-service .service-li .title{margin-bottom:10px;}
    .tem28-service .service-li .title a{font-size:14px;font-weight: normal;}
}