@media (width >= 500px) and (width <= 1200px) {
  .rule {color:red;}
}
@custom-media --only-medium-screen (    width    >=500px     ) and (width<=    1200px    ) ;
@media (       --only-medium-screen ){
  .rule{color:blue;}}