how to hide specific content for small screen devices or mobile devices

when the screen size will come lower than 600px then the content area of "dekstop-content" will be hidden you can customize the size according to your demand
@media screen and (max-width: 600px) { #dekstop-content{ visibility: hidden; clear: both; float: left; margin: 10px auto 5px 20px; width: 28%; display: none; } }