title: media query for 25%, 33% and 50% zoom level
body: <p>We added media query for different levels of zoom as per screen size, Like </p>
  
  <pre><code> @media (max-width: 992px)
  
   @media (max-width: 1200px)
  
   @media (max-width:1920px)
  
   @media (max-width:1500px)
  </code></pre>
  
  <p>But when we do zoom levels to 25% or 33% or 50% then our layout design breaks. Is there any media query for these levels of zoom?</p>
  
  <p>As we searched on google, all media queries available for above 50% zoom, Not for 33% or 25% zoom, like in this example <a href="https://stackoverflow.com/questions/22223866/media-queries-for-different-zoom-levels-of-browser">Media Queries for Different zoom Levels of Browser</a></p>
  
  <p>this example is for max zoom levels not for minimum. </p>