Hello All..
I had been working with fixed width layout quite some time and now i am starting with responsive layout for the web pages.
What i learnt is that for responsive layouts of your div(s) you should give the widths in percent.

I tried with that and it is working but what i am not able to implement is that the elements don't stack one over the other after a certain screen width.

The elements just re-sizes as i decrease the window size but what i want is to get elements stacked one-over the other after a certain minimum screen width.

How to achieve this..
what css do i have to write for this..?