چگونه کد css جداگانه برای موبایل و تبلت و دستکتاپ اعمال کنم؟

سلام و عرض ادب.بنده از این تکه کد فقط در دو صفحه از سایتم برای عدم نمایش عنوان * موجود در انبار* محصولات آن صفحات استفاده میکنم که به خوبی عمل میکنه.منتهی میخوام این دستور فقط در موبایل و تبلت اعمال بشه و در دستکتاپ خیر .لطفا راهنمایی بفرمایید چه دستوری باید بهش اضافه کنم؟با تشکر.تکه کد به شرح زیر است

.stock-archive {
display: none !important
}