Problem with resposive design Plz help!!!!

Hi iamrahul,
You are missing a value for margin:

 #secondary,  #tertiary {
float: right;
margin: ;
padding: 0em 1em 0;
position: relative;
margin-top: 32px;
width: 33.1%;
}

Always validate if you have issues.
It looked fine for me in chrome.

Thanks tony for your help,

I had put value for margin but still its not fixed,
i had tested my site on http://mattkersley.com/responsive/ and still on 1024 px content area is taking full space and sidebar is below

Ok the @media rules you are using are incorrect or at least in the wrong order.
@media only screen and (max-width: 1050px) means apply the following styles to any browser with a width greater then 1050px.
If you follow it with @media only screen and (max-width: 800px) then if the browsers width is greater the 1050px both sets of styles will be applied with the last more likely to apply.
and so on with your other media queries.

You need to re think them a little.
you can build up the styles using smallest max-width first or use min-width as well as max.
Just remember all styles that meet the media query will try to apply so have the most important last.

You still have some errors to look at
http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.rahulsharmahere.in%2Fwp-content%2Fthemes%2FtAresponsive%2Fstyle.css%3Fver%3D3.6&profile=css3&usermedium=all&warning=1&vextwarning=&lang=en

Hello Tony,

I had tried to fix errors and rest the left one dont know how to fix them so can you plz tell me how to fix them,

Another thing is that after fixing those errors i had somewhat fixed issues but now on small screens like on 768px or small my content is not stretching on full width, there is some blank space on right side, i had checked it on http://www.studiopress.com/responsive/