@media (min-width: 1301px) {

    .x-nav-wrap.tablet{
        display: none !important;
    }

}

@media (min-width: 1025px) {
    .case-block .x-btn {
        display: none !important;
    }
}

@media (max-width: 1200px) {

    #pm-content-blocks .x-1-3{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

}

@media (min-width: 980px) and (max-width: 1300px) {
    .masthead-inline .tablet .x-btn-navbar {
        margin-right: 6%;
    }

    .tablet .x-nav.x-nav-tertiary{
        right: 4%;
    }
}

@media (min-width: 980px) {

    .header.bg-image{
        position: absolute !important;
    }

    .header{
        /*background-size: 1097px  !important;*/
        background-size: calc(100% - 188px) auto !important;
        background-size: -moz-calc(100% - 188px) auto !important;
        background-size: -webkit-calc(100% - 188px) auto !important;
        background-position: right !important;
        width: calc(100% + 115px);
        width: -moz-calc(100% + 115px);
        width: -webkit-calc(100% + 115px);
    }

    .case-projectmanager .x-block-grid-item.projectmanager-small,
    .case-projectmanager .x-block-grid-item.projectmanager-small img{
        /*height: 170px !important;*/
    }

    .masthead-inline .x-navbar .menu-wrapper{
        width: calc(100% + 115px);
        width: -moz-calc(100% + 115px);
        width: -webkit-calc(100% + 115px);
    }

    .bottom-align-desk{
        bottom: 0;
        position: absolute;
    }

}

@media (min-width: 768px) {

    .grid-large .x-2-3 img{
        margin-left: -115px;
        width: -moz-calc(100% + 115px);
        width: -webkit-calc(100% + 115px);
        width: calc(100% + 115px);
        max-width: none;
    }

    .x-nav-wrap.mobile{
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 1300px) {
    .masthead-inline .x-btn-navbar{
        display: block;
        float: right;
    }

    .x-nav-wrap.desktop{
        display: none;
    }

    .x-nav-wrap.desktop.tablet{
        display: block;
    }

    .x-navbar-inner .x-btn-navbar,
    .x-navbar-inner .x-btn-navbar:hover{
        line-height: 120px;
        padding: 0 20px 0 20px;
    }

    .masthead-inline .x-navbar .menu-wrapper{
        overflow-y: visible;
    }

    .x-navbar .x-nav > li > a{
        color: #ffffff;
    }

    .x-navbar .x-nav > li > a:hover{
        color: #ddcba4;
    }
}

@media (min-width: 768px) and (max-width: 1079px) {
    .header {
        background-size: calc(100% - 188px) 100% !important;
        background-size: -moz-calc(100% - 188px) 100% !important;
        background-size: -webkit-calc(100% - 188px) 100% !important;
    }

    #pm-content-blocks .x-column{
        padding-top: 0 !important;
        width: 48% !important;
    }
}

@media (min-width: 768px) and (max-width: 979px) {

    .newsletter-subscribe .gform_body{
        width: 100%;
    }

    .masthead .x-navbar .desktop .x-nav {
        padding-left: 15px;
        width: calc(100% - 280px);
        width: -moz-calc(100% - 280px);
        width: -webkit-calc(100% - 280px);
    }

    .masthead .x-navbar .desktop .x-nav>li>a:not(.x-btn-navbar-woocommerce) {
        padding-left: 6px;
        padding-right: 6px;
    }

    #project-details .project-details-list{
        width: 26.666664%;
    }

    #project-details .quote-column{
        padding: 30px 20% 0 30.666664% !important;
        width: 100%;
    }

    .home-featured .publication,
    .home-featured .case-block{
        width: 45% !important;
        margin-right: 4% !important;
        float: left !important;
    }

    #item-projectmanager .x-1-2 .x-block-grid-item.projectmanager,
    #item-projectmanager .x-1-2 .x-block-grid-item img{
        height: auto;
    }

    #item-projectmanager .x-2-3{
        width: 100%;
    }

    #item-projectmanager .x-1-3 {
        width: 100%;
        margin-top: 20px;
    }

    .masthead-inline .x-navbar .x-container.width{
        width: 100%;
    }

    #andere-cases .case-block,
    .cases-overview .case-block{
        width: 48%;
    }

    #andere-cases .case-block.last,
    .cases-overview .case-block.last{
        margin-right: 4% !important;
    }

    #andere-cases .case-block:nth-child(2n),
    .cases-overview .case-block:nth-child(2n){
        margin-right: 0 !important;
    }
}

@media (min-width: 580px) and (max-width: 979px) {

    #pmers .x-2-3,
    #pmers .x-1-3{
        width: 100%;
        display: inline-block;
        vertical-align: top;
    }

    #pmers .x-1-3{
        padding-right: 0 !important;
    }

    .x-block-grid.four-up>li:nth-child(4n+1){
        clear: left !important;
    }


    #kwd-team-grid > li{
        width: 20% !important;
    }
}

@media (min-width: 481px) and (max-width: 979px) {

    .x-block-grid.four-up>li:nth-child(2n+1){
        clear: none;
    }

    #pmers .x-column{
        padding-top: 0 !important;
    }

    .home-featured .x-column:first-child{
        float: none !important;
        width: 100% !important;
    }

}

@media (max-width: 579px) {

    #kwd-team-grid{
        margin-bottom: 20px;
    }

    #pmers .x-1-3{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .x-btn{
        margin-bottom: 10px !important;
    }


    .project-details-list .customer-logo{
        margin: 0 auto;
    }
}

@media (min-width: 481px) and (max-width: 579px) {

    #kwd-team-grid .x-block-grid-item{
        width: 28%;
    }

    .x-block-grid.four-up>li:nth-child(3n+1){
        clear: both;
    }

}

@media (max-width: 979px) {

    .slick-next{
        right: -35px;
    }

    .slick-prev{
        left: -35px;
    }

    #project-details .x-1-3{
        width: 100%;
        margin-top: 30px;
        height: auto !important;
    }

    h1, .h1{
        font-size: 3.5rem;
    }

    h2, .h2{
        font-size: 2.8rem;
    }

    .case-block .x-text h4,
    h3, .h3,
    h4, .h4,
    h5, .h5,
    h6, .h6{
        font-size: 2.2rem;
    }

    .x-btn.x-btn-regular,
    .header .x-text p,
    .entry-header,
    .entry-content,
    .entry-header p,
    .entry-content p {
        font-size: 1.5rem !important;
    }

    .header{
        height: auto !important;
    }

    .x-section{
        padding: 20px 0 0 !important;
    }

    .footer-wrapper{
        width: 100% !important;
    }

    footer .footer-top{
        background: none;
        height: auto;
    }

    footer.x-colophon.bottom .x-nav li{
        margin: 0;
    }

    footer.x-colophon.bottom .x-nav li a{
        line-height: 1;
        padding: 1em 0;
    }

    footer .footer-bottom .x-colophon-content{
        margin: 0 !important;
    }

    footer .footer-bottom .x-colophon-content p{
        width: 100%;
    }

    .x-colophon.bottom .x-colophon-content .left{
        margin-bottom: 30px;
    }

    .x-colophon.bottom .x-colophon-content .left,
    .x-colophon.bottom .x-colophon-content .right{
        float: none;
        display: block;
        width: 100%;
        text-align: center;
    }

    .header.bg-image{
        background-size: cover !important;
        width: 120% !important;
        height: 400px  !important;
        margin-left: -10% !important;
        position: relative !important;
    }

    .abs-bottom{
        position: relative !important;
        width: 100% !important;
        background: none !important;
        padding: 0 !important;
    }

    .case-block{
        margin-bottom: 20px;
    }

    .publication:not(:last-child){
        margin-bottom: 25px;
    }
}

@media (max-width: 767px) {

    .x-nav li a:hover .fa,
    .x-nav li a:hover i.streamline-search{
        background: #b7b7b7;
        color: #ffffff !important;
    }

    footer .x-navbar{
        display: none;
    }

    .x-nav-wrap.tablet{
        display: none;
    }

    .form-search{
        background: white;
    }

    .form-search .close {
        top: 0;
        right: 0;
        border: 2px solid #8f3237;
        color: #8f3237;
        background: #ffffff;
    }

    .form-search .close:hover{
        background: #8f3237;
        color: #ffffff !important;
    }

    .x-nav .x-menu-item-search .streamline-search:before{
        border: none !important;
    }

    .x-nav .x-menu-item-search .streamline-search:hover:before{
        color: #ffffff;
        background: none;
    }

    .x-btn-navbar{
        display: block;
        float: right;
    }

    .x-nav li a i{
        display: inline-block;
        border: 3px solid #b7b7b7;
        color: #b7b7b7 !important;
    }

    .masthead-inline .x-navbar .menu-wrapper{
        background: none;
        height: 72px;
    }

    .masthead-inline .x-navbar .x-brand{
        padding: 10px 0;
    }

    .masthead-inline .x-navbar .x-brand img{
        height: 52px;
        width: auto !important;
    }

    .x-navbar.mobile{
        background: #8f3237;
        display: block !important;
    }

    footer .x-nav-wrap.mobile{
        float: left;
    }

    .x-navbar.mobile .x-navbar-inner {
        min-height: 0;
    }

    .x-navbar.mobile .x-nav-wrap.mobile li{
        margin-right: 10px;
    }

    .x-navbar.mobile .x-nav-wrap.mobile li a{
        color: #ffffff !important;
        border: none;
        font-size: 16px;
        line-height: 1;
        padding-left: 0;
        padding-right: 0;
    }

    .x-navbar.mobile .x-nav-wrap.mobile li.current-menu-item a{
        color: #ddcba4 !important;
    }

    .x-navbar .mobile .x-nav>li.x-menu-item-search{
        margin: 0;
    }

    .x-navbar .mobile .x-nav>li.x-menu-item-search a{
        border: none;
    }

    .x-navbar .mobile .x-nav>li.x-menu-item-search a:hover i{
        background: #b7b7b7 !important;
        color: #ffffff !important;
    }

    .x-nav .x-menu-item-search .x-icon-search:before{
        border: none;
        padding: 0;
    }

    .x-nav .x-menu-item-search .x-icon-search:hover{
        background: #b7b7b7 !important;
    }

    .x-nav .x-menu-item-search .x-icon-search:hover:before{
        background: none;
        border: none;
        color: #ffffff !important;
    }

    .x-nav>li.x-menu-item-search .x-hidden-desktop{
        display: none !important;
    }

    footer.x-colophon.bottom .x-nav{
        padding-left: 0;
    }

    .x-colophon.bottom .x-nav li{
        margin-left: 0;
    }

    .x-navbar.mobile .x-nav-wrap.mobile li a:hover{
        color: #ddcba4 !important;
    }

    .form-search{
        top: 15px !important;
        width: 60%;
    }

    footer .form-search{
        top: 18px !important;
        right: 50% !important;
        transform: translateX(50%);
        -moz-transform: translateX(50%);
        -o-transform: translateX(50%);
        -webkit-transform: translateX(50%);
        width: 80%;
        max-width: 355px;
    }

    .form-search .search-query,
    .form-search .search-query:focus{
        border-color: #b7b7b7;
        color: #b7b7b7;
        opacity: 1;
        width: 100%;
    }

    .form-search:before{
        color: #b7b7b7;
    }

    .form-search:after{
        color: #8f3237;
        border-color: #b7b7b7;
    }


    .filter{
        display: block;
        margin-bottom: 20px;
    }

    .header .x-column.x-1-3{
        display: none;
    }

    .filter_wrapper{
        margin-bottom: 20px;
    }

    .grid-large .x-2-3{
        display: none;
    }

    .header.bg-image{
        height: 300px !important;
        background-size: cover !important;
    }

    #pm-content-blocks .x-1-3{
        margin-bottom: 20px;
    }

    .x-section:not(.header){
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

    .x-section:not(.header) .x-container{
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .x-section:not(.header) .x-container .x-column:not(.publication) {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    . .x-block-grid-item ,
    .case-customerquote {
        margin: 0;
    }

    .case-projectmanager .x-block-grid-item:first-child,
    .case-projectmanager .x-block-grid-item:last-child,
    .case-customerquote .x-block-grid-item:first-child,
    .case-customerquote .x-block-grid-item:last-child{
        width: 100% !important;
        height: auto !important;
        margin-top: 0 !important;
    }

    .case-projectmanager .x-block-grid-item img,
    .case-customerquote .x-block-grid-item img{
        height: auto !important;
    }

}

@media (max-width: 480px) {
    .header.bg-image{
        height: 200px !important;
        background-size: cover !important;
    }

    #kwd-team-grid .x-block-grid-item{
        width: 45%;
    }

    .case-block.case-extended .x-ul-icons li{
        padding-left: 10px;
    }

    .publication .x-block-grid.two-up>li{
        width: 45%;
    }

    .x-block-grid.four-up>li:nth-child(2n+1){
        clear: left;
    }

/*    h1,
    .h1{
        font-size: 30px;
    }

    h2,
    .h2{
        font-size: 24px;
    }*/

    .x-btn.x-btn-regular,
    .header .x-text p,
    .entry-header,
    .entry-content,
    .entry-header p,
    .entry-content p {
        font-size:  1.4rem !important;
    }

    h1, .h1{
        font-size: 2.8rem;
    }

    h2, .h2{
        font-size: 2.2rem;
    }

    .case-block .x-text h4,
    h3, .h3,
    h4, .h4,
    h5, .h5,
    h6, .h6{
        font-size: 2rem;
    }

    #andere-cases .right-text{
        text-align: center;
    }

    #filter_case_category select,
    #filter_case_category .selectValueWrap,
    #filter_case_branche  select,
    #filter_case_branche .selectValueWrap{
        width: 155px !important;
    }

    .slick-next{
        right: -25px;
    }

    .slick-prev{
        left: -25px;
    }
}