.back {
    background: url(../images/background2.jpg) no-repeat center center fixed;
    background-size: cover;
    opacity: .7;
    height: 450px;
    display: block;
}

@media (min-width: 1192px) and (max-width: 1200px) {
    .back {
        width: 100%;
    }
}

@media (max-width: 1199px) {
    .back {
        width: 100%;
    }
    
    .sec-padd {
        padding: 0 !important;
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    .back {
        width: 100%;
        background-position: top center;
    }
}

@media (max-width: 991px) {
    .back {
        width: 100%;
        background-position: top center;
        height: 200px;
    }
}

@media (max-width: 768px) {
    .back {
        width: 100%;
        background-position: center;
        background-attachment: local;
        height: 150px;
    }
}

@media (max-width: 767px) {
    .back {
        width: 100%;
        background-position: center;
        background-attachment: local;
        height: 150px;
    }
}

@media (max-width: 575px) {
    .back {
        width: 100%;
        background-position: center;
        background-attachment: local;
        height: 150px;
    }
}

@media (max-width: 550px) {
    .back {
        width: 100%;
        background-position: center;
        background-attachment: local;
        height: 150px;
    }
}

@media (max-width: 500px) {
    .back {
        width: 100%;
        background-position: center;
        background-attachment: local;
        height: 150px;
    }
}

@media (max-width: 420px) {
    .back {
        width: 100%;
        background-position: center;
        background-attachment: local;
        height: 150px;
    }
}

@media (max-width: 890px) {
    .back {
        width: 100%;
        background-position: center center;
        background-attachment: local;
        height: 150px;
    }
}

.single-latest-project-carousel > .content {
    margin-top: 0  !important;
    margin-bottom: 0  !important;
    padding: 5px;
    position: absolute;
    z-index: 11;
    background: #023f88 !important;
    padding: 10px;
    top: 47%;
    width: 72% !important;
}

.single-latest-project-carousel > .content > a > h3 {
    color: #C4C4C4 !important;
    padding: 0.8rem 0;    
}

.single-latest-project-carousel > .content h3 {
    font-size: 1.7rem !important;
    font-weight: bold;
}

@media (max-width: 767px) {
    .single-latest-project-carousel > .content h3 {
        font-size: 1.5rem !important;
    }
}