/*
** @nurotterdam
*/

@media (min-width: 1280px) { 
  .cases {
    max-width: 1140px;
    margin: 0 auto;
  }
  .case h3 {
    font-size: 28px;
    line-height: 30px;
  }
  .case a i {
    font-size: 16px;
    line-height: 18px;
  }
}

@media (min-width: 992px) {

  .segment_1_projects aside.specs {
    padding-top: 80px;
  }

  .segment_1_projects .newsletter,
  .segment_1_cases .newsletter {
    padding-bottom: 140px;
  }

  .projectTextImageBlock {
    padding-top: 80px;
  }
  .projectTextImageBlock--wrap {
    margin-bottom: 80px;
  }
  .projectTextImageBlock--body {
    padding-right: 60px;
    padding-left: 60px;
    margin-bottom: 60px;
  }
  .segment_3_media-markt-academy .wrapper_row_count_1 img {
    width: 20%!important;
    height: auto!important;
  }
  .no-padding-left {
    padding-left: 0;
  }
  .no-padding-right {
    padding-right: 0;
  }
  .partner.partner-1 .well {
    margin-right: -15px;
  }
  .partner.partner-2 .well {
    margin-left: -14px;
  }
}

@media (max-width: 992px) {
  .cookies .cookies--half {
    width: 100%!important;
  }
  .cookies {
    padding: 15px;
  }
  input[type="color"],
  input[type="date"],
  input[type="datetime"],
  input[type="datetime-local"],
  input[type="email"],
  input[type="month"],
  input[type="number"],
  input[type="password"],
  input[type="search"],
  input[type="tel"],
  input[type="text"],
  input[type="time"],
  input[type="url"],
  input[type="week"],
  select:focus,
  textarea {
    font-size: 16px!important;
  }
  body.modal-open {
    position: fixed;
  }
  .merch .modal .materialize-label label {
    position: static;
    margin-bottom: 0;
  }
  .merch .modal-footer h5 {
    display: block;
    text-align: center;
  }
  .merch .modal-footer {
    margin: 0;
    height: auto;
  }
  .merch .modal-footer {
    background: none;
  }
  #main .btn-buy-finalize {
    float: none!important;
    width: 100%!important;
    display: block!important;
    margin-left: 0!important;
    margin-right: 0!important;
  }
  .segment_1_merchandise #nav_mobile {
    display: none!important;
  }
  .merch .modal .materialize-label label.on {
    opacity: 1;
    top: auto;
    left: 0;
    font-size: 13px;
  }
  .merch .stapel {
    position: static;
  }
  .merch .stapel img {
    max-width: 100%;
    height: auto;
  }
  .merch .preaccent {
    padding-top: 30px;
  }
  #main a {
    text-decoration: none;
  }
  .merch section {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .merch .lead,
  .merch section.intro {
    line-height: 26px;
    font-family: 'gotham_htfmedium';
    font-size: 18px;
  }
  .merch .lead h2,
  .merch section.intro h2,
  .modal-title {
    font-family: 'gotham_htfmedium';
  }
  .merch .lead {
    padding-top: 30px;
  }
  .lt-bg-ma iframe {
    min-height: 350px;
  }
  .segment_2_lt-foods .prtns {
    padding-bottom: 300px!important;
    padding-top: 0!important;
  }
  .segment_2_lt-foods .lt-bg-ma {
    background-position: right top;
  }
  .segment_2_lt-foods.segment_1_cases #main section {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .segment_2_rexel img {
    max-width: 100%;
  }
  .segment_1_cases.segment_2_rexel #main section.bg-rexel-early {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .mh-rexel {
    min-height: 0;
  }
  .rxl-logo {
    position: static;
    padding: 0 20%;
    display: block;
  }
  .mh-rexel-op {
    left: 0;
  }
  .mol-data {
    position: static;
  }
  .mh-rexel .txt {
    position: static;
    margin-bottom: 30px;
    display: block;
  }
  .mh-rexel-img {
    margin-top: 10px;
  }
  .rexel-split-3{
    padding: 40px 0;
    margin-bottom: 40px;
  }
  .segment_1_cases.segment_2_rexel #main section.bg-rexel-early {
    margin-top: 60px;
  }
  .spread-top-rex {
    top: -20px;
  }
  .segment_2_rexel .img-shadow {
    margin-top: 30px;
  }
  .col-md-5.innovation-tour {
    overflow: hidden;
    margin-top: 40px;
    float: left;
  }




  .project_item.item_type_6:hover footer span.hidden {
    display: none!important;
  }

  .project_item.item_type_6:hover footer strong {
    opacity: 1;
  }
  .case.work footer strong,
  .project.work footer strong {
    font-family: 'gotham_htfmedium'!important;
    font-weight: 400;
  }
  .case.work footer label,
  .project.work footer label {
    font-weight: 400;
  }
  html #nav_main {
    -webkit-tap-highlight-color: rgba(0,0,0,.5);
  }
  #nav_main li a:focus,
  #nav_main li a:active {
    background: red!important;
  }
  #nav_main .active a {
    color: #e31e25!important;
  }
  .cat_sticky .projects {
    margin-top: 0!important;
  }
  .project_item:focus .work-inner {
    opacity: .5;
  }
  #main .cat_filter .btn {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
  }
  .project.work {
    margin-bottom: 10px;
  }
  .project.work footer {
    bottom: 0;
  }
  .segment_2_life-fitness-db-portal .db_pack_main .paper img {
    margin-top: 25px;
  }
  .segment_2_life-fitness-db-portal .db_pack_main .card:after,
  .segment_2_life-fitness-db-portal .db_pack_main .paper:after {
    display: none;
  }
  .segment_2_life-fitness-db-portal .dp_mol_wrapper header,
  .segment_2_life-fitness-db-portal .db_lg_wrap header {
    margin-bottom: 20px;
  }
  .segment_2_life-fitness-db-portal .db_lg_2 {
    padding-top: 0;
  }
  .segment_2_life-fitness-db-portal .db_lg_3 {
    padding-bottom: 20px;
  }
  .segment_2_life-fitness-db-portal .db_lg_3,
  .segment_2_life-fitness-db-portal aside.db_pack {
    position: static;
    padding-top: 0;
  }
  .segment_2_life-fitness-db-portal .db_pack {
    margin-top: 20px;
  }
  .segment_2_life-fitness-db-portal .db_pack_main .paper {
    position: static;
  }
  .segment_2_life-fitness-db-portal .db_mbp {
    position: static;
  }
  .blog-detail-heading {
    margin-bottom: 20px;
  }
  .article {
    min-height: inherit;
  }
  .blog-detail-heading .meta.font--bold {
    margin-left: 0;
  }
  .segment_1_blog h2 {
    margin-bottom: 0;
    font-size: 23px;
    line-height: 26px;
  }
  .blog-entry {
    padding: 20px;
  }
  #header #nav_main a {
    font-size: 18px;
  }
  .med-online {
    position: static;
  }
  .med-sec330 {
    padding-bottom: 0;
  }
  .med-img-2 {
    margin-top: 30px;
  }
  .segment_2_wondprotocol #main .bg-darker {
    padding-bottom: 15px;
  }
  .rexel-split-3 img {
    position: static;
  }
  .segment_1_cases.segment_2_rexel #main section {
    padding-bottom: 15px;
  }
  .rexel-footnote.text-right {
    font-size: 12px;
    padding-top: 10px;
    outline-style: 0;
    line-height: 18px;
  }
  .werthers_right--img-top {
    position: static;
  }
  .row_werthers_bottom {
    position: static;
    margin-top: 20px;
  }
  .segment_1_blog .masthead .table {
    min-height: 0;
    height: auto;
    margin-top: 40px;
  }
  #main .blog_filter .btn {
    width: 100%;
    bottom: 0;
  }
  .nh_model:before {
    top: 103px;
    width: 141px;
    height: 35px;
    background: #a1bf35;
  }
  .segment_2_youfone-1 .intro > .container {
    min-height: 0;
  }
  .segment_2_youfone-1 .intro.white_header h1 {
    margin-top: 30px;
  }
  .segment_2_youfone-1 #specs li span img {
    max-width: 100%;
  }
  .segment_2_youfone-1 #specs li:nth-child(1) span {
    left: 35px;
  }
  .segment_2_youfone-1 #specs li:nth-child(2) span {
    left: 130px;
    top: 100px;
  }
  .segment_2_youfone-1 #specs li:nth-child(3) span {
    left: 35px;
  }
  .segment_2_youfone-1 #specs li:nth-child(4) span {
    left: 130px;
    top: 100px;
  }
  .segment_2_youfone-1 #specs li:nth-child(5) span {
    left: 100px;
  }
  .segment_2_youfone-1 #specs li {
    margin-bottom: 150px;
  }
  .segment_2_noordhoff .nh_fotografieconcept {
    min-height: 0;
  }
  .book-specs figure img.mast,
  .nh_stack img,
  .nh_blocks__ img,
  .nh_ender-img img {
    max-width: 100%;
  }
  .book-specs figure img.mast {
    height: auto;
  }
  .book-specs figure {
    width: auto;
    margin-top: 0;
  }
  .nh_class img {
    margin-bottom: 30px;
  }
  .book-shelf {
    display: none;
  }
  .nh_ender-img img:nth-child(1),
  .nh_ender-img img:nth-child(2) {
    position: static;
  }
  .book-specs figure .book-spec-item,
  .segment_2_noordhoff .nh_item figure .bubble {
    display: none;
  }
  .segment_2_noordhoff .nh_blocks {
    min-height: 0;
  }
  .nh_model {
    margin-bottom: 30px;
  }
  .nh_class:before {
    height: 215px;
  }
  .segment_2_noordhoff.segment_1_cases #main section.nh_class {
    padding-top: 215px;
  }
  .nh_blocks img,
  .segment_2_noordhoff .nh_item figure img {
    max-width: 100%;
  }
  .segment_2_noordhoff .nh_item figure {
    top: 0;
    left: 20px;
    margin-top: 30px;
  }
  .segment_2_noordhoff.segment_1_cases #main section {
    padding-bottom: 30px;
    padding-top: 30px;
  }
  .segment_2_youfone-1 .intro > .container {
    background: none;
  }
  .segment_2_youfone-1 .aw--img .col-body {
    position: static;
    margin-top: 20px;
  }
  .segment_2_youfone-1 .data-yf-set .imgimg img {
    max-width: 100%!important;
    position: static;
  }
  .segment_2_youfone-1 .aw--img {
    margin-bottom: 40px;
  }
  .segment_2_youfone-1 #specs li {
    width: 100%;
  }
  .segment_2_youfone-1 #specs {
    width: auto;
  }
  .yf-mm {
    max-width: 100%;
  }
  .segment_2_youfone-1 .yf--rower {
    padding-right: 20px;
    padding-left: 20px;
    width: 100%;
  }
  .segment_2_youfone-1 .yf--rower-last {
    padding-bottom: 0;
  }
  .segment_2_youfone-1 .yf--rower img {
    width: 100%;
  }
  .segment_2_youfone-1.segment_1_cases #main .spec-set-section:before {
    height: 210px;
  }
  .segment_1_cases .wrapper_row_id_59 .item {
    min-height: 0;
  }
  .segment_2_werthers-original .wrapper_row_count_4 {
    margin-top: 40px;
  }
  .segment_1_cases .full-video,
  #result_video {
    display: none!important;
  }
  .segment_1_cases #main .specs {
    margin-top: 15px;
  }
  .segment_1_cases #main, .segment_1_projects #main {
    margin-bottom: 0;
  }
  .full-img-palm {
    height: 150px!important;
  }
  .segment_1_klanten #main {
    padding-bottom: 40px;
  }
  .col-xs-6 .client img {
    height: auto;
    max-width: 100%;
  }
  .col-xs-6 .client.client_bg img {
    height: auto;
    max-width: 90%;
  }
  .col-md-3 .client,
  .col-md-3 .client .table {
    height: auto;
    min-height: 50px;
  }
  .col-md-3 .client.client_bg,
  .col-md-3 .client.client_bg .table {
    height: auto;
    min-height: 100px;
  }
  .newsletter .input-group-btn {
    position: static;
  }
  #main .newsletter .input-group .btn {
    height: 50px;
    border-radius: 0;
  }
  section.cases:before {
    display: none;
  }
  .segment_1_ .work-inner h3,
  .segment_1_ .work-inner.work-inner--opener h1 {
    font-size: 22px;
    line-height: 28px;
  }
  .segment_1_ .work-inner:hover h3 {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
  }
  .segment_1_ .segment_1_ #main {
    margin-top: 40px;
  }
  .segment_1_ .container-fluid > .row {
    margin-bottom: 0;
  }
  .segment_1_ article {
    margin-right: 16px;
    margin-left: 16px;
    margin-bottom: 16px;
  }
  .segment_1_ .bl,
  .segment_1_ .br {
    border: 0;
  }
}

@media (max-width: 1490px) { 
  .spec-set-section {
    overflow: hidden;
  }
}

@media (max-width: 1385px) {
  .segment_1_cases #main .back {
    right: 0px;
  }
}

@media (max-width: 1200px) {
  .card_5 {
    display: none;
  }
  .project.work {
    min-height: 0;
  }
  .segment_2_life-fitness-db-portal .db_pack_main .paper.paper_3 {
    right: -230px;
  }
  .segment_2_life-fitness-db-portal .db_pack_main .paper.paper_2 {
    left: 60px;
  }
}

@media (max-width: 1198px) { 
  .home-block-right {
    padding-left: 0;
  }
  .case h3 {
    font-size: 34px;
    line-height: 36px;
  }
  .case a i {
    font-size: 16px;
    line-height: 18px;
  }
}

@media (max-width: 1150px) {
  .carousel {
    text-align: center;
  }
  .carousel-control.left {
    left: -20px;
  }
  .carousel-control.right {
    right: -20px;
  }
  .carousel-control.left,
  .carousel-control.right {
    opacity: 1;
    background-color: #fff;
    border-radius: 4px;
  }
  .item.text {
    padding: 40px;
  }
  .segment_1_cases .item {
    min-height: 0;
  }
  .case-block > .row > .col-md-6 {
    min-height: 100%;
    height: 100%;
  }
  .segment_3_media-markt-academy .wrapper_row_count_2 img.img-responsive {
    width: 100%!important;
  }
  .segment_3_media-markt-academy .wrapper_row_count_2 img.img-responsive {
    position: static;
  }
  .segment_3_media-markt-academy .item.text {
    padding-top: 0;
  }
  .specs-inner.specs-inner-2 {
    width: 220px;
  }
  .segment_3_media-markt-academy .wrapper_row_count_2 {
    height: auto;
  }
  .segment_3_media-markt-academy .wrapper_row_count_3 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .segment_3_media-markt-academy .wrapper_row_count_3 .img-responsive,
  .segment_3_media-markt-academy .wrapper_row_count_3 .text-center.col-md-8 {
    position: static;
  }
}

@media (max-width: 1024px) {
  .videoHeader-row iframe {
    width: auto;
    height: 100% !important;
    aspect-ratio: 16 / 9;
  }
}

@media (max-width: 1024px) and (min-width: 460px) {
  .videoHeader-row iframe {
    margin-top: -80px;
  }
}

@media (max-width: 992px) {
  .blog-home .article h4 {
    font-size: 23px;
    line-height: 26px;
  }
  .blog-home .article p {
    font-size: 16px;
    line-height: 21px;
  }
  .segment_1_ .work-inner {
    background: -moz-linear-gradient(top, rgba(5,2,2,0.3) 30%, rgba(255,255,255,0) 70%);
    background: -webkit-linear-gradient(top, rgba(5,2,2,0.3) 30%,rgba(255,255,255,0) 70%);
    background: linear-gradient(to bottom, rgba(5,2,2,0.3) 30%,rgba(255,255,255,0) 70%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d050202', endColorstr='#00ffffff',GradientType=0 );
  }
  .home-view_all {
    margin-top: 30px;
  }
  .blog-home h3 {
    margin-bottom: 20px;
    font-size: 28px;
  }
  .blog-item {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 30px;
  }
  .blog-item article {
    margin-bottom: 0!important;
  }
  .blog-home {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .blog-home .article h4 {
    margin-bottom: 10px;
  }
  .blog-home .article time {
    margin-bottom: 5px;
  }
  .segment_1_ .row_num_1 .work-inner.work-inner--dark,
  .segment_1_ .row_num_1 .work-inner.work-inner--dark h3 {
    color: #fff;
  }
  .segment_1_ .row_num_1 .work-inner small {
    font-size: 10px;
  }
  .segment_1_ .row_num_1 .work-inner h3 {
    font-size: 20px;
    line-height: 22px;
  }
  .segment_1_ .row_num_1 .work-inner {
    background: none;
  }
  .segment_1_ .row_num_1 .work-inner h3,
  .segment_1_ .row_num_1 .work-inner small {
    padding-left: 135px;
  }
  .homepage #main .row_num_1 article:last-child {
    border-bottom: 0;
  }
  .homepage #main .row_num_1 article {
    min-height: initial;
    padding: 20px 0;
    border-bottom: 2px solid #343a42;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 0;
  }
  .homepage .row_num_1 {
    background: #181f28;
  }
  .segment_1_ .row_num_1 .flow,
  .segment_1_ .row_num_1 .home_placeholder--img {
    display: none;
  }
  .segment_1_ .row_num_1 .real_case_img {
    z-index: 999;
    position: relative;
    visibility: visible!important;
    opacity: 1!important;
    display: block!important;
    max-width: 135px;
  }
  .segment_1_ .row_num_1 .work-inner {
    z-index: 9999;
  }
  .segment_1_ .work-inner h3 br {
    display: none;
  }
  .starter-lg {
    font-size: 26px;
    margin-bottom: 18px;
    display: inline-block;
  }
  .dib_full-responsive {
    padding-bottom: 0!important;
  }
  .segment_1_cases #main .dib_popover {
    padding-bottom: 15px;
  }
  .dib_mobile p {
    color: #000;
    margin-top: 0;
  }
  .segment_2_dibevo .dib_screens .no-padding-right img,
  .segment_2_dibevo .dib_iphone-img {
    position: static;
  }
  .segment_2_dibevo .wrapper_row_id_27 {
    background: none;
    padding-bottom: 0;
  }
  .segment_2_dibevo .block--render,
  .segment_2_dibevo .dib_owl,
  .segment_2_dibevo .dib_mobile-row,
  .segment_2_dibevo .dib_maps {
    min-height: 0;
  }
  .segment_2_dibevo .dib_mobile-row {
    height: auto;
  }
  .segment_2_dibevo .item {
    padding-top: 40px;
    padding-bottom: 40px;
    min-height: 0!important;
  }
  .segment_2_dibevo.segment_1_cases #main section {
    padding-top: 15px!important;
  }
  .segment_2_dibevo .dib_consument {
    height: 220px;
  }
  .segment_2_dibevo .dib_owl h4 {
    color: #000;
    text-align: center;
  }
  .segment_2_dibevo .dib_owl,
  .segment_2_dibevo .dib_mobile-row,
  .segment_2_dibevo .block--render {
    background: none;
  }
  .segment_2_dibevo img {
    max-width: 100%;
    height: auto;
  }
  .segment_1_cases .dib_full-responsive .item {
    min-height: 0;
  }
  .case.work {
    height: auto;
  }
  .branding span:before,
  .digital span:before,
  .digital span:after,
  .shopper span:before,
  .shopper span:after {
    display: none;
  }
  #main .homepage-starter a {
    margin-bottom: 4px;
    display: inline-block;
    position: relative;
    border-bottom: 0!important;
  }
  #main .homepage-starter a:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    background: #fff;
  }
  .homepage-starter {
    text-align: center;
    height: auto;
    padding: 30px 20px 40px 20px;
    font-size: 20px;
    line-height: 28px;
  }
  .segment_1_cases #main .others {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 20px;
  }
  .case-process,
  .segment_1_cases .lead {
    margin-bottom: 0;
  }
  .segment_1_ons-werk.segment_1_cases .container {
    padding-left: 0;
    padding-right: 0;
  }
  .segment_1_ons-werk.segment_1_cases .container > .row {
    margin-left: 0;
    margin-right: 0;
  }
  .segment_1_cases #main section {
    padding-top: 0;
  }
  .segment_1_ons-werk.segment_2_ .project.work,
  .segment_1_ons-werk.segment_2_ .case.work {
    margin-bottom: 0;
  }
  .segment_1_ons-werk.segment_2_ .work a .abs {
    display: none;
  }
  .segment_1_ons-werk.segment_2_ .case.work footer,
  .segment_1_ons-werk.segment_2_ .project.work footer {
    font-size: 16px;
  }
  .segment_1_ons-werk.segment_2_ .case.work footer,
  .segment_1_ons-werk.segment_2_ .project.work footer {
    text-align: center;
    height: auto;
    line-height: 26px;
    padding-top: 10px;
    padding-bottom: 10px;
    position: static;
  }
  .video_masthead #header {
    background: #000;
  }
  .video-scroll-down-wrap {
    display: none;
  }
  .case.work footer,
  .project.work footer {
    padding-left: 20px;
    padding-right: 20px;
  }
  .project.work footer {
    position: relative;
  }
  .cat_sticky .cases {
    padding-top: 0;
  }
  .segment_1_ .home_half_left {
    padding-left: 50px;
    padding-top: 50px;
  }
  .segment_1_ .home_half_left h1 {
    font-size: 26px;
    line-height: 40px;
  }
  .nugroup .table,
  .clients .table {
    height: auto;
  }
  .wwd-item.first,
  .wwd-item.last,
  .wwd-item {
    padding-left: 5%;
    padding-right: 5%;
  }
  .wwd-item {
    max-width: 50%;
  }
  .specs-inner.specs-inner-1,
  .specs-inner.specs-inner-2,
  .specs-inner.specs-inner-3 {
    width: 33.33333333%;
  }
  .partner-0 img {
    float: left!important;
    margin-right: 100%;
    margin-bottom: 20px;
    margin-top: 0!important;
    max-width: 100%;
  }
  .case {
    width: 100%;
  }
  .gems img {
    max-width: 100%;
    height: auto;
    top: 0;
  }
  .gems dd {
    overflow: hidden;
  }
  .services {
    text-align: center;
  }
}

@media (max-width: 768px) {
  section.footer > div > div > div > div.col-xs-12.flex.gap-4.pt-4 {
    display: block;
  }

  .videoHeader-row iframe {
    height: 115% !important;
  }

  .work.intro, .work.outro {
    aspect-ratio: 4 / 3 !important;
  }

  .specs-inner.specs-inner-1,
  .specs-inner.specs-inner-2 {
    width: 50%!important;
  }
  .specs-inner.specs-inner-3 {
    margin-top: 40px;
    width: 100%!important;
  }
  .mix {
    display: block;
  }
  .projects .col-md-4 {
    padding-left: 15px;
    padding-right: 15px;
  }
  .segment_2_life-fitness-db-portal .db_mol_img {
    top: -40px;
  }
  .segment_2_life-fitness-db-portal .db_pack_main .paper img,
  .segment_2_life-fitness-db-portal .db_pack_main .card img {
    max-width: 100%!important;
    height: auto!important;
  }
  .segment_2_life-fitness-db-portal .db_lg_1,
  .segment_2_life-fitness-db-portal .db_lg_2,
  .segment_2_life-fitness-db-portal .db_lg_3 {
    background-image: none;
  }
  .segment_2_life-fitness-db-portal .db_lg_3,
  .segment_2_life-fitness-db-portal .db_lg_1 {
    min-height: 0;
    margin-bottom: 20px;
  }

  .segment_2_life-fitness-db-portal h2 {
    margin-bottom: 0;
  }

  .segment_2_life-fitness-db-portal h3 {
    font-size: 18px;
    margin-bottom: 22px;
  }
  
  .row_519_2 .work-inner.work-inner--dark small,
  .row_519_2 .work-inner.work-inner--dark h3 {
    color: #fff;
  }
  .work-inner small,
  .work-inner h3 {
    text-shadow: 0 1px 1px rgba(0,0,0,.4);
  }
  .segment_1_ .row_519_2 .flow {
    background-repeat: no-repeat;
    background-position: -180px 0;
  }
  .block--visual {
    min-height: 200px;
  }
  .segment_1_over-ons .row-block.bg-white {
    top: 0;
  }
  .masthead {
    margin-top: 0;
    height: auto;
  }
  .segment_1_klanten .row-intro {
    top: -10px;
    margin-bottom: 60px;
    padding: 20px;
  }
  .homepage #main article {
    min-height: 225px;
  }
  .rizla-website {
    padding-bottom: 70px!important;
  }
  .rizla-tile {
    padding: 0!important;
  }
  .rizla-block-10 {
    height: auto;
    padding-bottom: 0!important;
  }
  
  .rizla-website-img {
    top: 0;
  }

  .justus-bus {
    position: static;
  }

  .segment_1_projects .intro {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .team .col-md-3 {
    min-height: 0;
  }
  .maps {
    z-index: 9;
    position: static;
    height: 450px;
    margin-top: 30px;
    padding: 0;
  }
  .segment_1_ons-werk .intro .lead br {
    display: none;
  }
  #home-item-id-4 img {
    position: relative;
    top: -180px;
  }

  #home-item-id-4 .work .work-set {
    top: -180px;
  }

  #home-item-id-4 {
    height: 345px;
  }
  .segment_1_over-ons .masthead h1,
  .segment_1_over-ons .masthead h1 small {
    margin-bottom: 0;
  }
  .segment_1_over-ons .masthead {
    margin-top: -20px;
  }
  .homevisual h3,
  .homevisual.smaller-header h3 {
    font-size: 16px;
    line-height: 20px;
  }
  .homevisual {
    max-height: inherit;
  }
  .homevisual h3,
  .homevisual.smaller-header h3,
  .homevisual h3,
  .homevisual small {
    color: #fff;
  }
  .home_way {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
  }
  .home-pad_ {
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
  }
  .segment_1_contact #main {
    padding-top: 20px;
  }

  .home-payoff.bg-white h3 {
    color: #e31e25;
  }
  .home_way_bottom .inner {
    padding-top: 50px!important;
  }
  .segment_1_over-ons #main,
  .segment_1_ #main {
    padding-bottom: 0;
  }
  .homevisual h3 br {
    display: none;
  }
  .homevisual small {
    font-size: 12px;
    margin-bottom: 0;
  }
  .work .abs {
    position: static;
  }
  .project {
    margin-bottom: 10px;
  }
  .work,
  .case,
  .project h4,
  .work h4 {
    text-align: left!important;
  }
  .work .work-inner,
  .work h3,
  .work h4 {
    color: #131215;
  }
  .project h4,
  .work h4 {
    margin-bottom: 0;
  }
  .project_item {
    padding-left: 0;
    padding-right: 0;
  }
  .segment_1_ .text-center.visible-xs h1 {
    margin-bottom: 0;
  }
  #main {
    padding-top: 20px;
  }
  .projects {
    padding-bottom: 0;
    padding-top: 0;
  }
  .segment_1_ons-werk .work .work-inner {
    opacity: 1;
    height: 30px;
    padding: 10px;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
  }
  .segment_1_ons-werk .work .work-inner h4 {
    line-height: 20px;
    font-size: 16px;
  }
  .segment_1_ons-werk .work img {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
  }
  .segment_1_ons-werk .work .work-inner {
    background: #f5f5f5;
  }
  .work .work-set,
  .work a {
    height: auto;
    overflow: visible;
  }
  .homevisual .work .work-inner {
    background: #131214;
  }

  .segment_1_ons-werk #main {
    margin-bottom: 20px;
  }
  .segment_1_ons-werk.segment_1_cases #main {
    padding-top: 0;
  }
  .segment_1_cases #main section {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .projects_wrapper {
    height: auto!important;
  }
  .project {
    margin-bottom: 0;
  }
  .mobile-case-title br {
    display: none;
  }
  iframe {
    height: auto!important;
    width: 100%;
  }
  .specs > .container > .col-md-12 {
    margin-top: 20px;
  }
  .meta {
    margin-bottom: 20px;
  }
  .specs {
    padding-bottom: 20px;
  }
  .segment_2_project .sets,
  .segment_2_project .intro {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .spec-set-section .spec-set-section-container {
    margin-top: 0;
  }
  .specs > .container > .col-md-12,
  .spec-set-section > .container > .col-md-12,
  .spec-set-section-container > .case-block > .row > .col-md-12,
  .spec-set-section-container > .case-block > .row > .col-md-6 {
    padding-right: 0;
    padding-left: 0;
  }
  .item.text.full,
  .newsletter {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .presentation {
    padding-top: 20px;
  }
  .newsletter {
    padding-bottom: 50px;
  }
  .masthead .table,
  .masthead.parallax-window {
    min-height: 250px;
    height: 250px;
  }
  .first-section {
    margin-top: 0px;
  }
  .segment_1_over-ons .row-block {
    padding-top: 0;
    padding-bottom: 20px;
  }
  .masthead h1 small {
    margin-bottom: 0;
  }
  .segment_1_over-ons .row-block {
    padding-top: 15px;
    margin-right: -15px;
    margin-left: -15px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .segment_1_over-ons .row-block.row-team {
    margin-right: 0;
    margin-left: 0;
  }
  .what-we-do .inner {
    min-height: 0;
    height: auto;
    padding: 5%;
  }
  .masthead h1,
  .masthead h1 small,
  h1 {
    font-size: 28px;
    margin-bottom: 20px;
  }
  h2 {
    font-size: 24px;
    margin-bottom: 20px;
  }
  h3,
  .case h3,
  .work h3,
  .segment_1_cases h3.smaller {
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 20px;
  }
  h4 {
    font-size: 18px;
    margin-bottom: 20px;
  }
  .home-payoff h3,
  .home_way_bottom .inner .lead {
    font-size: 20px;
    line-height: 26px;
  }
  .lead {
    font-size: 16px;
    line-height: 24px;
  }
  .home-block-right .alt-color {
    margin-top: 20px;
  }
  .home-payoff {
    height: auto;
  }
  .home-payoff h3,
  .segment_1_ .lead {
    margin-bottom: 15px;
  }
  .segment_1_ .lead,
  .home-block-right .alt-color {
    line-height: 24px;
    font-size: 15px;
  }
  body {
    margin-bottom: 0;
    padding-top: 70px;
  }
  #header {
    height: 70px;
    line-height: 70px;
    padding-left: 20px;
    padding-right: 20px;
  }
  #header #brand img {
    position: relative;
    top: -1px;
  }
  #brand img {
    width: 110px;
  }
  .footer .pull-right {
    float: none!important;
  }

  .footer {
    margin-top: 60px;
  }

  .home-valign {
    width: auto;
    display: block;
  }
  .home-full .valign {
    right: 0;
    left: 0;
  }
  .home-block {
    margin-top: 20px;
  }
  .item.text.full,
  .item.text,
  .specs .well,
  .home_way_bottom .inner,
  .home-block,
  .homevisual .work .work-inner,
  .homevisual .padder {
    padding: 5%;
  }
  .home-full h1 {
    font-size: 30px;
  }
  .wwd-item {
    max-width: 100%;
  }
  .specs-inner.specs-inner-1,
  .specs-inner.specs-inner-2 {
    width: 100%;
  }
  .segment_1_cases #main .intro {
    background-size: 100%;
  }
  .service-item img {
    margin: 0 auto;
  }
  .case_data_wrapper,
  .segment_3_media-markt-academy .wrapper_row_count_5 .item {
    min-height: 0;
  }
  .segment_3_media-markt-academy .wrapper_row_count_3 .img-responsive,
  .segment_3_media-markt-academy .wrapper_row_count_3 .text-center.col-md-8 {
    position: static;
  }
  .segment_3_media-markt-academy .wrapper_row_count_3 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .segment_3_media-markt-academy .wrapper_row_count_1 img {
    margin-left: 0!important;
    margin-right: 0!important;
    margin-bottom: 10px;
  }
  .segment_3_media-markt-academy .wrapper_row_count_2 img.img-responsive {
    width: 100%!important;
    position: static;
  }

  #brand {
    align-content: unset;
    padding-top: 15px;
  }
}

/*ipads*/

@media (max-device-width: 992px) {
  .segment_1_ .home_half_left {
    padding-left: 50px;
    padding-top: 50px;
  }
  .segment_1_ .home_half_left h1 {
    font-size: 26px;
    line-height: 40px;
  }
  .home_arrow {
    display: none;
  }
  .segment_1_ .work-inner h3,
  .segment_1_ .work-inner.work-inner--opener h1 {
    font-size: 22px;
    line-height: 28px;
  }
  .segment_1_ .work-inner:hover h3 {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
  }
  .segment_1_ .segment_1_ #main {
    margin-top: 40px;
  }
  .segment_1_ .container-fluid > .row {
    margin-bottom: 0;
  }
  .segment_1_ article {
    margin-right: 2px;
    margin-left: 2px;
    margin-bottom: 2px;
  }
  .segment_1_ .bl,
  .segment_1_ .br {
    border: 0;
  }
}

@media (max-height: 750px) {
  .video-overlay {
    top: -180px;
  }
}

@media (max-height: 650px) {
  .video-overlay {
    top: -230px;
  }
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  .homepage #main {
    min-height: 0;
  }
  .homepage #main > .container-fluid .row {
    border-bottom: 2px solid #fff;
    height: 255px;
    overflow: hidden;
  }
  .wt-img--spec {
    top: -30px!important;
  }
}

@media (max-device-width: 1024px) and (orientation: landscape) {

  .segment_1_cases .video-scroll-down-wrap {
    z-index: 9;
  }
  .segment_1_cases #main .back {
    right: 0;
  }
}

@media (max-device-width: 768px) and (orientation: portrait) {
  .segment_1_ .row_523_2 .work-inner.work-inner--dark,
  .segment_1_ .row_523_2 .work-inner.work-inner--dark h3 {
    color: #fff;
  }
  .segment_1_ .work-inner small {
    letter-spacing: 1px;
    margin-bottom: 0;
  }
  .segment_1_ .work-inner h3 {
    font-size: 27px;
    line-height: 27px;
    font-family: 'gotham_htfbold', sans-serif;
  }
  .segment_1_ .work-inner {
    padding: 20px;
  }
  .segment_1_cases .video-scroll-down-wrap {
    z-index: 9;
  }
  .segment_1_cases #main .back {
    right: 0;
  }
  #header {
    padding-left: 15px;
    padding-right: 15px;
  }
  .segment_1_ .home_half_left h1 {
    font-size: 22px;
    line-height: 28px;
    font-family: 'gotham_htfmedium';
    margin-bottom: 0;
  }
  #nav_mobile {
    color: #fff;
  }
  .home_half_left .shadow {
    display: none;
  }
  #header #brand img,
  #brand {
    width: 145px;
  }
  .home_half_left,
  .home_half_wrapper,
  .home_half_right {
    width: 100%!important;
  }
  .home_half_left,
  .home_half_right {
    height: auto!important;
  }
  .ritem.fer .work-inner,
  .ritem.fer .work-inner h3 {
    color: #fff;
  }
  .segment_1_ .home_half_left,
  .ritem .work-inner {
    padding: 15px;
  }
  .ritem {
    border: 0!important;
  }
  .ritem .work-inner h3 br {
    display: none;
  }
  .ritem,
  .r_block {
    width: 100%!important;
    float: left;
    height: auto!important;
  }
  .ritem img {
    width: 100%;
  }
  .ritem img,
  .ritem .work-inner {
    position: static;
  }
}

@media (max-width: 568px) {
  .work.intro, .work.outro {
    aspect-ratio: 3 / 5 !important;
  }

  .segment_1_ .row_523_1 .flow {
    background-repeat: no-repeat;
    background-position: -30px 0;
  }
  .text-row .container > div {
    max-width: 100%;
    width: 100% !important;
    padding-right: unset;
  }
  .text-row ul {
    padding-left: unset;
  }
  .text-row .container {
    flex-direction: column;
    gap: 30px;
  }

  ul.items-center.list-none.divide-y.divide-white\/50.border-white\/50 {
    align-self: unset !important;
  }
}


@media (max-width: 992px) {
  
  .ajaxLoad {
    display: none!important;
  }

  #main,
  #footer {
    transition: transform .25s;
  }

  body #nav_main {
    transition: all .1s;
    max-height: 0;
    overflow: hidden;
  }

  .mobile_nav_active #header {
    z-index: 9999;
  }

  .mobile_nav_active #nav_main {
    max-height: 269px;
  }

  body #nav_main a {
    border-bottom: none !important;
  }
  body #nav_main {
    background: rgba(255,27,27,1);
    margin-right: -15px;
    margin-left: -15px;
    float: none!important;
    clear: both;
    position: relative;
    z-index: 999;
    box-shadow: 0 5px 5px rgba(0,0,0,.25);
    top: -30px;
  }

  body #nav_main li:last-child {
    border-bottom: 1px solid #4C4C4C;
  }

  body #nav_main li {
    margin-left: 0;
    line-height: 54px;
    height: 54px;
    display: block;
    width: 100%;
    border-top: 0.5px solid white;
    float: none;
  }

  body #nav_main li a {
    display: block;
    padding-left: 20px;
    padding-right: 20px;
  }

}

@media (min-width: 768px) {
  .projects > .container {
    width: 750px;
  }
}

@media (min-width: 992px) {
  .projects > .container {
    width: 970px;
  }
}

@media (min-width: 1200px) {
  .projects > .container {
    width: 1150px;
  }
  .project.work {
    min-height: 230px;
  }
}

@media (min-width: 1460px) {
  .projects > .container {
    width: 1200px;
  }
}

@media (min-width: 1650px) {
  .projects > .container {
    width: 1450px;
  }

  .segment_1.segment_1_ons-werk .article {
    min-height: 470px !important;
  }
}

@media (max-width: 500px) {
  .lt-bg-ma iframe {
    min-height: auto!important;
  }
}