How can I resize a banner on Dawn theme for desktop only?

Store Design
1

I’m trying to resize one banner (#Banner-template–15733973614746__16643139569b1e401d) to be smaller on desktop (60%) while mobile needs to stay at 100% width.

I implemented this:
#Banner-template–15733973614746__16643139569b1e401d {
width: 60%;
margin: 0 auto;
}

It works BUT for both mobile and desktop, I tried adding “@media screen and (min-width: 749px)” but then it resets width to 100%.

What am I doing wrong?

UPDATE:

I solved this I forgot to add { after @media…

2

@dmitry_z
Hello,
Use

@media only screen and (max-width: 749px){
#Banner-template--15733973614746__16643139569b1e401d {
width: 100%;}
}

Add This CSS your Theme.css.liquid file