horizontal scroll on mobile resolution with responsive css

[ste218]

I have a site for my client which i need to design with cross platform compability. I don't know what i am doing wrong with the css codes. but for the \[code\]width\[/code\] below \[code\]1024px\[/code\] i set the \[code\]wrapper\[/code\] width to \[code\]100%\[/code\]. When i resize my firefox to 768, it was creating a small amount of horizontal scroll (approx 10px). So i set the with of the tablet to 730px so that it wouldn't get any horizontal scroll but even the same problem is causing with mobile resolution.I have read most of the blogs related to this topic and they are suggesting for \[code\]overflow-x:hidden\[/code\]. This might not be the best solution for this. Please help me out to solve this issue. site link : socialelectionsAny help will be greatly appreciated. Thanks in advance for the repliers.