.brickit-features {margin-top:0px;padding-bottom:60px;position:relative;z-index: 2;}
.brickit-features ul {display:flex;flex-wrap:wrap;margin:0 -15px;}
.brickit-features ul li {width:25%;padding:0 15px;}
.brickit-features ul li .box {height:100%;background:#fff;border:1px solid #f4f4f4;box-shadow:0 0px 0px 0px rgba(0,0,0,0.03);padding:40px 13px 50px;text-align:center;position:relative;transition:0.5s;}
.brickit-features ul li .box:after {position:absolute;width:100%;height:2px;left:0;bottom:0;right:0;margin:auto;content:"";z-index:2;transition:all 0.4s ease-out;background:#fff;}
.brickit-features ul li .box:before {background:var(--color-primary);}
.brickit-features ul li .box:before {position:absolute;width:0;height:2px;left:0;bottom:0;right:0;margin:auto;content:"";z-index:3;transition:all 0.4s ease-out;}
.brickit-features ul li h3 {margin:12px 0 20px;font-size:22px;color:#0b2c3d;line-height:26px;font-weight:700;transition:0.5s;height:52px;overflow:hidden;}
.brickit-features ul li p {color:#5c727d;font-size:16px;line-height:28px;}
.brickit-features ul li:hover .box {box-shadow:5px 0px 32px 0px rgba(0,0,0,0.09);}
.brickit-features ul li:hover .box:before {width:100%;}
                           
                           
@media screen and (max-width:1441px) {                          
 .brickit-features{margin-top:-120px;}       
}
 
@media screen and (max-width:1367px) {                          
 .brickit-features{margin-top:-100px;}       
} 
 
@media screen and (max-width:1280px) {                          
 .brickit-features{margin-top:-80px;}       
} 

@media screen and (max-width:992px) {
.brickit-features{margin-top:50px;padding-bottom:50px;}
.brickit-features ul li{width:50%;padding:10px;}
}                     
 
@media screen and (max-width:768px) {
.brickit-features{margin-top:25px;padding-bottom:25px;}
.brickit-features ul li .box{padding:30px 13px;}
.brickit-features ul li .box img{height:100px;}
.brickit-features ul li h3{margin:12px 0;font-size:20px;height: auto;}
.brickit-features ul li p{line-height:26px;}
}   
 
@media screen and (max-width:576px) { 
.brickit-features ul{margin:0;}
.brickit-features ul li{width:100%;padding:10px 0;} 
.brickit-features ul li .box img{height:70px;} 
.brickit-features ul li h3{margin:10px 0;font-size:18px;}
.brickit-features ul li p{line-height:24px;}
}         
 
@media screen and (max-width:480px) {  
.brickit-features{margin-top:20px;padding-bottom:20px;}
.brickit-features ul li{padding:6px 0;}
.brickit-features ul li .box{padding:18px 13px;}
.brickit-features ul li p {line-height:22px;font-size:15px;}
.brickit-features ul li h3{margin:8px 0;font-size:16px;line-height:1;} 
}