title: Responsiveness issue with media query
body: <p>I'm working to make my html responsiveness, I want to do something on IPhoneX(width:375px) when I write code:</p>
  <pre><code>@media(max-width:375px){
  .news-posts-page .news-posts-section .elementor-posts{display: block;}
  }
  </code></pre>
  <p>this doesn't work for IPhoneX. but when I write this:</p>
  <pre><code>@media(max-width:980px){
      .news-posts-page .news-posts-section .elementor-posts{display: block;}
      }
  </code></pre>
  <p>It works fine for IPhoneX, but here is issue. it creates problem for Ipad that I don't want. I want this code to work only for IPhoneX.</p>
  <p>How to do this?</p>