移动和台式机上同一个div的样式

Question

我在sshtml上有这样的模式

        <div class="modal-dialog a">
        ...

        </div>

现在，我要在桌面视图上显示modal-dialog和max-width: 80%，并为移动设备显示max-width: 80%

我尝试了下面的代码，但没有用

    .a {
    max-width: 80%;
}


@@media screen and (max-width: 768px) {

    #a {
        max-width: 100%;
    }
}