How to write a honey request for a banner?

Question

css

I have a responsive html5 banner that changes styles when the screen width is 560px.
When I open it just in the browser, everything is fine, but when loading the site, the prescribed media query is already applied at a screen width of 608px.
How to write a media query correctly so that it applies exactly to the width of the browser?
Here is the code that is now

@media (max-width: 560px) {

      img{
        display:none;
      }

      .banner-text {
        float: none;
        width: 100%;
        height:87px;
        border-radius: 0 0 5px 5px;

      }

      .banner-text .name {
         margin-top: -10px;
        font-size: 19px;
    
      }

    .banner-text .descr {
      margin-top: 10px;
      font-size: 12px;
      
    }
      .banner-img {
        float: none;
        width: 100%;
        height: 163px;
        border-radius: 5px 5px 0 0;
      }

      


    }

Answer 1

Alternatively, you can make a media query with a minimum width and specify the required screen width