/*<css-9272>*//*xs*/
.customClass-xs, .customClass {
    background-color: #0ff;
}

/*sm*/
@media (min-width: 576px) {
    .customClass-sm, .customClass-xs, .customClass {
        background-color: #00f;
    }
}

/*md*/
@media (min-width: 768px) {
    .customClass-md, .customClass-sm, .customClass-xs, .customClass {
        background-color: #f00;
    }
}

/*lg*/
@media (min-width: 992px) {
    .customClass-lg, .customClass-md, .customClass-sm, .customClass-xs, .customClass {
        background-color: #B574ED;
    }
}

/*xl*/
@media (min-width: 1200px) {
    .customClass-xl, .customClass-lg, .customClass-md, .customClass-sm, .customClass-xs, .customClass {
        background-color: #EDBE74;
    }
}

/*xxl*/
@media (min-width: 1400px) {
    .customClass-xxl, .customClass-xl, .customClass-lg, .customClass-md, .customClass-sm, .customClass-xs, .customClass {
        background-color: #74EDA0;
    }
}/*</css-9272>*/