/**
[2023] [riddho].
CSS for device wise style changes
*/
@media (max-width: 600px) {
    /* Styles for devices with a screen width of 768px or less */
    .h-140px,
    .size-140px {
        min-height: 140px;
    }
    .img-fit {
        object-fit: contain;
    }
}
@media (min-width: 600px) and (max-width: 768px) {
    /* Styles for devices with a screen width of 768px or less */
    .h-140px,
    .size-140px {
        min-height: 220px;
    }
    .img-fit {
        object-fit: contain;
    }
}
@media (min-width: 768px) and (max-width: 992px) {
    /* Styles for devices with a screen width between 768px and 992px */
    .h-140px,
    .size-140px {
        min-height: 220px;
    }
    .img-fit {
        object-fit: unset;
    }
}
@media (min-width: 992px) and (max-width: 1200px) {
    /* Styles for devices with a screen width of 992px and 1200px */
    .h-md-210px,
    .size-md-210px {
        height: 100%;
    }
    .img-fit {
        object-fit: cover;
    }
}
@media (min-width: 1200px) and (max-width: 1499px) {
    /* Styles for devices with a screen width of 1200 or more */
    .h-md-210px,
    .size-md-210px {
        height: 140px;
    }
    .special__offer__page .h-md-210px,
    .size-md-210px {
        height: 260px;
    }
    .img-fit {
        object-fit: unset;
    }
    .row-cols-xl-3 > * {
        flex: 0 0 25%;
        max-width: 25%;
    }
}