سوال در مورد @media در سی اس اس

[persiandroid]

سلام
یه المانی توی صفحه داریم که با سی اس اس تنظیم شده
حالا می خوام این عنصر رو تعیین کنم که توی هر صفحه نمایش چجوری نشون داده بشه

مثلا اگه عرض صفحه 50 پیکسل بود، فلان property فلان value رو داشته باشه
بعد همون کلاس تو عرض 60 فلان باشه

با این دستور خواستم جلو برم اما خب درست نبوده

@media (max-width:50px;) {
.felan {
top:20px;
}
}
@media(max-width:60px;) {
.felan {
top: 15px;
}
}

یه پنج شش تا عرض مختلف رو به این شکل و پشت سر هم تست کردم، و همین شکلی هم یک بار جای همه ی max ها min نوشتم که بشه min-width، اما مشکلی که بود این بوده که فقط یکی از کدها رو روی همه ی عرض ها انجام می داده

اینم ممنون میشم راهنمایی کنید

یه چیزی که به ذهنم رسیده الان:
مثلا برای عرض بین 50 تا 60، باید هم max استفاده کنم و هم min که از عرض 50 تا 60 رو فلان شکل نشون بده، بعد از 50 به پایین تر جور دیگه باشه و 60 به بالاتر هم یه شکل دیگه؟
درسته؟

تشکر

نیازی به min-width و یا max-width نیست، به این شکل استفاده کنید:

@media (min-width: 50px)
.container {
width: 15px;
}

@media (min-width: 60px)
.container {
width: 20px;
}