@media screen and (max-width: 1400px) {
  .home_banner_image, .inner_tickertape, .banner_page {
    background-attachment: inherit;
  }
}

@media screen and (max-width: 1180px) {
  .main_header nav {
    display: none;
  }

  .menubtn {
    display: inline-block;
  }

  .supportbtn {
    display: block;
  }

  .madeby {
    flex-wrap: wrap;
  }

  .madeby div:first-child {
    width: 80% !important;
    order: 1;
  }

  .madeby div:last-child {
    width: 20% !important;
    order: 1;
  }

  .madeby div:nth-child(2) {
    width: 100% !important;
    padding-top: 20px;
    order: 3;
  }

  .blokken_col h2 {
    font-size: 1.3em;
  }

  .blokken_col p {
    font-size: .9em;
  }
}

@media screen and (max-width: 1000px) {
  .footer_item {
    width: 40%;
  }

  .footerspecial:first-child {
    display: none;
  }

  .footerspecial {
    width: 20%;
  }

  .footerspecial2 {
   width: 25%;
 }

 .banner_page {
  height: 100px;
}
}

@media screen and (max-width: 950px) {
  .onze_klanten_data div {
    width: 33.33%; 
    margin-bottom: 30px;
  }
  .onze_klanten {
    padding: 10px;
  }

  .blokken_col {
    width: 100%;
  }

  .blokkenimg {
    order: 1 !important;
  }

  .blokkentext {
    order: 2 !important;
  }

  .contact_content {
    flex-wrap: wrap;
  }

  .contact_form {
    width: 100%;
  }

  .right_contact_content {
    width: 100%;
    padding: 25px;
    text-align: center;
  }
}

@media screen and (max-width: 900px) {
  .home_banner_content h2 {
    font-size: 1em;
    border: 2px solid #fff;
  }

  .over_ons_blok {
    flex-wrap: wrap;
  }

  .over_ons_blok_img {
    width: 100%;
  }

  .over_ons_blok_text {
    position: relative;
    width: 100%;
    top: inherit;
    transform: translateY(0);
    margin-top: -150px;
  }

  .timeline_container {
    flex-wrap: wrap;
    padding: 30px 15px;
  }

  .timeline_item_content {
    padding: 25px;
  }

  .blog_items article {
    width: 50%;
  }

  .portfolio_blokken article {
    width: 48%;
  }
}

@media screen and (max-width: 800px) {
  .timeline_item_content {
    width: 100%;
    padding: 0;
    order: 1;
  }

  .timeline {
    overflow: auto;
  }

  .timeline_other_content {
    width: 100%;
    order: 2;
  }

  .timeline_other_content img {
    width: 100%;
  }

  .timeline_container {
    width: 90%;
    float: right;
  }

  .timelineoverlayholder {
    left: 5%;
  }

  .timeline::after {
    left: 5%;
  }

  .timeline_container::after { 
    left: -5.6%;
    width: 25px;
    height: 25px;
  }
}

@media screen and (max-width: 750px) {
  .innerfooter {
    flex-wrap: wrap;
  }

  .footer_item {
    width: 65%;
  }

  .footerspecial {
    width: 100%;
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .footerspecial2 {
    width: 30%;
  }
}

@media screen and (max-width: 700px) {
  .res-nav {
    width: 100%;
    max-width: 700px;
    right: -700px;
  }

  .menu-is-open {
    right: 0;
  }

  .portfolio_blokken article {
    width: 90%;
    margin: 5%;
  }
}


@media screen and (max-width: 600px) {

  .onze_klanten_data div {
    width: 100%; 
  }

  .footer_item {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    display: none;
  }

  .footerspecial2, .footerspecial {
    display: flex;
  }

  .madeby div:first-child, .madeby div:last-child {
    width: 100% !important;
    margin-top: 20px;
    justify-content: center !important;
    flex-wrap: wrap;
    line-height: 190%;
  }

  .blog_items article {
    width: 100%;
  }

}

@media screen and (max-width: 500px) {
  .over_ons_blok_text {
    padding: 0;
    margin-top: 0;
  }
}