.dt_ser_area {padding:10px 0;}
.dt_ser_area .tit {text-align:center;}
.dt_ser_area .tit h2 {color:#888;font-size:18px;display:inline-block;font-weight:700;line-height:1;}
.dt_ser_area .tit h3{font-size:40px;font-weight:700;line-height:1;color:#212121;}
.dt_ser_area .tit p {color:#888;margin:10px 0 0;}
.dt_ser_area ul {display:flex;flex-wrap:wrap;margin:20px -20px 0;position:relative;}
.dt_ser_area ul li {width:50%;padding:20px;}
.dt_ser_area ul li:nth-child(4){position: absolute;bottom: 32.5%;right: 0;}                     
.dt_ser_area ul li:last-child {position:absolute;right:0;bottom:0;}
.dt_ser_area ul li a {display:block;position:relative;overflow:hidden;}
.dt_ser_area ul li a > img {transition:all 0.5s ease 0s;}
.dt_ser_area ul li .txt {position:absolute;background:rgba(0,0,0,0.45);z-index:10;top:0;bottom:0;left:0;right:0;padding:0 10px;transition:0.5s;opacity:0;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;}
.dt_ser_area ul li .txt h5 {font-size:30px;color:#fff;transform:translateY(10px);transition:transform 0.5s;opacity:0;}

@media screen and (min-width:992px){
.dt_ser_area ul li:hover a > img {transform:scale(1.05);-webkit-transform:scale(1.05);}
.dt_ser_area ul li:hover .txt {opacity:1;}
.dt_ser_area ul li:hover .txt h5 {opacity:1;transform:translateY(0);}
}
 
.medi_singleFeature {position:relative;box-shadow:0 0 13px 0 rgba(0,0,0,0.03);transition:0.5s;background:#fff;margin-bottom:20px;}
.medi_singleFeature: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;background:var(--color-primary);}
.medi_featureThumb {position:relative;margin-bottom:20px;}
.medi_featureThumb img {width:100%;height:auto;}
.medi_featureThumb:after {position:absolute;left:0;top:0;width:100%;height:100%;content:"";transition:all 0.5s ease-out;}
.medi_featureDetail {position:relative;padding:0 25px 24px 34px;}
.medi_featureDetail p {margin-bottom:10px;}
       
                     
@media screen and (max-width:1441px) {
.dt_ser_area .tit h3{font-size:38px;}
}

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

@media screen and (max-width:1281px){
.dt_ser_area{padding:60px 0;}
.dt_ser_area .tit h3{font-size:34px;}
.dt_ser_area ul{margin:20px -15px 0;}
.dt_ser_area ul li{padding:15px;}  
.dt_ser_area ul li .txt h5{font-size:28px;}  
}

@media screen and (max-width:1171px){
.dt_ser_area .tit h3{font-size:32px;}
}

@media screen and (max-width:992px){
.dt_ser_area .tit h3{font-size:30px;}
.dt_ser_area ul{margin:20px -10px 0;}
.dt_ser_area ul li{padding:10px;}  
.dt_ser_area ul li .txt{top:auto;padding:15px 10px;opacity:1;}
.dt_ser_area ul li .txt h5 {font-size:26px;transform:translateY(0);opacity:1;}
}

@media screen and (max-width:768px){
.dt_ser_area{padding:30px 0;}
.dt_ser_area .tit h3{font-size:28px;}
.dt_ser_area ul li .txt h5{font-size:24px;}  
}

@media screen and (max-width:576px) {
.dt_ser_area .tit h3{font-size:26px;}
 .dt_ser_area ul{margin:20px -5px 0;}
.dt_ser_area ul li{padding:5px;}  
.dt_ser_area ul li .txt h5{font-size:22px;}  
}

@media screen and (max-width:480px) {
.dt_ser_area .tit h2{font-size:16px;}
.dt_ser_area .tit h3{font-size:24px;}
.dt_ser_area .tit p{font-size:15px;line-height:20px;}  
  
.dt_ser_area ul li .txt{padding:10px 5px;}
.dt_ser_area ul li .txt h5{font-size:20px;}  
.dt_ser_area ul li:nth-child(n+3){width:100%;}  
.dt_ser_area ul li:last-child{position:static;}   
.dt_ser_area ul li:nth-child(4){position: static}         
}	


@media screen and (max-width:420px) {
.dt_ser_area .tit h3{font-size:22px;}
.dt_ser_area ul li .txt h5{font-size:18px;}  
}