css media queries...simple project

i am creating a template for my new website. Struggeling media queries..... I want different queries for: a) Samsung S3 and I-phone : portait and landscape b) tablets: portait and landscape c) desktop: landscape url: [login to view URL] What i want: 1)When in minimized mode i have a scroll bar from left to right: remove 2)Samsung S3 and I-phone : portait and landscape : menu: like it is now in minimized mode content: portrait:like it is now in minimized mode: 2 portretphoto's next to each other, and if Landscape photo: the landscape photo width= 2 portret + white margin in the middle landscape: like it is now in minimized mode BUT on the right site: 2 portret photo's next to each other, the landscape photo width= 2 portret + white margin in the middle 3) tablets: portait and landscape : menu: like it is now in minimized mode content: portrait: left text and on the right 2 photo's next to each other, the landscape photo width= 2 portret + white margin in the middle landscape: like it is now in minimized mode BUT on the right site: 3 photo's next to each other, the landscape photo width= 2 portret + white margin in the middle and in the middle of the row 4) desktop landscape: menu: like it is now in maimum mode content: left text and on the right 2 photo's next to each other, the landscape photo width= 2 portret + white margin in the middle, room for 2 landscape-photo's next to each other. Please: You don't get ftp settings: please an example on your own site: you give me the url and i check if i like it.....when ok you give me the changes i have to implement on my own site, if ok...i pay Payment and messages only on Freelancer.com