/**
 * 80-mobile.css
**/
@media only screen and (max-width: 1600px) {

}

@media only screen and (max-width: 1400px) {
    
}

@media only screen and (max-width: 1240px) {
    .area_home .layout_latest {
        width: 49%;
        margin-right: 2%;
    }
    
    .area_home .layout_latest:nth-of-type(3n+3) {
        margin-right: 2%;
    }
    
    .area_home .layout_latest:nth-of-type(2n+2) {
        margin-right: 0;
    }
}

@media only screen and (max-width: 1200px) {
    .mod_navigation_main {
        display: none;
    }
    .mod_mobile_toggle {
        display: block;
    }
    .mod_changelanguage {
        margin-right: 60px;
    }    
    
    .hero .centered-wrapper-background {
        background-position: 50% 50% !important;
    }
}

@media only screen and (max-width: 1100px ) {

}

@media only screen and (max-width: 1060px) {

}


@media only screen and (max-width: 1023px) {
    .area_home .layout_latest,
    .layout_latest {
        width: 100%;
        float: none;
        min-height: inherit; 
        margin-left: 0;
    }
    
    .layout_latest:nth-child(2n+2) {
        margin-left: 0;
    }
    
    h2,
    .-highlight-color h2 {
        font-size: 28px;
        line-height: 1.25;
    }
    
}

@media only screen and (max-width: 990px) {
    
}

/**
 * Small screens (general)
**/

@media only screen and (max-width: 960px) {
    .mod_breadcrumb {
        padding-left: 15px;
    }
    
    .section_header .inside, 
    .section_footer .inside {
        padding-left: 16px;
        padding-right: 16px;
    }
    
    .section_header .centered_wrapper {
        padding-left: 0;
        padding-right: 0;
    }
    
    .mod_mobile_toggle {
        right: 0;
    }
    
}

@media only screen and (max-width: 900px) {
    .widget-select.middle,
    .middle {
        width: 100%;
        margin-right: 0;
    }
    
    label,
    .checkbox_container label {
        width: 90%
    }
    
    .information-box:before {
        font-size: 80px;
        width: 80px;
        height: 80px;
        line-height: 80px;
        margin-right: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .section_container {
        margin-top: 70px;
    }
    
    .mod_mobile_toggle {
        top: 20px;
    }
    
    .layout_latest h2 {
        height: auto;
    }
}

@media only screen and (max-width: 600px) {
    body {
        font-size: 14px;
    }
    
    h1.ce_headline, h3.ce_headline {
        padding: 0 15px;
        font-size: 1.25em;
    }
    
    .layout_latest {
        height: auto;
    }
    
    .display p {
        padding: 0 16px;
    }
    
    .mod_mobile_toggle {
        top: 20px;
    }
}

@media only screen and (max-width: 560px) {
    .mod_breadcrumb {
        display: none;
    }
    
    .mod_branding {
        max-width: 170px;
    }
    
    .header_fixed .mod_branding {
        margin-top: -8px;
    }
    
    .section_container .mod_article .article_inside {
        padding-left: 0;
        padding-right: 0;
    }
    
    figure.float_left {
        float: none;
    }
    
    figure.float_left, figure.float_right {
        width: 100%;
        margin-right: 0;
        float: none;
    }
    
    .widget.middle {
        width: 100%;
        margin-right: 0;
    }
    
    .information-box:before {
        font-size: 40px;
        width: 40px;
        height: 40px;
        line-height: 40px;
        
    }
    
}

@media only screen and (max-width: 420px) {
    input[type="submit"], .button, a.more {
        width: 80%;
        margin-top: 2em;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    
    
}