deodesign

I used TKoen’s code to remove a sidebar, ( 3rd previous post).

It is fine when I am looking through a browser, but when I reduce the browser to test for mobile devices the content is not full width and the sidebar stays on the left rather than change position to go below the main content.

I looked at TKeon link to his website and that theme behaves correctly: when the browser is reduced for mobile devices the sidebar goes below the main content and the main content is 100% wide.

Can anyone help me? Any ideas?

Here are a couple of links:
http://tabla-art.com/deodesign/
http://tabla-art.com/deodesign/?cat=12

Below is the code I took from TKoen:

#main {
	width:100%;
	float:left;
	overflow:hidden;
}

#content {
	width:65%;
	float:left;
}

#secondary {
	width:25%;
	margin-left:7.054%;
	float:left;
}

Regards