/**
 * Use this file to conditionally override styles for devices.
 * If you adjust the media queries in the theme settings you should
 * adjust them here so they match.
 */

/* Smartphone portrait */
@media only screen and (max-width:320px) {
}

/* Smartphone landscape */
@media only screen and (min-width:321px) and (max-width:480px) {
}

/* Tablet portrait */
@media only screen and (min-width:481px) and (max-width:768px) {

}

/* Tablet landscape */
@media only screen and (min-width:769px) and (max-width:1024px) {
}

/* Standard layout */
@media only screen and (min-width:1025px) {
}
/* 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-vert */
@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 {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 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-grail */
@media only screen and (min-width:768px) and (max-width:1024px) {
.two-sidebars .content-inner {margin-left: 20%; margin-right: 20%;}
.sidebar-first .content-inner {margin-left: 20%; margin-right: 0;}
.sidebar-second .content-inner {margin-right: 20%; margin-left: 0;}
.region-sidebar-first {width: 10%; margin-left: -100%;}
.region-sidebar-second {width: 17.8%; margin-left: -20%; clear: none;}
.container {width: 100%;}
.view-home-slideshow {height:330px;}
.block-views-brands-carousel-block {width:960px;}
}
/* 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: 1260px;}
}*/
