.brickit-service{padding:0 0 90px;}
.brickit-service .tit {text-align:center;}
.brickit-service .tit em{font-size:20px;line-height:24px;color:var(--color-primary);font-weight:500;position:relative;display:inline-block;}
.brickit-service .tit h3{font-size:42px;line-height:1;margin:15px 0 0;color:#0b2c3d;font-weight:700;}
.brickit-service ul {display:flex;flex-wrap:wrap;margin:40px -15px 0;}
.brickit-service ul li {width:33.33333%;padding:15px;}
.brickit-service ul li .box{border:1px solid #f4f4f4;height:100%;padding:10px 45px 30px;box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.5);}
.brickit-service ul li h3{margin:15px 0 0;line-height:1.2;font-weight:700;font-size:22px;transition:0.5s;color:#212121;}
.brickit-service ul li p{margin:20px 0 0;line-height:28px;font-size:17px;color:#444;}


.brickit-service ul li:hover .box::before{content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1;transition:0.5s;background: var(--dark-bg-color);}


                         
@media screen and (max-width:1550px){
.brickit-service .tit h3{font-size:39px;}
}

@media screen and (max-width:1441px) {
.brickit-service{padding:0 0 75px;}
.brickit-service .tit h3{font-size:38px;}
}

@media screen and (max-width:1367px) {
.brickit-service{padding:0 0 70px;}
.brickit-service .tit h3{font-size:36px;}
}

@media screen and (max-width:1281px){
.brickit-service{padding:0 0 60px;}
.brickit-service .tit h3{font-size:34px;}
.brickit-service ul li{width:50%;}
.brickit-service ul li .box{padding:10px 35px 25px;}
.brickit-service ul li img{height:100px;}
.brickit-service ul li h3{font-size:21px;}
.brickit-service ul li p{line-height:26px;font-size:16px;}
}

@media screen and (max-width:1171px){
.brickit-service{padding:0 0 50px;}
.brickit-service .tit h3{font-size:32px;}
}

@media screen and (max-width:992px){
.brickit-service{padding:0 0 40px;}
.brickit-service .tit h3{font-size:31px;}
.brickit-service ul li p{line-height:25px;}
}

@media screen and (max-width:768px){

.brickit-service{padding:0 0 30px;}
.brickit-service .tit em{font-size:16px;}
.brickit-service .tit h3{font-size:28px;}
.brickit-service ul li .box{padding:10px 30px 25px;}
.brickit-service ul li img{height:90px;}
.brickit-service ul li h3{font-size:20px;}
.brickit-service ul li p{line-height:24px;}
}


@media screen and (max-width:576px) {
.brickit-service .tit em{font-size:15px;}
.brickit-service .tit h3{font-size:26px;}
.brickit-service ul{margin:20px 0 0;display:block;}
.brickit-service ul li{width:100%;padding:10px 0;}
.brickit-service ul li .box{padding:10px 20px 25px;text-align:center;}
.brickit-service ul li img{height:80px;}
.brickit-service ul li h3{font-size:19px;}
.brickit-service ul li p{line-height:23px;margin:15px 0 0;}

}

@media screen and (max-width:480px) {
.brickit-service .tit h3{font-size:24px;margin:12px 0 0;}
.brickit-service ul li p{line-height:22px;font-size:15px;}
}	

@media screen and (max-width:420px) {
.brickit-service .tit h3{font-size:22px;}
}