.custom-carousel-2 {
    position: relative;
    background: url(../img/demos/app-landing/backgrounds/laptop-frame.png) no-repeat;
    background-size: 100%;
    width: 100%;
    height: 100%;
    background-position: -5px 0px;
}

    .custom-carousel-2 .owl-carousel {
        padding: 2.9% 7.9% 0 7.9%;
    }

        .custom-carousel-2 .owl-carousel .owl-nav button.owl-prev {
            left: 0;
        }

        .custom-carousel-2 .owl-carousel .owl-nav button.owl-next {
            right: 15%;
        }

.carousel-main .owl-carousel .owl-item:not(.active) {
    height: 0px;
}

.carousel-main > .owl-carousel > .owl-stage-outer {
    margin-left: 0 !important;
    margin-right: 0 !important;
}



@media only screen and (max-width: 1200px) {
    .custom-carousel-2 .owl-carousel {
        padding: 2.9% 6.5% 0 6.5%;
    }
}

@media only screen and (max-width: 991px) {
    .custom-carousel-2 .owl-carousel {
        padding: 2.7% 7.5% 0 7.5%;
    }

    .custom-carousel-2-txt-container {
        margin-top: 30px;
    }

    .custom-carousel-2 {
        height: 500px;
    }
}

@media only screen and (max-width: 767px) {
    .custom-carousel-2 .owl-carousel {
        padding: 2.9% 6.2% 0 6.2%;
    }

    .custom-carousel-2 {
        height: 300px;
    }
}

@media only screen and (max-width: 540px) {
    .custom-carousel-2 .owl-carousel {
        padding: 2.9% 4.3% 0 4.3%;
    }

        .custom-carousel-2 .owl-carousel .owl-nav button.owl-next {
            right: 10%;
        }
}

@media only screen and (max-width: 460px) {
    .custom-carousel-2 .owl-carousel {
        padding: 2.5% 3% 0 3%;
        right: 0%;
    }
}

@media only screen and (max-width: 400px) {
    .custom-carousel-2 .owl-carousel {
        padding: 2.5% 1% 0 1%;
    }

    .custom-carousel-2 {
        height: 200px;
    }
}

@media only screen and (max-width: 370px) {
    .custom-carousel-2 .owl-carousel {
        padding: 2.5% 0% 0 0%;
    }
}