/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/

/* Ultra Large Desktops / HD Screens */
@media only screen and (min-width: 3001px) and (max-width: 5000px){

    .works-masonry-container .works-item-one-third {
      margin: 0 !important;
      padding: 0 !important;
      width: 20% !important;
    }
    .works-masonry-container .works-item-two-third {
      margin: 0 !important;
      padding: 0 !important;
      width: 20% !important;
    }
    .works-masonry-container .works-item-one-half {
      margin: 0 !important;
      padding: 0 !important;
      width: 20% !important;
    }
    .works-masonry-container .works-item-one-fourth {
      margin: 0 !important;
      padding: 0 !important;
      width: 20% !important;
    }
    .works-masonry-container .works-item-full-width {
      margin: 0 !important;
      padding: 0 !important;
      width: 20% !important;
    }
    .works-masonry-container .works-item-one-third-spaced{
      margin: 1% !important;
      padding: 0 !important;
      width: 18% !important;
    }
    .works-masonry-container .works-item-one-half-spaced{
      margin: 1% !important;
      padding: 0 !important;
      width: 18% !important;
    }
    .works-masonry-container .works-item-two-third-spaced{
      margin: 1% !important;
      padding: 0 !important;
      width: 18% !important;
    }
    .works-masonry-container .works-item-one-fourth-spaced{
      margin: 1% !important;
      padding: 0 !important;
      width: 18% !important;
    }

}


/* Super Large Desktops / HD Screens */
@media only screen and (min-width: 1450px) and (max-width: 3000px){

    .works-masonry-container .works-item-one-third {
      margin: 0 !important;
      padding: 0 !important;
      width: 25% !important;
    }
    .works-masonry-container .works-item-two-third {
      margin: 0 !important;
      padding: 0 !important;
      width: 25% !important;
    }
    .works-masonry-container .works-item-one-half {
      margin: 0 !important;
      padding: 0 !important;
      width: 25% !important;
    }
    .works-masonry-container .works-item-one-fourth {
      margin: 0 !important;
      padding: 0 !important;
      width: 25% !important;
    }
    .works-masonry-container .works-item-full-width {
      margin: 0 !important;
      padding: 0 !important;
      width: 25% !important;
    }
    .works-masonry-container .works-item-one-third-spaced{
      margin: 1% !important;
      padding: 0 !important;
      width: 23% !important;
    }
    .works-masonry-container .works-item-one-half-spaced{
      margin: 1% !important;
      padding: 0 !important;
      width: 23% !important;
    }
    .works-masonry-container .works-item-two-third-spaced{
      margin: 1% !important;
      padding: 0 !important;
      width: 23% !important;
    }
    .works-masonry-container .works-item-one-fourth-spaced{
      margin: 1% !important;
      padding: 0 !important;
      width: 23% !important;
    }

}

/* Larger than Desktop HD */
@media (max-width: 1200px) {
    .container {
        max-width: 1000px;
    }

    header.masthead.signature-adler{
        padding: 40px;
        width: 200px;
    }
    section.mastwrap.signature-adler{
        margin-left: 200px;
    }
    div#preloader.signature-adler{
        left: 200px;
    }
    .mastwrap.signature-adler .page-content .signature-section .container{
        width: 86%;
    }

    header.masthead.signature-claus{
        padding: 40px;
        width: 200px;
    }
    section.mastwrap.signature-claus{
        margin-right: 200px;
    }
    div#preloader.signature-claus{
        right: 200px;
    }
}

/* Larger than desktop */
@media (max-width: 992px) {
    .container {
        max-width: 900px;
    }

    .text-left, .text-right {
        text-align: center;
    }

    .img-responsive {
        display: inline-block;
    }


    .mastwrap.signature-adler .page-content .signature-section .container{
        width: 90%;
    }
    .page-content-wrap-signature-adler  .add-margin-160-to-80{
        margin-top: 80px !important;
        margin-bottom: 80px !important;
    }
    .page-content-wrap-signature-adler  .add-margin-top-160-to-80{
        margin-top: 80px !important;
    }
    .page-content-wrap-signature-adler  .add-margin-bottom-160-to-80{
        margin-bottom: 80px !important;
    }
    header.masthead.signature-adler{
        display: none;
    }
    section.mastwrap.signature-adler{
        margin-left: 0;
        margin-top: 50px;
    }
    ul.slimmenu.collapsed li .sub-collapser, ul.slimmenu > li > a:first-child {
        font-size: 14px;
        line-height: 21px;
        padding: 3px 0;
    }
    .menu-collapser {
        background-image: url("../images/logo.png");
    }
    .mobile-nav.signature-adler{
        display: block !important;
    }
    div#preloader.signature-adler{
        left: 0;
    }
    ul.slimmenu li a{
        font-size: 12px;
        padding: 2px 0;
    }
    .filter-notification.signature-adler{
        text-align: center;
        padding-left: 0;
    }

    footer.mastfoot.signature-adler .credits p{
        font-size: 10px;
        line-height: 17px;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .elements-counter.signature-adler{
        width: 100%;
        display: block;
        margin-bottom: 40px;
    }
    .page-content-wrap-signature-adler .adler-call-to-action-wrap{
        padding: 20px !important;
        padding-bottom: 25px !important;
        margin-top: 80px !important
    }
    .adler-about-text-block1, .adler-slider-project-heading, .main-heading h1{
        font-size: 24px !important;
        line-height: 31px !important;
    }
    .adler-call-to-action-wrap-heading{
        font-size: 18px !important;
        line-height: 25px !important;
    }
    .adler-liner-text h6{
        font-size: 12px;
        line-height: 19px;
        margin-bottom: 0px;
    }
    .journal.signature-adler .news-block.signature-adler h3, .project-title.signature-adler h1{
        font-size: 14px;
        line-height: 21px;
    }
    .first-fold.signature-adler .main-heading{
        margin-left: 40px;
    }
    .first-fold.signature-adler .main-heading h6{
        font-size: 12px;
        line-height: 19px;
    }


    header.masthead.signature-berend{
        display: none;
    }
    section.mastwrap.signature-berend{
        padding-top: 0px;
        margin-left: 0;
        margin-top: 50px;
    }
    .berend-home-page .signature-text-ticker{
        font-size: 36px !important;
        line-height: 43px !important;
    }
    .signature-berend-about-home .signature-text-ticker, .signature-berend-about-home .signature-text-block{
        font-size: 24px !important;
        line-height: 31px !important;
    }
    .feature-block.signature-berend h3{
        font-size: 14px;
        line-height: 21px;
    }
    .signature-berend-about-text-only-block-head{
        font-size: 14px !important;
        line-height: 21px !important;
    }
    .signature-section .signature-berend-about-text-only-block-content-wrap{
        margin-top: 40px !important;
    }
    .page-content-wrap-signature-berend  .signature-berend-skills-block-container{
        padding-top: 160px !important;
        padding-bottom: 160px !important;
    }
    .journal.signature-berend .news-block .main-heading{
        font-size: 24px;
        line-height: 31px;
    }
    .signature-berend-contact-email{
        font-size: 24px !important;
        line-height: 31px !important;
    }
    .signature-berend-contact-address{
        font-size: 18px !important;
        line-height: 25px !important;
    }
    .empty-space-adjustment{
        height: 15px !important;
    }
    .project-title.signature-berend{
        text-align: center;
        margin-top: 20px;
    }
    .project-title.signature-berend h1{
        font-size: 24px;
        line-height: 31px;
    }
    .signature-berend-project-text-block-head h6{
        font-size: 10px;
        line-height: 17px;
    }
    .berend-blog-list-pagination .btn-signature{
        margin-top: 0;
    }


    header.masthead.signature-claus{
        display: none;
    }
    section.mastwrap.signature-claus{
        margin-left: 0;
        margin-top: 50px;
        margin-right: 0px;
    }
    div#preloader.signature-claus{
        left: 0;
    }
    .filter-notification.signature-claus{
        text-align: center;
        padding-left: 0;
    }
    footer.mastfoot.signature-claus .foot-social{
        margin-top: 15px;
    }
    footer.mastfoot.signature-claus .credits p{
        font-size: 10px;
        line-height: 17px;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .first-fold.signature-claus .main-heading{
        margin-left: 30px;
    }
    .first-fold.signature-claus .main-heading h1{
        margin-top: 0px;
    }
    .first-fold.signature-claus .main-heading h6{
        font-size: 12px;
        line-height: 19px;
    }
    .project-title.signature-adler h1{
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .signatue-claus-project-text-block-title{
        font-size: 24px !important;
        line-height: 31px !important;
    }
    .signature-sidebar form input[name="s"]{
        margin-left: 5px;
        border: 1px solid;
    }

    header.masthead.signature-dierk{
        display: none;
    }
    section.mastwrap.signature-dierk{
        margin-left: 0;
        margin-top: 50px;
    }
    .works-item.signature-dierk .works-item-inner{
        padding: 0 30px;
    }
    .works-item.signature-dierk .works-item-inner p > span{
        font-size: 10px;
        line-height: 17px;
    }
    footer.mastfoot.signature-dierk .credits p{
        font-size: 10px;
        line-height: 17px;
        margin-bottom: 0px;
    }
    .dierk-split-content-section{
        padding: 80px 60px;
    }
    .elements-counter.signature-adler{
        width: 100%;
        display: block;
        margin-bottom: 40px;
    }
    .service-block.signature-dierk p{
        padding: 0 5px;
    }
    .page-content-wrap-signature-dierk .signature-dierk-about-call-to-action-wrap{
        padding-top: 100px !important;
        padding-bottom: 100px !important;
    }
    .signature-dierk-about-call-to-action-head{
        font-size: 18px !important;
        line-height: 25px !important;
    }
    .journal.signature-dierk .news-head{
        padding: 30px;
    }
    .journal.signature-dierk .news-block.signature-dierk h2{
        font-size: 20px !important;
        line-height: 27px !important;
        margin: 0;
    }
    .journal.signature-dierk .news-block.signature-dierk h3 {
        font-size: 12px;
        line-height: 24px;
        margin-top: 0;
    }
    .signature-dierk-contact-email{
        font-size: 24px !important;
        line-height: 31px !important;
    }
    .signature-dierk-contact-address{
        font-size: 12px !important;
        line-height: 19px !important;
    }


    .hero-text.signature-adler h3, .main-heading h1{
        font-size: 24px;
        line-height: 31px;
    }
    .call-to-action.signature-adler h3{
        font-size: 18px;
        line-height: 25px;
    }
    .journal.signature-adler .news-block.signature-adler h3, .project-title.signature-adler h1{
        font-size: 14px;
        line-height: 21px;
    }
    .main-heading h6{
        font-size: 12px;
        line-height: 19px;
    }


    body {
     border-left: none !important;
     border-right: none !important;
    }
    header.masthead.signature-ebert{
        display: none;
    }
    .signature-ebert .split-home-panel, .signature-ebert .ms-tableCell{
        height: calc(100vh - 107px) !important;
    }
    .mastwrap.signature-ebert{
        margin-top: 48px;
    }
    .signature-ebert .ms-static-title h1 span{
        font-size: 11px;
        line-height: 18px;
    }
    .signature-ebert-text-rotator{
        font-size: 24px !important;
        line-height: 31px !important;
    }
    .signature-ebert-about-text-only-block-head{
        font-size: 14px !important;
        line-height: 21px !important;
    }
    .signature-ebert .about-hero-text{
        font-size: 12px !important;
        line-height: 19px !important;
    }
    .signature-ebert-about-recognition-block-head{
        font-size: 14px !important;
        line-height: 21px !important;
    }
    .news-block.signature-ebert h1{
        font-size: 12px;
        line-height: 30px;
        letter-spacing: 10px;
        margin: 10px 0;
    }
    .news-block.signature-ebert h3{
        font-size: 21px;
        line-height: 28px;
        margin-bottom: 5px;
    }
    .signature-ebert-contact-hero-block .mail-address span{
        font-size: 14px;
        line-height: 21px;
    }
    .signature-ebert-contact-hero-block .address-block span{
        font-size: 26px;
        line-height: 33px;
    }
    .project-title.signature-ebert .main-heading{
        font-size: 12px;
        line-height: 19px;
    }

    .works-masonry-container .works-item-one-third,
    .works-masonry-container .works-item-two-third,
    .works-masonry-container .works-item-one-half,
    .works-masonry-container .works-item-one-fourth,
    .works-masonry-container .works-item-full-width{
          margin: 0 !important;
          padding: 0 !important;
          width: 33.3% !important;
    }
    .works-masonry-container .works-item-one-third-spaced,
    .works-masonry-container .works-item-one-half-spaced,
    .works-masonry-container .works-item-two-third-spaced,
    .works-masonry-container .works-item-one-fourth-spaced{
          margin: 1% !important;
          padding: 0 !important;
          width: 31.3% !important;
    }
}

/* Larger than tablet */
@media (max-width: 768px) {
    .container {
        width: 668px;
        padding-left: 50px;
        padding-right: 50px;
    }

    .text-left, .text-right, .mastfoot, .credits, .services-item, .hero-text.signature-adler {
        text-align: center;
    }

    .img-responsive {
        display: inline-block;
    }

    .mobile-nav.signature-adler {
        display: block;
    }

    .works-masonry-container .works-item-one-third,
    .works-masonry-container .works-item-two-third,
    .works-masonry-container .works-item-one-half,
    .works-masonry-container .works-item-one-fourth,
    .works-masonry-container .works-item-full-width{
          margin: 0 !important;
          padding: 0 !important;
          width: 50% !important;
    }
    .works-masonry-container .works-item-one-third-spaced,
    .works-masonry-container .works-item-one-half-spaced,
    .works-masonry-container .works-item-two-third-spaced,
    .works-masonry-container .works-item-one-fourth-spaced{
          margin: 1% !important;
          padding: 0 !important;
          width: 48% !important;
    }

    .first-fold.signature-adler .main-heading{
        margin-left: 30px;
    }
    .project-spec.signature-adler{
        margin-top: 20px;
    }
    .adler-project-text-container{
        text-align: center;
    }
    .adler-contact-details{
        text-align: center;
    }
    .page-content-wrap-signature-adler .adler-project-title{
        padding-left: 30px !important;
        padding-right: 0px !important;
    }
    .project-title.signature-adler h1{
        margin: 0px;
    }

    .feature-block.signature-berend h3{
        margin-top: 15px;
    }
    .signature-berend-feature-block-wrap{
        width: 100% !important;
        margin-bottom: 45px;
    }
    .signature-berend-services-block-wrap{
        width: 100% !important;
        margin-bottom: 25px;
    }
    .signature-berend-skills-block-wrap{
        width: 100% !important;
        margin-bottom: 25px;
    }
    .signature-berend .client-logo{
        border-bottom: 2px solid !important;
        border-right: 0px !important;
    }
    .signature-berend .client-logo:last-child{
        border: 0 !important;
    }


    .signature-claus-contact-content-section .vc_col-sm-6{
        text-align: center;
    }
    .signature-claus-page-heading h1{
        font-size: 24px;
        line-height: 31px;
    }
    .signature-claus-contact-details{
        margin-bottom: 40px;
    }


    .dierk-split-content-section{
        text-align: center;
    }
    .team-block.signature-dierk{
        text-align: center;
        margin: 25px 15%;
    }
    .service-block.signature-dierk{
        margin: 25px 0;
    }
    .journal.signature-dierk .news-head{
        width: 100%;
    }
    .signature-dierk-project-text-container{
        text-align: center;
    }
    .signature-dierk-contact-form{
        padding: 0 50px;
    }


    .signature-ebert .ms-section-left{
        background-position: right center !important;
    }
    .signature-ebert .ms-section-right{
        background-position: left center !important;
    }
    .signature-ebert-about-recognition-block{
        text-align: center;
    }
    .signature-ebert-about-recognition-block .title-sub{
        margin-bottom: 25px;
    }
    .signature-ebert-project-text-block{
        text-align: center;
    }


}

/*iPhone 6Plus Landscape Mode*/
@media screen and (max-width: 736px) {
    .container {
        width: 636px;
    }
}


/*iPhone 6 Landscape Mode*/
@media screen and (max-width: 667px) {
    .container {
        width: 567px;
    }
}


/*Google Nexus and Other Large Smart Phones v1*/
@media screen and (max-width: 600px) {
    .container {
        width: 500px;
    }
}

/*iPhone Landscape Mode and Medium Smart Phones*/
@media screen and (max-width: 480px) {
    .container {
        width: 400px;
    }
    .works-masonry-container .works-item-one-third,
    .works-masonry-container .works-item-two-third,
    .works-masonry-container .works-item-one-half,
    .works-masonry-container .works-item-one-fourth,
    .works-masonry-container .works-item-full-width{
          margin: 0 !important;
          padding: 0 !important;
          width: 100% !important;
    }
    .works-masonry-container .works-item-one-third-spaced,
    .works-masonry-container .works-item-one-half-spaced,
    .works-masonry-container .works-item-two-third-spaced,
    .works-masonry-container .works-item-one-fourth-spaced{
          margin: 1% !important;
          padding: 0 !important;
          width: 98% !important;
    }
}

/*iPhone 6Plus Portrait Mode*/
@media screen and (max-width: 414px) {
    .container {
        width: 374px;
    }
}

/*iPhone 6 Portrait Mode*/
@media screen and (max-width: 375px) {
    .container {
        width: 335px;
    }
}

/*iPhone 5S, 5, 4S & 4 Portrait Mode and Very Small Mobile Phones*/
@media screen and (max-width: 320px) {
    .container {
        width: 300px;
    }
}