How To Prevent Video From Displaying On Small Screens

On my website at http://hydroponicsoils.com I have a video. I would like it to NOT appear on phones. I tried the following CSS but it didn't work.

@media screen and (max-width: 680px:wink: {
.video { display: none; } }

Can you please give me correct code that will work.
Thank you.
Support Access is granted.