need help with theme display on mobile devices

[abhisekpadhiParticipant]

MY website: http://goo.gl/mMlno

the theme looks just fine in any browser and on tablet’s but with smartphone there is a problem:
[as on samsung galaxy sIII]
[ATTACH=full]118[/ATTACH]

• the posts on the homepage does not cover the whole space on the screen

and same is for content in the singlepost page
[as on samsung galaxy sIII]
[ATTACH=full]119[/ATTACH]
same effect can be observed if we re-size the browser [to check responsiveness]
I hope some css modification/addition in my child theme’s style.css will help but i could not figure out the right code to make it work….
BTW i have also increased the width of the theme using this code:
.site {
max-width: 73.571428571rem;
overflow: hidden;
margin: 0 auto;
}

.site-content {
float: left;
width: 68.504166667%;
}

.site {<br />
max-width: 73.571428571rem;<br />
overflow: hidden;<br />
margin: 0 auto;<br />
}<br />
<br />
.site-content {<br />
float: left;<br />
width: 68.504166667%;<br />
}

[Author]

Posts