@media (max-width: 576px) {
.col-xl-alert-danger {
background: blue;
}
}
@media (min-width: 1200px) {
.col-xl-alert-danger {
background: red;
}
}
@media (min-width: 992px) and (min-width: 1200px) {
.col-xl-alert-danger {
background: yellow;
}
}
@media (min-width: 576px) and (min-width: 992px) {
.col-xl-alert-danger {
background: green;
}
}