모바일에서 다른 스타일을 지정할 수 있을까요?

모바일 페이지에서 타이틀이 제대로 표시되지 않는 현상이 있어
웹테마 CSS에 아래 항목을 추가해주려 하는데 반영이 안되는것 같네요.
혹 모바일 페이지에서 CSS 를 컨트롤하려면 어떻게 하면 될까요?

@media screen and (max-width:730px),only screen and (min-device-width:481px) and (max-device-width:1024px) and (orientation:portrait),only screen and (max-device-width:480px),only screen and (min-device-width:640px) and (max-device-width:1136px) and (-webkit-min-device-pixel-ratio:2) {
  #book_title{display: none}
}