only screen and (max-device-width: 480px) {
  body {background:red;}
}
@media only screen and (max-width: 1024px) {

#container { width:100%; }

#content { width:78%; }

#sidebar1 {
        width: 20%;
        margin-right: 0;
        margin-bottom: 2%;
}

#sidebar2 {
        width: 100%;
        height: 200px;
}

}


@media only screen and (max-width: 480px) {

#content {
        width: 100%;
        margin-right: 0;
        margin-bottom: 1%;
}

#sidebar1 {
        width: 100%;
        height: 300px;
        margin-right: 0;
        margin-bottom: 1%;
}

#sidebar2 {
        width: 100%;
        height: 300px;
        margin-top: 1%;
}
}