/**
 * Yaalini_ResponsiveBanner
 *
 * Swaps in the admin-configured mobile image for OWL Slider slides marked
 * with the "ysb-mobile-override" class (added by InjectMobileBannerPlugin).
 * The desktop background-image set by MGS Fbuilder is left completely
 * untouched above this breakpoint - this only overrides it below it.
 *
 * If you change "Mobile Breakpoint (px)" in Stores > Configuration >
 * Responsive Banner Images away from the default 767, update the number
 * below to match.
 */
@media only screen and (max-width: 767px) {
    .slider_mgs_carousel .owl-item .item-image.ysb-mobile-override {
        background-image: var(--ysb-mobile-bg) !important;
        background-position: var(--ysb-mobile-pos, center center) !important;
        background-size: cover;
        background-repeat: no-repeat;
    }
}