CSS Width Vary depending on Screen Resolution

Hi I am dan. I am new to CSS developement. In fact I am using Joomla to create my website. Please take a look my website here . I am building this site for my client online. I want this website to be more interactive with respect to the width function.

So basically if the users is using a phone the content will be viewed on mobile, and when using desktop the website will be on desktop. I build the template using artisteer. But I am still new to CSS. A help is much appreciated.

Syndicate content