.abt-img{width: 657px;}
.abt-img .intro{margin-bottom: 50px;max-width: 580px;}
.abt-ctent{width: calc(100% - 657px);padding-left: 100px;}
.about-img-block{margin: 0 -12px;}
.about-img-block .img-block{width: 33.33%;padding: 0 12px;}
.img-block:nth-child(2n){position: relative;top:50px}
.ab-img-50.about-img-block .img-block{width: 50%;}
.ab-img-50 .img-block:nth-child(2n){top:0;}
.about-img-block .img-block{position: relative;}
.about-img-block .overlaytext {position: absolute;font-size: 12px;color: #fff;font-weight: 600;top: 20px;text-transform: uppercase;letter-spacing: 0.5px;}
.about-img-block .before_text.overlaytext{left: 40px;}
.about-img-block .after_text.overlaytext{right: 40px;}


/* START MEDIA QUERY  */
@media screen and (max-width: 1365.99px){
    .abt-img {width:500px;}
    .abt-ctent {width: calc(100% - 500px);padding-left: 80px;}
}
@media screen and (max-width: 1199.99px){
    .abt-img {width:400px;}
    .abt-ctent {width: calc(100% - 400px);padding-left: 30px;}
    .about-img-block {margin: 0 -3px;}
    .about-img-block .img-block{padding: 0 3px;}
    .img-block:nth-child(2n){top: 15px;}
    .abt-img .intro {margin-bottom: 30px;}
}
@media screen and (max-width: 991.99px){
    .abt-img {width:500px;}
    .abt-ctent {width: 100%;padding-left: 0;margin-top:1.875rem;}
    .about-img-block .before_text.overlaytext{left: 20px;}
    .about-img-block .after_text.overlaytext{right: 20px;}
}
@media screen and (max-width: 575px){
    .about-img-block .year-num {font-size: 28px;}
    .about-img-block .box-inner .semi-title{margin-bottom: 5px;}
    .about-img-block .work-inner .semi-title{margin-bottom: 0;}
    .about-img-block .work-inner{padding: 8px 0;}
    .abt-img {width:100%;}
}