自定义CSS无法在移动视图上工作

嗨，喜欢这款简洁的模态外观，并为桌面视图进行了定制，效果很好。然而，当屏幕宽度降至约980px以下时，自定义CSS将丢失，模式将恢复为默认的插件样式，包括大的左右边距。
我尝试了所有方法来覆盖默认的样式，包括设置一个500px的断点，并将模态的宽度强制为100%，将边距设置为1px，以强制模态在移动屏幕上为全宽，但没有任何效果。我使用的代码是：

/*在手机上实现全宽登录模式*/
@媒体（最大宽度：500px）{
.login-modal-box.modal-content{
边距：1px！重要；
宽度：100%！重要；
}
}

该网站使用Divis，但主菜单和辅助菜单是库存标准（即：不使用模板），登录/注销模块所在的页面也是如此。未勾选“显示为登录表单”。

如果我可以排序宽度，那么我可以添加其他样式。你能提供一些指针或代码片段来让样式在手机上工作吗（或者无论屏幕大小都能做出响应）？

凯文，提前致谢。