I am building a new responsive designed website (my first one) and I seem to be having some issues with the mobile detection for CSS. My site will re-size and displays great on all my mobile devices, Phone, iPad, desktop etc. If I re-size the desktop browser it changes to the correct version based on size etc.. The problem i am having is when I run it through tthe W3C mobileOK validator. I get a score of zero because it seems to be loading all parts of my style sheet. So this brings up the help I need.
What should I change in my current CSS?
Should I create two separate CSS files and try to do some type of browser detect and serve up the correct version based on browser? I was under impression I should only use one CSS file.
My current CSS File: http://cdn.shopify.com/s/files/1/0244/3437/t/1/assets/styles.css?50092
My website (NSFW): http://www.mypleasurebox.com/
W3C Validator score of ZERO 8(: http://validator.w3.org/mobile/check?task=2013070102014242.mobile2&docAddr=http%3A%2F%2Fwww.mypleasurebox.com%2F
Thank You for any help.