Having code disable on tablet only

Hi there,

I tried to see if this has been asked before but couldn't find anything. I would like to have some code disable on tablet only.

Its a Wordpress widget so I can't add a class to it to use "Using our hide-on-* classes" from docs.

https://docs.generatepress.com/article/responsive-display/

So I need to use @media however there isn't an option for mobile and desktop, just one or the other.

I tried writing the following:

@media (max-width: 768px) and (min-width: 1025px) {
	#text-2 {
		display: none;
	}
}

However, this didn't work. The actual #text-2 part isn't really relevant this bit works, its to do with the media query.

Any ideas what I am doing wrong or I am completely on the wrong path?

Cheers!