.port_grid_area{padding:80px 0;}
.port_grid_area .tit{text-align:center;}
.port_grid_area .tit h3{font-size:40px;font-weight:400;line-height:1;}
.port_grid_area .list{margin:50px 0 0;}
.port_grid_area .list ul{display:flex;flex-wrap:wrap;margin:0 -15px;}
.port_grid_area .list ul li{width:33.3333%;padding:0 15px;}
.port_grid_area .list ul li .item{position:relative;}
.port_grid_area .list ul li .item > img{width:100%;}
.port_grid_area .list ul li .txt{width:100%;height:100%;position:absolute;right:0;top:0;bottom:0;left:0;z-index:9;text-align:center;transition:0.5s;background:rgb(252,29,11,.2);display:flex;flex-direction:column;justify-content:center;align-items:center;}
.port_grid_area .list ul li .txt .ico a{border-radius:5px;display:inline-block;width:50px;height:50px;line-height:50px;margin:0 8px;transition:0.5s;color:#fff;}
.port_grid_area .list ul li .txt .ico a i{font-size:16px;}
.port_grid_area .list ul li .txt .ico a:hover{background:var(--color-primary);}
.port_grid_area .list ul li .txt h5{margin:15px 0 0;font-size:22px;font-weight:700;text-transform:capitalize;}
.port_grid_area .list ul li .txt h5 a{transition:0.5s;color:#fff;}


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

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

@media screen and (max-width:1281px){
.port_grid_area{padding:60px 0;}
.port_grid_area .tit h3{font-size:34px;}
.port_grid_area .list{margin:40px 0 0;}
}


@media screen and (max-width:992px){
.port_grid_area{padding:50px 0;}
.port_grid_area .tit h3{font-size:32px;}
.port_grid_area .list ul li .txt{height:auto;top:auto;background:rgba(0, 0, 0, 0.6);padding:10px 0;}
}

@media screen and (max-width:768px){
.port_grid_area{padding:30px 0;}
.port_grid_area .tit h3{font-size:30px;}
.port_grid_area .list{margin:30px 0 0;}
.port_grid_area .list ul{margin:-12px -12px 0;}
.port_grid_area .list ul li{width:50%;padding:12px;}
.port_grid_area .list ul li .txt .ico a{width:40px;height:40px;line-height:40px;margin:0 5px;}
.port_grid_area .list ul li .txt h5{margin:10px 0 0;font-size:18px;}
}

@media screen and (max-width:640px) {
.port_grid_area .tit h3{font-size:28px;}
}

@media screen and (max-width:576px) {
.port_grid_area .tit h3{font-size:26px;}
.port_grid_area .list ul{margin:-10px 0 0;}
.port_grid_area .list ul li{width:100%;padding:10px 0;}
.port_grid_area .list ul li .txt .ico a{width:30px;height:30px;line-height:30px;margin:0 5px;}
.port_grid_area .list ul li .txt h5{margin:5px 0 0;font-size:16px;}
}

@media screen and (max-width:480px) {
.port_grid_area .tit h3{font-size:24px;}
.port_grid_area .list{margin:25px 0 0;}
.port_grid_area .list ul li .txt .ico{display:none;}
.port_grid_area .list ul li .txt h5{margin:0;}
}	

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

}