Ошибка парсинга

[Xandr555]

Здравствуйте. Верстаю сайт, в валидаторе firefox выскакивает "parse error" в css для мобильных браузеров. По задумке <span class="phonecpu">текст</span> виден на десктопах, а на мобильных  display:none его закрывает.  При валидации стилей для медиа-запроса - parse error стиля .phonecpu. В чем может быть причина?

 <nav class="one">
     <ul class="topnav">
      <li><a class="activeone"href="#"><span class="icon-home"></span></a></li>
      <li><a href="#"class="active"><span class="icon-phone">
      <span class="phonecpu">Вызвать мастера</span></span></a>
      <ul class="submenu">
       <li>
        <a href="tel:x-x-x">x-x-x</a>
       </li>
       <li><a href="tel:x-x-x">x-x-x</a></li>
      </ul>
      </li>
      <li class="right"><a class="activeone"href="price.html" id="price">Прайс</a></li>
     </ul>
    </nav>

@media only screen{@media screen and (min-device-width: 360px) and (max-device-width: 740px){
   .wraper{
 margin:0 auto}.demo-content{text-align:center}
.part{max-height:310px;max-height:100%; display:flex;
display: -webkit-flex;justify-content:center}
figure.img-box img{max-width:100%;vertical-align:top}figure.img-box:after{
  border: 2px solid #FF0000}
  .img-box:hover figcaption,.img-box:hover .imgone{transform: scale (0.8); -webkit-transform: scale (0.8);
    -ms-transform: scale (0.8); opacity:1}.phonecpu{display:none}}}

 

[Xandr555]

А, извините. Сам попробовал сделать, получилось. Просто немного поменял местами блоки css