PC用ページは普通に入力できたのですが、
スマホ用ページに入力した際に表題のエラーが
発生しました。
PC用と同じようにスタイルを効かせるには
何か方法はありますでしょうか？
実際私が入力した内容を掲載させていただきます。

<style>
/* スマートフォン用 */
.product-table-data{
width: 100%;
margin: 20px 0;
box-sizing: border-box;
border:solid 1px #CCC;
}
.product-table-data th,
.product-table-data td{
font-size: 12px;
color: #666;
padding: 5px;
}
.product-table-data th{
width: 30%;
background: #e8e8e8;
font-weight: normal;
text-align: left;
border-bottom: solid 1px #CCC;
}
.product-table-data td{
width: 70%;
border-bottom:solid 1px #CCC;
}
.product-table-data tr:last-child th,
.product-table-data tr:last-child td{
border-bottom: none;
}
</style>

お忙しいところ恐縮ですが宜しくお願い致します。