CSS

tablet screen media query

@media (min-width: 768px) and (max-width: 1024px){

}

media screen tablet

@media screen and (min-width: 786px) and (max-width: 1023px)

tablet media query

@media (min-width:320px)  { /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */ }
@media (min-width:480px)  { /* smartphones, Android phones, landscape iPhone */ }
@media (min-width:600px)  { /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */ }
@media (min-width:801px)  { /* tablet, landscape iPad, lo-res laptops ands desktops */ }
@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ }
@media (min-width:1281px) { /* hi-res laptops and desktops */ }

Media Query Tablet and Below

/* Tablet And Below */
@media all and (max-width: 980px) {}