Answers for "how to write media query with two size"

css media queries between two sizes

/* No greater than 900px, no less than 400px */
@media (max-width:900px) and (min-width:400px) {
    .foo {
        display:none;
    }
}

how to combine two screen sizes in media queries css

@media (min-width: 30em) and (max-width: 50em) { ... }