Cacher is the code snippet organizer for pro developers

Refer: https://stackoverflow.com/questions/30706407/css-max-width-for-media-query-not-working

@media only screen and (max-width:1400px)  {
.heading-left {
    left: -0.5%;
  }
}

Header add this fragments

<meta name="viewport" content="width=device-width, initial-scale=1">

Viewport is used when rendering responsive pages and is therefore mostly used when dealing with mobile websites, but when dealing with media queries it helps tell the CSS what the actual device-width is.