Html – CSS display on mobile and desktop layout


I had a hard time to fix it. Maybe I am just very noob on css.
Basically, I want the icon to visible only in Mobile version of the site.

in above 767px I put this code to make i hidden.
.neighbourhood-img img {display:none;}

My question is, how can I make it visible in below 767px width..


Best Solution

hey check out this css

@media screen and (min-width: 768px) {
    .neighbourhood-img img {display:none;}

@media screen and (max-width: 767px) {

        .neighbourhood-img img {display:block;}