title: CSS is not loading properly on mac OS safari and chrome
body: <p>For the website i made CSS is not loading properly for Apple devices. </p>
  
  <p>I maintained all the media query statements and style sheets separately. Hence it is not displaying properly in MAC OS safari and chrome. But rest all browsers and devices is fine.</p>
  
  <p>link: <kbd><a href="http://kaplankesdeeexampreps.com/KESDEE_NEWUI/buyOnline.html" rel="nofollow">referencelink</a></kbd></p>
  
  <pre><code>&lt;link href="css/mobile.css" rel="stylesheet" media="screen and (max-width: 390px)" /&gt;
  &lt;link href="css/mobile.css" rel="stylesheet" media="screen and (min-width: 391px) and (max-width: 500px)" /&gt;
  &lt;link href="css/mobile.css" rel="stylesheet" media="screen and (min-width: 501px) and (max-width: 768px)" /&gt;
  &lt;link href="css/medium.css" rel="stylesheet" media="screen and (min-width: 769px)" /&gt;
  </code></pre>
  
  <p>This query only i maintained for fluidity. Guys help me out </p>