CSS Media Query to Hide Footer Widget

Hi…

i wrap my 2nd footer widget with a div,

when i tried to hide it on mobile with @media query CSS but it doesn’t work.

@media screen and (max-width: 600px) {
  .footer-dua
    {
      display:none;
    }
}