/*tem30-service*/
.tem30-service .col-lg-3{width:20%;padding:0;}
.tem30-service .box{border:1px solid #ddd;margin-left:-1px;text-align:center;padding:30px 20px;}
.tem30-service .col-xs-6:nth-of-type(1) .box{margin-left:0;}
.tem30-service .box .icon{font-size:36px;}
.tem30-service .box .title{font-size:16px;font-weight:500;position:relative;padding-bottom:10px;margin:6px 0 10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.tem30-service .box .title::before{content:"";position:absolute;width:15px;height:1px;left:50%;bottom:0;margin-left:-7px;transition:all 0.35s ease-in 0s;-o-transition:all 0.35s ease-in 0s;-moz-transition:all 0.35s ease-in 0s;-ms-transition:all 0.35s ease-in 0s;-webkit-transition:all 0.35s ease-in 0s;}
.tem30-service .box .description{font-size:13px;color:#9a9a9a;line-height:22px;height:44px;overflow:hidden;}
@media (min-width:769px){
    .tem30-service .col-xs-6:hover .box{border-color:inherit;position:relative;z-index:2;}
    .tem30-service .box:hover .title::before{width:40px;margin-left:-20px;}
}
@media (max-width:768px){
    .tem30-service .container,
    .tem30-service.full-screen-spacing .container.full-screen{padding-left: 3%!important;padding-right: 3%!important}
    .tem30-service .col-lg-3{margin-bottom:-1px;width:33.3333%;padding:0!important;}
    .tem30-service .box{margin:3%;}
}
@media (max-width:480px){
    .tem30-service .container{padding:0;}
    .tem30-service .border-color-hover{width:100%;max-width: 100%;}
    .tem30-service .box{padding:5% 3%;margin: -1px 0 0;}
    .tem30-service .box .icon{font-size:30px;}
    .tem30-service .box .title{font-size:14px;}
    .tem30-service .box .description{font-size:12px;height: auto;}
}
