html - Hide DIV Not Working -

please help!

i trying hide 2 div's according media sizes here: www.idxforrealestate.com

i want hide video_home when media max width 480px, , display photo_home instead.

why not working?

i appreciate help!

you need this:

#photo_home, #video_home {display: none;} @media screen , (max-width: 480px) {   #photo_home {     display: block;   } } @media screen , (min-width: 481px) {   #video_home {     display: block;   } }