@media (min-width:767px) {
    .ssCaption {
        position: absolute;
        z-index: 1;
        right: 280px;
        top: 0;
        bottom: 0;
        width: 300px;
        background: rgb(0 0 0 / .3);
        color: #fff;
        padding: 31px;
        text-align: center
    }

        .ssCaption h4 {
            font-size: 23px;
            border-bottom: 1px solid #fff;
            padding-bottom: 15px;
            margin-bottom: 30px
        }

    .ssUrl {
        margin-top: 60px
    }

        .ssUrl a {
            background: #ff9000;
            padding: 7px 30px;
            border-radius: 2px;
            color: #fff
        }

    .simpleCarousel .item img {
        width: 100%;
        height: auto
    }
}

@media (max-width:767px) {
    .ssCaption {
        position: absolute;
        z-index: 1;
        right: 0;
        top: 0;
        bottom: 0;
        background: rgb(0 0 0 / .2);
        color: #fff;
        padding: 0;
        text-align: center;
        left: 0
    }

        .ssCaption h4 {
            font-size: 17px;
            border-bottom: 1px solid #fff;
            padding-bottom: 3px;
            margin-bottom: 5px
        }

    .ssUrl {
        margin-top: 0
    }

        .ssUrl a {
            background: #ff9000;
            padding: 7px 30px;
            border-radius: 2px;
            color: #fff
        }

    .simpleCarousel .carousel-indicators {
        display: none
    }

    .simpleCarousel .carousel-control {
        display: none
    }

    .simpleCarousel .item img {
        width: 100%;
        height: auto
    }
}