title: Separate css style sheet for mobile devices and another for desktop - no media queries
body: <p>I know this type of question has been asked a 1000 times, and 99% of the time someone hurries in and gives media queries as the solution. It no longer is the optimum answer.</p>
  
  <p>The Situation: I have video in the background on a webpage - that does not render on a mobile device, so I want to use an agent to detect mobile and simply swap the css page to a mobile friendly version.</p>
  
  <p>Please do not post a media query as the solution because my cell phone is 800x1200 and my tablet is 1900x1200, more than my desktop:1600x900 so a media query wont work.</p>
  
  <p>Hoping someone can post an entire solution with the agent and insert where the css reference goes becuase I dont want to mess that up.. </p>
  
  <p>Im presently using an agent that redirects to a separate mobile page but that means maintaining 2 pages vs. one with stripping css instead. (1 page and 2 css files)</p>
  
  <p>I think many here will find this answer helpful as many with this question have no answer.
  thank you.. 
  PS - please be detailed Im a noob.
  thanks</p>