.beyerdynamic-widget-carousel {
    .widget-caption {
        margin-top: 40px;

        .gt-xl({
            margin-top: 120px;
        });

        .gt-md({
            color: @white;

            hr {
                background: @white;
            }
        });
    }

    .carousel-indicators {
        .lt-xxs({
            bottom: 65%;
        });

        .xxs({
            bottom: 58%;
        });

        .xs({
            bottom: 55%;
        });

        .sm({
            bottom: 46%;
        });
    }

    .carousel-control-prev,
    .carousel-control-next {
        .lt-xxs({
            bottom: 62%;
        });

        .xxs({
            bottom: 55%;
        });

        .xs({
            bottom: 52%;
        });

        .sm({
            bottom: 44%;
        });
    }
}