/* Responsive Layout */
@media (max-width: 1150px) {
    .p33, .p48, .p50, .p66, .p80 {
        width: 100%;
        margin-bottom: 50px;
    }
    .px1100, .entry-header .entry-title {
        width: 85%;
        min-width: 500px;
    }
    #site-title {
        width: 100%;
    }
    #site-title a {
        margin: 0 auto;
    }
    .product-list .wp-caption {
        margin: 35px;
    }
    .cd-intro {
        width: 61%;
    }
    .cd-headline {
        font-size: 0.7rem;
    }
    .pdf-light-viewer-magazine-viewport-container, .pdf-light-viewer-magazine-viewport .pdf-light-viewer-magazine {
        width: 80%!important;
        height: 400px!important;
        margin: 0 auto;
        margin-left: auto!important;
    }
    .pdf-light-viewer-magazine-thumbnails {
        display: none;
    }
    #access {
        width: 100%;
        text-align: center;
    }
    #access .menu-top-menu-container {
        display: inline-block;
    }
    #access li:first-child a {
        margin-left: 0;
    }
    #access a {
        padding: 7px 0;
    }
    #access a:after {
        top: 30px;
    }
    .reference {
        width: 45%;
        margin: 15px 2.3%;
    }
}
@media (max-width: 650px) {
    #mobile-menu {
        color: #fff;
        width: 100%;
        background: #f1f1f1 url(../images/xmobile_menu_bg-i.png) no-repeat center left;
        font-size: 0;
        height: 61px;
        display: block!important;
        opacity: 0.35;
        filter: alpha(opacity=35);
        overflow: hidden;
    }
    #access {
        display: none;
    }
    #branding .bottom-header {
        width: 100%;
    }
}
@media (max-width: 550px) {
    .px1100, .entry-header .entry-title {
        width: 95%;
        min-width: 0;
    }
    #qtranslate-2 {
        float: left;
    }
    .product-list .wp-caption {
        margin: 20px;
    }
    .cd-intro {
        display: none;
    }
    .pdf-light-viewer-magazine-viewport-container, .pdf-light-viewer-magazine-viewport .pdf-light-viewer-magazine {
        height: 250px!important;
    }
    .reference {
        width: 100%;
        margin: 15px 0;
    }
    #colophon small.fleft {
        font-size: 0.7rem;
        float: none;
        text-align: center;
    }
    #colophon small.fright {
        display: none;
    }
}