Selam, öncelikle tablet + telefon ekranları için "@media screen and (max-width992px){}" kullanabilirsin. Ama ilk düzenlemerini yaparken CSS'te kullandığın "!important" gibn ibelirtmeler var ise media sorgularını ezer ve çalışmaz.Gerekmedikçe "important" kullanmanı önermem.

https://gist.github.com/Mikodes/be9b9ce42e46c3d4ccb6 bu linkten sorguların detaylarını ve hangi ekranlara özel öğrenebilirsin.

pure css örn.

@media screen and max-width(992px){

body{
    width:200px
}

}
body{

width:900px

}