/* Smartphone portrait one-col-stack */
@media only screen and (max-width:320px) {
.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:321px) 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-vert */
@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 {width: 50%;}
.region-sidebar-second {width: 50%;}
.one-sidebar .sidebar {width: 100%;}
.region-sidebar-first, .region-sidebar-second {overflow: hidden; margin-top: 20px;}
.region-sidebar-first .block, .region-sidebar-second .block {width: 100%;}
.container {width: 100%;}
}
/* Tablet landscape three-col-right */
@media only screen and (min-width:769px) and (max-width:1024px) {
.two-sidebars .content-inner {margin-right: 40%; margin-left: 0;}
.sidebar-first .content-inner {margin-right: 20%; margin-left: 0;}
.sidebar-second .content-inner {margin-right: 20%; margin-left: 0;}
.region-sidebar-first {width: 20%; margin-left: -40%;}
.region-sidebar-second {width: 20%; margin-left: -20%; clear: none;}
.sidebar-first .region-sidebar-first {width: 20%; margin-left: -20%;}
.container {width: 100%;}
}
/* Standard layout three-col-grail */
@media only screen and (min-width:1025px) {
.two-sidebars .content-inner {margin-left: 25%; margin-right: 25%;}
.sidebar-first .content-inner {margin-left: 25%; margin-right: 0;}
.sidebar-second .content-inner {margin-right: 25%; margin-left: 0;}
.region-sidebar-first {width: 25%; margin-left: -100%;}
.region-sidebar-second {width: 25%; margin-left: -25%; clear: none;}
.container {width: 100%; max-width: 1200px;}
}