页脚小组件宽度媒体查询

Question

感谢您的帮助。我无法弄清楚我一直试图实施的CSS规则。简短的故事：我有一个包含4列的非营利性网站的页脚小部件。看起来很棒，直到你达到约776px，然后我想将它从4列更改为12.问题是 - 主题选项中没有选项，自定义等。

我一直在使用这个，我从检查周围的元素和使用属性，并尝试创建自己的媒体查询，但是，它没有工作。感谢帮助。感谢

@media (max-device-width: 776px) {
.footer_wrap .row:not(.columns_fluid > [class*="column-"], .footer_wrap .columns_wrap:not(.columns_fluid) > [class*="column-"] {
    width: 100%;
    }
}

网站：http://hsofmc.wpengine.com/

真的试图在移动设备上阻止50％的列和“丑陋”。

非常感谢你。