/* Smartphone portrait one-col-stack */
@media only screen and (max-width:355px) {
.two-sidebars .content-inner,.one-sidebar .content-inner,.region-sidebar-first,.region-sidebar-second {margin-left: 0; margin-right: 0;}
.region-sidebar-first, .region-sidebar-second, .region-sidebar-first .block, .region-sidebar-second .block {width: 100%;}
.region-sidebar-second {width: 100%;}
.content-inner,.region-sidebar-first,.region-sidebar-second {float: none;}
.region-sidebar-first, .region-sidebar-second {clear: both;}
.container {width: 100%;}
}
/* Smartphone landscape one-col-stack */
@media only screen and (min-width:356px) and (max-width:480px) {
.two-sidebars .content-inner,.one-sidebar .content-inner,.region-sidebar-first,.region-sidebar-second {margin-left: 0; margin-right: 0;}
.region-sidebar-first, .region-sidebar-second, .region-sidebar-first .block, .region-sidebar-second .block {width: 100%;}
.region-sidebar-second {width: 100%;}
.content-inner,.region-sidebar-first,.region-sidebar-second {float: none;}
.region-sidebar-first, .region-sidebar-second {clear: both;}
.container {width: 100%;}
}
/* Tablet portrait one-col-stack */
@media only screen and (min-width:481px) and (max-width:768px) {
.two-sidebars .content-inner,.one-sidebar .content-inner,.region-sidebar-first,.region-sidebar-second {margin-left: 0; margin-right: 0;}
.region-sidebar-first, .region-sidebar-second, .region-sidebar-first .block, .region-sidebar-second .block {width: 100%;}
.region-sidebar-second {width: 100%;}
.content-inner,.region-sidebar-first,.region-sidebar-second {float: none;}
.region-sidebar-first, .region-sidebar-second {clear: both;}
.container {width: 100%;}
}
/* Tablet landscape three-col-grail */
@media only screen and (min-width:769px) and (max-width:1000px) {
.two-sidebars .content-inner {margin-left: 0px; margin-right: 280px;}
.sidebar-first .content-inner {margin-left: 0px; margin-right: 0;}
.sidebar-second .content-inner {margin-right: 280px; margin-left: 0;}
.region-sidebar-first {width: 0px; margin-left: -100%;}
.region-sidebar-second {width: 280px; margin-left: -280px; clear: none;}
.container {width: 100%;}
}
/* Standard layout three-col-grail */
@media only screen and (min-width:1001px) {
.two-sidebars .content-inner {margin-left: 0px; margin-right: 320px;}
.sidebar-first .content-inner {margin-left: 0px; margin-right: 0;}
.sidebar-second .content-inner {margin-right: 320px; margin-left: 0;}
.region-sidebar-first {width: 0px; margin-left: -100%;}
.region-sidebar-second {width: 320px; margin-left: -320px; clear: none;}
.container {width: 1000px;}
}