如何隐藏移动设备的div？

Question

我只想隐藏div（我的网站的一小部分用于移动用户）。

我尝试使用@media语法，但似乎不起作用。

因此我想为移动用户隐藏HTML区域。

<div class="col-sm-2">
    <div class="language-selection">
         <img src="assets/img/flags/fr.png" width="20%" alt="Français">  
         <img src="assets/img/flags/uk.png" width="20%" alt="Anglais"><br>
    </div>
</div>  

我刚刚尝试创建CSS部分，其主要思想是为移动用户隐藏此部分。 （屏幕宽度小于600像素）

@media only screen and (min-device-width: 600px) and (max-device-width: 999px) {.language-selection{.color: #fff;}

我只想为移动用户隐藏此部分：600像素以下的屏幕。 目前我有这个结果： http://prntscr.com/nkh43s

我可能缺少某些东西...？这是不同的，因为似乎有些特定的事情……