display only on mobile

I’m trying to display the floating language bar only on mobile, at a particular location “below” top right. My CSS works but would like to know if that’s the right way!

/*Display Language Bar only for mobile */
@media only screen and (min-width: 720px) {div#gtranslate_wrapper {display:none!important;}}
@media only screen and (max-width: 719px) {div#gtranslate_wrapper {top:80px!important;}}

The page I need help with: [log in to see the link]