Sidebar to the right @media 1024

I have this site http://www.tabletperbambini.it that works for responsive design (I use twenty thirteen) , but I would like to move the sidebar to the right at 1024 (now goes at the bottom of the page) so I add (locally) to @ media (max-width: 1024px) this code:

.-main site. sidebar-container {
position: static;
float: right;
width: 30%;
height: auto;
top: 20px;
}

. site-main {
overflow: hidden;}

. {content-area
width: 65%;
float: left;

}

.-main site. widget-area {
margin-top: 24px;
margin-right: 20px;
}

After add the code, the sidebar goes to the right, but has effect even at @ media 320px (in this case, i want the sidebar at the bottom) and comments also are smaller in width

How to solve the problem?

Thx in advance.