@media all and (max-width: 576px) {
    body {
        background-color: #f00;
    }
}

@media all and (min-width: 576px) {
    body {
        background-color: #0f0;
    }
}

@media all and (min-width: 768px) {
    body {
        background-color: #00f;
    }
}

@media all and (min-width: 992px) {
    body {
        background-color: #0ff;
    }
}

@media all and (min-width: 1200px) {
    body {
        background-color: #fff;
    }
}