title: I want media query only for Ipad safari browser that does not affect Ipad chrome browser
body: <pre><code>    @media only screen and (device-width: 1024px) and (device-height: 1366px) and (orientation: portrait) {
     .faculty-img_1 {
          top: 48px;
      }
  }
  </code></pre>
  <p>This is the css I used which affects both the browser</p>