Using Media Queries in CSS

Separate Style Sheets

<link rel="stylesheet" media="screen and (min-width: 768px) and (max-width: 1023px)
" href="tablet.css" />

Using Media Queries in CSS

@media only screen and (min-width: 768px) and (max-width: 1023px){
        /* Your styles. */
}