/**
 * 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.
 */

 /* Leaderboard Region */

 .region-leaderboard .block{
     float: right;
     margin-left: 20px;
     margin-bottom: 0;
 } 
 
/* Smartphone portrait */
@media only screen and (max-width:320px) {
    .region-leaderboard .block{
        display: none;
    }
    
    .region-sidebar-first .block, .region-sidebar-second .block{
        width: auto;
    } 
}

/* Smartphone landscape */
@media only screen and (min-width:321px) and (max-width:480px) {
    
    /* Leaderboard Region */
    .region-leaderboard .block{
        display: none;
    }
    .region-leaderboard #block-search-form,
    .region-leaderboard .block-google-appliance{
        display: block;
        text-align: center;
        float: none;
    }
        
    .two-sidebars .region-sidebar-first,
    .two-sidebars .region-sidebar-second{
        box-sizing: border-box; 
        -moz-box-sizing: border-box;
    }
    .two-sidebars .region-sidebar-first{
        padding-right: 5px;
    }
    .two-sidebars .region-sidebar-second{
        padding-left: 5px;
    }
    
    .region-sidebar-first .block, .region-sidebar-second .block{
        width: auto;
    } 
    
}

/* Tablet portrait */
@media only screen and (min-width:481px) and (max-width:768px) {
    
    /* Leaderboard Region */
    .region-leaderboard .block{
        display: none;
    }
    .region-leaderboard #block-search-form,
    .region-leaderboard .block-google-appliance{
        display: block;
    }
    .region-sidebar-first .block, .region-sidebar-second .block{
        width: auto;
    } 
    
    .two-sidebars .region-sidebar-first,
    .two-sidebars .region-sidebar-second{
        box-sizing: border-box;
        -moz-box-sizing: border-box;
    }
    .two-sidebars .region-sidebar-first{
        padding-right: 10px;
    }
    .two-sidebars .region-sidebar-second{
        padding-left: 10px;
    }
}

/* Tablet landscape */
@media only screen and (min-width:769px) and (max-width:1024px) {
    footer nav{
        float: right;
        z-index: 10;
    }
    footer .block{
        margin-bottom: 0px;
    }
    .region-sidebar-first {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        padding-right: 20px;
    }
    .region-sidebar-second{
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        padding-left: 20px;
    }
}

/* Standard layout */
@media only screen and (min-width:1025px) {
    footer nav{
        float: right;
        z-index: 10;
    }
    footer .block{
        margin-bottom: 0px;
    }
    .region-sidebar-first {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        padding-right: 20px;
    }
    .region-sidebar-second{
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        padding-left: 20px;
    }
    #main-content .block-list .views-row{
        margin-right: 1px;
        margin-left: 1px;
        width: 275px;
        float: left;
        padding: 13px 30px;
    }
    .front #main-content .block-block,
    .front #main-content .block-views{
        padding: 13px 30px;
        margin-left: 1px;
        margin-right: 1px;
        margin-bottom: 2px;
    }
    
    .front #main-content .block-block,
    .front #main-content .block-views{
        clear: both;
    }
    
    .front #main-content .block-block.single,
    .front #main-content .block-views.single{
        float: left;
        width: 275px;
        clear: none;
    }
    .front .region-secondary-content .block-block.single,
    .front .region-secondary-content .block-views.single{
        float: left;
        width: 265px;
        clear: none;
    }
    
    .front #main-content .block-block.double,
    .front #main-content .block-views.double{
        float: left;
        width: 612px;
        clear: none;
    }
    .front .region-secondary-content .block-block.double,
    .front .region-secondary-content .block-views.double{
        float: left;
        width: 602px;
        clear: none;
    }
}