/* Keep the CMS image centered while cropping its sides on smaller screens. */
/* SuperSlide writes an initial pixel height; all layers must follow the frame on rotation. */
.responsive-home .fullSlide .bd,
.responsive-home .fullSlide .bd > ul,
.responsive-home .fullSlide .bd li,
.responsive-home .fullSlide .bd li > a {
    height: 100% !important;
}
@media (max-width: 700px), (max-width: 1024px) and (max-height: 600px) {
    .responsive-home .fullSlide {
        --home-banner-height: clamp(200px, 56vw, 300px);
        height: var(--home-banner-height);
        overflow: hidden;
    }
    .responsive-home .fullSlide .bd li {
        background-size: cover !important;
        background-position: 50% 50% !important;
    }
}
@media (max-width: 1024px) and (max-height: 600px) and (orientation: landscape) {
    .responsive-home .fullSlide {
        --home-banner-height: clamp(190px, 58vh, 300px);
    }
}