/* line-spacing */
.object-fit-contain { --mcfw-media-fit: contain; --mcfw-media-bg-size: contain; object-fit: contain !important; background-size: contain !important; background-repeat: no-repeat !important; }
.object-fit-cover { --mcfw-media-fit: cover; --mcfw-media-bg-size: cover; object-fit: cover !important; background-size: cover !important; }
.object-fit-fill { --mcfw-media-fit: fill; --mcfw-media-bg-size: 100% 100%; object-fit: fill !important; background-size: 100% 100% !important; }
.object-fit-scaledown { --mcfw-media-fit: scale-down; --mcfw-media-bg-size: contain; object-fit: scale-down !important; background-size: contain !important; background-repeat: no-repeat !important; }
.object-fit-none { --mcfw-media-fit: none; --mcfw-media-bg-size: auto; object-fit: none !important; background-size: auto !important; background-repeat: no-repeat !important; }

.object-fit-contain > .image-w > .w > div { object-fit: contain !important; }
.object-fit-cover > .image-w > .w > div { object-fit: cover !important; }
.object-fit-fill > .image-w > .w > div { object-fit: fill !important; }
.object-fit-scaledown > .image-w > .w > div { object-fit: scale-down !important; }
.object-fit-none > .image-w > .w > div { object-fit: none !important; }

@media (min-width: 576px) {
    .object-fit-sm-contain { --mcfw-media-fit: contain; --mcfw-media-bg-size: contain; object-fit: contain !important; background-size: contain !important; background-repeat: no-repeat !important; }
    .object-fit-sm-cover { --mcfw-media-fit: cover; --mcfw-media-bg-size: cover; object-fit: cover !important; background-size: cover !important; }
    .object-fit-sm-fill { --mcfw-media-fit: fill; --mcfw-media-bg-size: 100% 100%; object-fit: fill !important; background-size: 100% 100% !important; }
    .object-fit-sm-scaledown { --mcfw-media-fit: scale-down; --mcfw-media-bg-size: contain; object-fit: scale-down !important; background-size: contain !important; background-repeat: no-repeat !important; }
    .object-fit-sm-none { --mcfw-media-fit: none; --mcfw-media-bg-size: auto; object-fit: none !important; background-size: auto !important; background-repeat: no-repeat !important; }

    .object-fit-sm-contain > .image-w > .w > div { object-fit: contain !important; }
    .object-fit-sm-cover > .image-w > .w > div { object-fit: cover !important; }
    .object-fit-sm-fill > .image-w > .w > div { object-fit: fill !important; }
    .object-fit-sm-scaledown > .image-w > .w > div { object-fit: scale-down !important; }
    .object-fit-sm-none > .image-w > .w > div { object-fit: none !important; }
}

@media (min-width: 768px) {
    .object-fit-md-contain { --mcfw-media-fit: contain; --mcfw-media-bg-size: contain; object-fit: contain !important; background-size: contain !important; background-repeat: no-repeat !important; }
    .object-fit-md-cover { --mcfw-media-fit: cover; --mcfw-media-bg-size: cover; object-fit: cover !important; background-size: cover !important; }
    .object-fit-md-fill { --mcfw-media-fit: fill; --mcfw-media-bg-size: 100% 100%; object-fit: fill !important; background-size: 100% 100% !important; }
    .object-fit-md-scaledown { --mcfw-media-fit: scale-down; --mcfw-media-bg-size: contain; object-fit: scale-down !important; background-size: contain !important; background-repeat: no-repeat !important; }
    .object-fit-md-none { --mcfw-media-fit: none; --mcfw-media-bg-size: auto; object-fit: none !important; background-size: auto !important; background-repeat: no-repeat !important; }

    .object-fit-md-contain > .image-w > .w > div { object-fit: contain !important; }
    .object-fit-md-cover > .image-w > .w > div { object-fit: cover !important; }
    .object-fit-md-fill > .image-w > .w > div { object-fit: fill !important; }
    .object-fit-md-scaledown > .image-w > .w > div { object-fit: scale-down !important; }
    .object-fit-md-none > .image-w > .w > div { object-fit: none !important; }
}

@media (min-width: 992px) {
    .object-fit-lg-contain { --mcfw-media-fit: contain; --mcfw-media-bg-size: contain; object-fit: contain !important; background-size: contain !important; background-repeat: no-repeat !important; }
    .object-fit-lg-cover { --mcfw-media-fit: cover; --mcfw-media-bg-size: cover; object-fit: cover !important; background-size: cover !important; }
    .object-fit-lg-fill { --mcfw-media-fit: fill; --mcfw-media-bg-size: 100% 100%; object-fit: fill !important; background-size: 100% 100% !important; }
    .object-fit-lg-scaledown { --mcfw-media-fit: scale-down; --mcfw-media-bg-size: contain; object-fit: scale-down !important; background-size: contain !important; background-repeat: no-repeat !important; }
    .object-fit-lg-none { --mcfw-media-fit: none; --mcfw-media-bg-size: auto; object-fit: none !important; background-size: auto !important; background-repeat: no-repeat !important; }

    .object-fit-lg-contain > .image-w > .w > div { object-fit: contain !important; }
    .object-fit-lg-cover > .image-w > .w > div { object-fit: cover !important; }
    .object-fit-lg-fill > .image-w > .w > div { object-fit: fill !important; }
    .object-fit-lg-scaledown > .image-w > .w > div { object-fit: scale-down !important; }
    .object-fit-lg-none > .image-w > .w > div { object-fit: none !important; }
}

@media (min-width: 1200px) {
    .object-fit-xl-contain { --mcfw-media-fit: contain; --mcfw-media-bg-size: contain; object-fit: contain !important; background-size: contain !important; background-repeat: no-repeat !important; }
    .object-fit-xl-cover { --mcfw-media-fit: cover; --mcfw-media-bg-size: cover; object-fit: cover !important; background-size: cover !important; }
    .object-fit-xl-fill { --mcfw-media-fit: fill; --mcfw-media-bg-size: 100% 100%; object-fit: fill !important; background-size: 100% 100% !important; }
    .object-fit-xl-scaledown { --mcfw-media-fit: scale-down; --mcfw-media-bg-size: contain; object-fit: scale-down !important; background-size: contain !important; background-repeat: no-repeat !important; }
    .object-fit-xl-none { --mcfw-media-fit: none; --mcfw-media-bg-size: auto; object-fit: none !important; background-size: auto !important; background-repeat: no-repeat !important; }

    .object-fit-xl-contain > .image-w > .w > div { object-fit: contain !important; }
    .object-fit-xl-cover > .image-w > .w > div { object-fit: cover !important; }
    .object-fit-xl-fill > .image-w > .w > div { object-fit: fill !important; }
    .object-fit-xl-scaledown > .image-w > .w > div { object-fit: scale-down !important; }
    .object-fit-xl-none > .image-w > .w > div { object-fit: none !important; }
}

@media (min-width: 1400px) {
    .object-fit-xxl-contain { --mcfw-media-fit: contain; --mcfw-media-bg-size: contain; object-fit: contain !important; background-size: contain !important; background-repeat: no-repeat !important; }
    .object-fit-xxl-cover { --mcfw-media-fit: cover; --mcfw-media-bg-size: cover; object-fit: cover !important; background-size: cover !important; }
    .object-fit-xxl-fill { --mcfw-media-fit: fill; --mcfw-media-bg-size: 100% 100%; object-fit: fill !important; background-size: 100% 100% !important; }
    .object-fit-xxl-scaledown { --mcfw-media-fit: scale-down; --mcfw-media-bg-size: contain; object-fit: scale-down !important; background-size: contain !important; background-repeat: no-repeat !important; }
    .object-fit-xxl-none { --mcfw-media-fit: none; --mcfw-media-bg-size: auto; object-fit: none !important; background-size: auto !important; background-repeat: no-repeat !important; }

    .object-fit-xxl-contain > .image-w > .w > div { object-fit: contain !important; }
    .object-fit-xxl-cover > .image-w > .w > div { object-fit: cover !important; }
    .object-fit-xxl-fill > .image-w > .w > div { object-fit: fill !important; }
    .object-fit-xxl-scaledown > .image-w > .w > div { object-fit: scale-down !important; }
    .object-fit-xxl-none > .image-w > .w > div { object-fit: none !important; }
}