@media screen and (max-width: 1200px) and (min-width:992px) {
    .col-wrapper2 {
        transform: translateY(100%);
    }
    .heading-carousel {
        margin-bottom: 50px;
        margin-top: 100px;
    }
    .btn-outline-primary {
        margin-top: 50px;
        margin-top: 50px;
    }
}
@media screen and (max-width: 1327px) and (min-width:769px ) {
    .carousel-caption {
        position: absolute;
        right: 5%;
        left: 15%;
        bottom: 10%;
        color: #fff;
        text-align: left;
       
    }
    #carouselExampleCaptions1 {
    /*    height: 410px;*/
    }

    .carousel-inner, .carousel-item, .carousel-item img {
       /* height: 410px;*/
    }
}