@media screen and (min-width: 1366px) 
{    
    .header-container { height: 141px; position: fixed; top: 0; right: 0; left: 0; }
    .header-container .header { max-height: 141px; }
    
    .main-container { margin-top: 141px; }
}

@media screen and (max-width: 1366px)
{
    .body-container,
    .footer-container { min-width: 320px; }

    .header-container .header { padding-left: 86px; padding-right: 86px; max-width: none; }

    .home .branche-container .inner { max-width: 945px; }
    .home .branche-container .branche-list { margin-left: auto; margin-right: auto; max-width: 590px; }
    
    .header-image .inner { padding-left: 86px; padding-right: 86px; max-width: none; }
    
    .sidebar-container .inner { max-width: 945px; }
    .sidebar-container.large .inner { max-width: 1045px; }
    
    .widget-events,
    .widget-posts { width: 435px; }
    
    .widget-posts .post-list,
    .widget-events .event-list { min-width: 0; width: 435px; }
    
    .reference-container { max-width: 600px; }

    .logo-list .logo-item > a { padding: 0 15px; max-width: 110px; max-height: 110px; line-height: 100px; width: auto; height: auto;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
    }
    
    .main-container .top-widgets { max-width: 945px; }
    .main-container .singular { max-width: 945px; } 
    .two-columns-right > .col-content { width: 560px; }
    
    .filter-list-container .filter-list ul li { width: 50%; }
    
    .footer .footer-first .inner, 
    .footer .footer-last .inner { padding-left: 93px; padding-right: 93px; max-width: none; }
    
    .footer-first .col-container .col-contact { max-width: 400px; }
}

@media screen and (max-width: 1240px)
{
    .header .header-first { float: none; margin-bottom: 35px; }
    .header .header-second { float: none; }
    .top-container { padding-top: 0; position: absolute; top: 50px; right: 86px; }
}

@media screen and (max-width: 1180px)
{
    .footer .footer-first .inner,
    .footer .footer-last .inner { padding-left: 40px; padding-right: 40px; }
    .footer-first .col-container .col-contact { padding-left: 60px; }
}

@media screen and (max-width: 1025px)
{
    .sidebar-container .inner { max-width: none; padding-left: 40px; padding-right: 40px; }
}

@media screen and (max-width: 1024px)
{
    .header-container .header { padding-left: 40px; padding-right: 40px; }
    .top-container { right: 40px; }
   
    .main-container .top-widgets,
    .main-container .singular { max-width: none; padding-left: 32px; padding-right: 32px; }
     
    .footer-first .col-container .row { margin-bottom: 30px; float: none; }
    .footer-first .col-container .col-contact { padding-left: 0; float: right; max-width: none; }
}

@media screen and (max-width: 995px)
{
    .widget-posts.align-left,
    .widget-posts.align-right,
    .widget-events.align-left,
    .widget-events.align-right { float: none; max-width: none; }

    .two-columns-right > .col-content { width: auto; float: none; }
    .two-columns-right > .col-right { padding-top: 0; padding-left: 0; width: auto; max-width: 450px; float: none; }
    
    .singular-container .col-content .block .inner { padding-right: 40px; }
    
    .col-right .widget.block,
    .col-right .gform_widget { margin-left: 0; }
}

@media screen and (max-width: 935px)
{    
    .widget-posts .post-list, 
    .widget-events .event-list { max-width: none; }
    
    .home .content-secondary:before { display: none; }
    .content-secondary { margin-bottom: 25px; }
    .content-secondary .widget { display: block; margin-bottom: 30px; width: auto; }
}

@media screen and (max-width: 912px)
{
    .top-container { position: static; right: auto; top: auto; }

    .main-menu-container { float: none; text-align: right; }
    .main-menu-container .sub-menu { text-align: left; }

    .footer-first .col-container .col-menu { padding-left: 60px; float: left; }
    
    .footer .footer-menu .menu-item { display: block; vertical-align: baseline; }
    .footer .footer-menu .menu-item:before { display: none; }
    .footer .footer-menu .menu-item a:before { display: inline-block; }
}

@media screen and (min-width: 730px) {
    .main-menu-container .inner { width: auto !important; }
}

@media screen and (max-width: 730px)
{
    .header-second { margin-bottom: 25px; text-align: right; }

    .top-container { display: inline-block; margin-bottom: 0; padding-right: 25px; margin-right: 25px; vertical-align: middle; position: relative; }
    .top-container:after { content: ""; display: block; margin: -19px 0 0; padding: 0; width: 1px; height: 38px; background-color: #ebebeb; position: absolute; top: 50%; right: -1px; }
    .main-menu-container { display: inline-block; vertical-align: middle;  }

    .main-menu-container .inner { max-width: 300px; background-color: #fff; text-align: left; position: fixed; top: 0; right: 0; bottom: 0; z-index: 100; 
        -webkit-box-shadow: -3px 0px 3px 0px rgba(12, 17, 18, 0.3);
           -moz-box-shadow: -3px 0px 3px 0px rgba(12, 17, 18, 0.3);
                box-shadow: -3px 0px 3px 0px rgba(12, 17, 18, 0.3);
    }
    .main-menu-container .menu-button { display: inline-block; }
    .main-menu-container .top { display: block; }
    .main-menu-container .top .menu-button { color: #fff; vertical-align: baseline; font-size: 1em; }
    .main-menu { margin-left: 0;  }
    .main-menu > .menu-item { display: block; margin: 0; padding: 0 25px; line-height: 50px; border-top: 1px solid #e0e0e0; overflow: hidden; white-space: nowrap; }
    .main-menu > .menu-item:first-child { border-top: 0; }
    .main-menu > .current-menu-item, .main-menu > .current-post-ancestor { border-bottom: 0; }
    .main-menu > .menu-item .sub-menu,
    .main-menu > .menu-item:hover .sub-menu { display: none; }

}

@media screen and (max-width: 640px)
{
    .home .branche-container .inner,
    .home .content-tertiary .inner,
    .sidebar-container .inner,
    .main-container .top-widgets,
    .main-container .singular { padding-left: 25px; padding-right: 25px; max-width: none; } 
    
    .filter-list-container .filter-list ul li { display: block; width: auto; float: none; }
    
    .solution-container .solution-list .list-item { display: block; margin-bottom: 30px; width: auto; float: none; }
}

@media screen and (max-width: 600px)
{
    .header-first,
    .header-second { text-align: center; }

    .search-form { padding: 0; border: 1px solid #bdbdbd; }
    .search-form .search-input-container { width: 225px; padding-right: 30px; }
    .search-form .search-submit { padding: 7px 10px 7px; }

    .main-menu-container { display: block; text-align: center; }
    .main-menu-container .menu-button span { display: inline-block; margin-right: 10px; }
    .main-menu-container .top .menu-button span { display: none; }

    .top-container { margin-right: 0; padding-right: 0; text-align: center; }
    .top-container .column { display: block; margin-bottom: 15px; }
    .top-container .col-phone { padding-right: 0; margin-right: 0; }
    .top-container .col-search { padding-left: 0; }
    .top-container:after,
    .top-container .col-phone:after { display: none; }
    
    .contact-us .column { margin-left: 0; margin-bottom: 15px; float: none; }
    .contact-us .column:last-child { margin-bottom: 0; }
}

@media screen and (max-width: 570px)
{
    .featured-container { display: none; }
}

@media screen and (max-width: 560px)
{
    .section-nav-menu ul li { width: 50%;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;    
    }
    .section-nav-menu ul li > a { margin-left: 30px; }

    .footer-first .col-container .column { float: none; }
    .footer-first .col-container .col-social { margin-bottom: 30px; }
    .footer-first .col-container .col-menu { padding-left: 0; }
}

@media screen and (max-width: 520px)
{
    .widget-events, 
    .widget-posts { width: auto; }
    .widget-posts .post-list,
    .widget-events .event-list { max-width: 435px; width: auto; }

    .action-container .column { margin-bottom: 30px; text-align: center; }
    .action-container .column:last-child { margin-bottom: 0; }
    .action-container .col-left, 
    .action-container .col-right { display: block; float: none; }
    
    .share-this-container.align-right { text-align: inherit; }
}

@media screen and (max-width: 480px)
{
    .header .exact-logo { display: none; }

    .featured-image.has-logo { padding-bottom: 0; }
    .featured-image .logo { display: none; }

    .section-nav-menu ul li { display: block; width: auto; float: none; text-align: center; }
    .section-nav-menu ul li > a { margin-left: 0; }

    .widget-posts .post-list .list-item { padding-right: 30px; }
    .widget-events .event-list .list-item .entry-header { padding-right: 30px; }

    .widget-posts .post-list .list-item:hover:after,
    .widget-events .event-list .list-item:hover .entry-header:after { display: none; }
    
    .footer-first .col-container .column { float: none; }
    .footer-first .col-container .col-social { margin-bottom: 30px; }
    .footer-first .col-container .col-menu { padding-left: 0; }
    
    .footer .footer-last .inner { padding-left: 25px; padding-right: 25px; }
    .footer .footer-last ul li { display: block; margin-bottom: 10px; vertical-align: baseline; }
    .footer .footer-last ul li:last-child { margin-bottom: 0; } 
    .footer .footer-last ul li:before { display: none; }
}


