Which css file for smartphones

Hello,

How is it possible to apply different css styles between android devices and regular monitors? Is there a specific file that I can apply some css rules in order to utilize the responsiveness?

Thank you in advance.

If you need additional definitions there are two things you can use:

@media (max-width: XXXpx) {
/*put here styles that are valid for browser with under XXX px */
}

@media (min-width: XXXpx) {
/*put here styles that are valid for browser with above XXX px */
}

You can also make you custom changes in index.php of template eater to load different css files or to set some class on body element to be able to differ styles easier . See this:

stackoverflow.com/questions/16075978/nee...joomla-template-with