title: Object tag is not working on @media (max-width: 767px)
body: <p>I am trying to display a PDF file using <code>object</code> tag in HTML in both desktop and mobile. In order to make it responsive I have defined two medias - for min-768px and max-767px.</p>
  
  <p>The <code>object</code> tag works fine in <code>@media (min-width: 768px)</code> but it does not work at all in <code>@media (max-width: 767px)</code>. </p>
  
  <p>How to display the PDF in mobile view (<code>@media (max-width: 767px)</code>)???</p>