.overlap-bg-img-container {
    position: relative;
    width: 100%;
    padding: 0 20px;
    margin: 0 auto 45px;
}
.overlap-bg-img-back {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0; left: 0;
    background-position: center center;
    background-size: cover;
}
.overlap-bg-img-back img { width: 100%; }
.overlap-bg-img-front {
    position: relative;
    width: 100%;
    padding-top: 40px;
    padding-left: 40px;
}
.overlap-bg-img-front .bg-content {
    width: 45%; 
    height: 440px; 
    background-image: url(../img/sevice-bg-content.jpg); 
    position: relative;
}
.overlap-bg-img-front .content {
    width: 86%;
    background-color: #fff;
    position: absolute;
    top: 40px;
    left: 7%;
    height: 360px;
    text-align: center;
    padding: 50px;
}
.overlap-bg-img-front .content .vertical-center { width: 100%; height: 100%; display: table; }
.overlap-bg-img-front .content .ct-vertical-center { display: table-cell; vertical-align: middle; }
.overlap-bg-img-front .content .ct-heading { color: #333; }
.overlap-bg-img-front .content .ct-title {
    margin-bottom: 15px;
}

@media screen and (min-width: 992px) {
    .overlap-bg-img-container {
        max-width: 1200px;
        padding: 0;
    }
}

@media screen and (max-width: 991px) {
    .overlap-bg-img-back { padding-left: 0; position: static; }
    .overlap-bg-img-front { padding: 0; }
    .overlap-bg-img-front .bg-content { width: 100%; height: auto; position: relative; padding: 15px; }
    .overlap-bg-img-front .content { 
        width: 100%;
        padding: 30px;
        position: static;
        height: auto;
    }
}