.home-work-sangni {width:100%;background-image:url(./pics/bg03.webp);background-attachment:fixed;padding:100px 0;}
.home-work-sangni .title h2{font-size:36px;line-height:1;color:#212121;font-weight:700;}
.home-work-sangni .title p {margin-top:20px;font-size:16px;color:#666;line-height:30px;display:none;}

.home-work-sangni ul{margin:40px -15px 0;display:flex;flex-wrap:wrap;}
.home-work-sangni ul li{width:25%;padding:15px;text-align:center;}
.home-work-sangni ul li .box{height:110px;width:100%;display:flex;justify-content:center;align-items:center;box-shadow:0 0 10px rgba(63,62,62,0.15);transition:.3s all}
.home-work-sangni ul li img{max-width:70%;max-height:70%;}

.home-work-sangni ul li:hover .box{transform:translate(0,-5px);}


@media screen and (max-width:1680px) {
.home-work-sangni{padding:90px 0;}
}


@media screen and (max-width:1550px) {
.home-work-sangni{padding:80px 0;}
}

@media screen and (max-width:1441px) {
.home-work-sangni{padding:75px 0;}
.home-work-sangni .title h2{font-size:34px;}
}

@media screen and (max-width:1367px) {
.home-work-sangni{padding:70px 0;}
.home-work-sangni .title h2{font-size:32px;}
}


@media screen and (max-width:1280px) {
.home-work-sangni{padding:60px 0;}
.home-work-sangni .title h2{font-size:30px;}
.home-work-sangni ul{margin:25px -15px 0;}
.home-work-sangni ul li .box{height:100px;}

}

@media screen and (max-width:992px) {
.home-work-sangni ul li{width:25%;}
.home-work-sangni .title h2{text-align:center;}
}

@media screen and (max-width:768px) {
.home-work-sangni{padding:30px 0;}
.home-work-sangni .title h2{font-size:28px;}
.home-work-sangni ul{margin:15px -15px 0;}
.home-work-sangni ul li{width:33.3333333%;}
.home-work-sangni ul li .box{height:90px;}
}

@media screen and (max-width:576px) {
.home-work-sangni .title h2{font-size:26px;}
.home-work-sangni ul{margin:20px -10px 0;}
.home-work-sangni ul li{width:50%;padding:10px;}
}

@media screen and (max-width:480px) {
.home-work-sangni .title h2{font-size:24px;}
}