@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;}}