CSS Media Queries example including devices

media-queries.css

/* For Mobile */
@media only screen and (min-device-width: 320px) and (max-device-width: 1024px), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-device-pixel-ratio: 3) {
    button,
    input[type="button"],
    input[type="submit"] {
        -webkit-appearance: none;
    }
}

/* For screens widths larger than 1440px */
@media screen and (min-width: 1440px) {

}

/* For screens widths smaller than 1200px */
@media screen and (max-width: 1200px) {

}