Merhabalar, buttonff 'e Tablette farklı görünmesi için media etiketi ekliyorum. Amacım font'un tablette küçülmesi fakat hiçbir şekilde değişmiyor. Sebebi ne olabilir? Bu bölge özel html alanı.. (Yani html,css,js bir yerde)

@media screen and (min-width:500px) and (max-width:600px),screen and (min-device-width:500px) and (max-device-width:600px) {
    .buttonff{font-size: 1px !important; padding: 4% 12%!important; background: #fff;}
  }
    @media screen and (min-width:600px) and (max-width:900px),screen and (min-device-width:600px) and (max-device-width:900px)  {
    .buttonff{font-size: 1px !important; padding: 4% 12%!important; background: #fff;}
}
    @media (min-width: 768px) and (max-width: 1024px) {
    .buttonff{font-size: 1px !important; padding: 4% 12% !important; background: #fff;}
}
    @media (min-width: 1025px) and (max-width: 1280px) {
      .buttonff{font-size: 1px !important; padding: 4% 12%!important; background: #fff;}
}