Hide and show content, images, banners on mobile view and desktop view css

To hide content from desktop view and show it on a mobile device we can use media queries. It hide content on screens with smaller resolutions, or show content on screens with a higher resolution.

 Show on mobile view
@media only screen and (min-width: 640px) {
 .alignnone{display:none;}
 }

Hide on desktop view
@media only screen and (max-width: 640px) {
 .align1{display:none;}
 }