Media screen used in Responsive html5 Queries for mobile

Description

 Media screen used in Responsive html5 CSS  Queries for mobile .Make div html5 CSS  disappear with CSS and html5 media queries on screen width. Div show and hide media screen  query. Html5 CSS media queries to hide and show page elements Responsive 

Media screen used in Responsive html5 CSS

<div id="hidecontent"></div>

@media screen and (min-width: 0px) and (max-width: 400px) {

#my-content { display: block; } /* show it on small screens */ }

@media screen and (min-width: 401px) and (max-width: 1024px) {

#my-content { display: none; } /* hide it elsewhere */ }

@media only screen and (max-width: 500px) { body { background-color: lightblue; } }