Responsive CSS - Target 1024 x 768 Screen Size Only

Question

I have built a responsive site, Works fine on all screen sizes barring the 1024 x 768 (Tablet Landscape)

I am looking for specific CSS (or am open for JS) to target a 1024 x 768 screen.

Answer 1

Use for desktop:

@media (min-width:769px) and (max-width:1024px){
    // your code
}

Use for tablet:

@media (min-device-width:769px) and (max-device-width:1024px){
    // your code
}

Answer 2

You can use media Query Like this

@media (min-width:769px) and (max-width:1024px) {
    //css stuffs here
}

This is the Way if you want Tablet landscape