/*importeer de standaard files*/
@media (max-width: 1280px) {
  .container {
    max-width: 1200px;
  }
}
@media (max-width: 1200px) {
  .container {
    max-width: 992px;
  }
  section.percentages .percentage .percentage_text p {
    font-size: 20px;
  }
  section.section-intro-block .intro-block-block .text {
    margin: 0 30px !important;
  }
  section.section-intro-block .intro-block-block .text h2 {
    font-size: 40px;
    line-height: 64px;
  }
  section.section-intro-block .offset-xl-3 .intro-block-block .textblock .text {
    margin: 0 15px 0 auto !important;
  }
  section.block-links .blocks .block .title h2, section.block-links .blocks .block .block-overlay .title h2 {
    margin-bottom: 20px;
  }
  section.block-links .blocks .block .text, section.block-links .blocks .block .block-overlay .text {
    margin-bottom: 20px;
  }
  section.hero-subpage .contact-block {
    display: none;
  }
  section.hero-subpage .textblock-link {
    display: none;
  }
  footer .footer-content .branches > ul > li.block {
    left: -150%;
  }
}
@media (max-width: 992px) {
  footer .footer-content .branches > ul > ul > li.block.active {
    left: 0;
  }
  .container {
    max-width: 768px;
  }
  header .menu .flex-right .search {
    display: flex;
    position: absolute;
    right: -15px;
    bottom: -33px;
    height: 33px;
    background-color: #1a1a18;
  }
  header .menu .flex-right .search i {
    margin: 0;
  }
  section.percentages .percentage {
    margin: 0 0 24px;
  }
  section.percentages .percentage .percentage_text p {
    font-size: 24px;
  }
  section.section-partner-overview .partners.six-columns .partner {
    width: 33.33%;
    padding: 60px;
  }
  section.hero-subpage .hero-image {
    height: 315px;
  }
  section.hero-subpage .hero-text {
    margin-top: 275px;
  }
  section.hero-subpage .textblock-link {
    bottom: -35px;
    right: 45px;
  }
  section.hero-subpage .textblock-link.rechts {
    right: 45px;
  }
  .intro-block-block .text {
    margin: 0 60px 0 auto;
  }
  .intro-block-block .text .alignment-links {
    margin-left: 60px;
  }
  .pagination-container {
    margin: 30px auto 15px;
  }
  section.block-links .filter, section.filter .filter {
    padding: 20px 0 0 0;
  }
  section.block-links .blocks .block-col {
    width: 50%;
  }
  section.block-links .link-below-blocks {
    padding: 30px 0;
  }
  section.section-intro-block .intro-block-image {
    display: none;
  }
  footer .footer-content .branches h2 {
    font-size: 40px;
  }
  footer .footer-content .branches ul li.block {
    left: -120%;
    transform: scale(0.8);
  }
  footer .logo {
    display: none;
  }
  .search-results section.hero-subpage .hero-image {
    height: 150px;
  }
  .search-results section.hero-subpage .hero-text {
    margin-top: 100px;
  }
  .search-results .intro-block-block .intro-block {
    min-height: 180px;
  }
  .search-results .intro-block-block .textblock .text h2 {
    font-size: 20px;
  }
  .search-results section.filter a.filter-btn {
    margin: 0 5px 5px 0 !important;
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  .container {
    max-width: 576px;
  }
  footer .footer-content .branches > ul > ul > li.block.active {
    transform: none;
    top: 0px;
  }
  header .flex-left .label {
    display: none;
  }
  section.section-partner-overview .partners .partner {
    padding: 30px !important;
  }
  section.submenu.version-1 .submenu-container {
    display: block;
    text-align: center;
  }
  section.submenu.version-1 .submenu-container ul.submenu-items li {
    display: block;
    margin: 0;
    font-size: 14px;
  }
  section.submenu.version-1 .submenu-container ul.submenu-items li a {
    margin: 7px 0;
  }
  section.submenu.version-2 .submenu-container ul.submenu-items {
    display: table;
    margin: 0 auto;
    text-align: center;
  }
  section.submenu.version-2 .submenu-container ul.submenu-items span {
    margin: 0 0 15px;
    display: block;
  }
  section.submenu.version-2 .submenu-container ul.submenu-items li {
    margin: 0 0 10px;
  }
  section.submenu.version-2.fixed .submenu-container ul.submenu-items {
    margin: 0 0 0 auto;
  }
  section.section-intro-block {
    margin: 155px 0 110px;
  }
  section.section-intro-block .intro-block-block .intro-block {
    position: absolute;
    width: 100%;
    height: 100%;
  }
  section.section-intro-block .intro-block-block .textblock {
    position: relative;
    background: transparent;
  }
  section.section-intro-block .offset-xl-3 .intro-block-block .textblock .text {
    margin: 0 30px !important;
  }
  section.section-intro-block > .container {
    max-width: none;
    padding: 0;
  }
  section.section-intro-block [class*="col-"] {
    overflow: hidden;
  }
  section.hero-subpage > .container {
    max-width: none;
    padding: 0;
  }
  section.hero-subpage .textblock.rechts {
    width: 100%;
  }
  section.hero-subpage .textblock .text.alignment-rechts {
    margin: 0 15px;
    width: calc(100% - 60px);
  }
  section.block-links .blocks .block-col {
    width: 100%;
    max-width: 425px;
    margin: 0 auto 15px;
  }
  section.block-links .blocks.block-slider .slick-slide > div {
    display: flex;
    justify-content: center;
  }
  section.block-links .blocks .link-below-blocks {
    padding: 15px 0;
  }
  footer .footer-content .branches ul li.block {
    left: -70%;
    top: -80px;
  }
  footer {
    padding: 50px 0 0;
  }
  footer .logo {
    display: none;
  }
}
@media (max-width: 576px) {
  header .logo img {
    max-width: 95px;
  }
  header > .menu {
    padding: 8px 0 8px 10px;
  }
  .intro-block-block .text h1, .intro-block-block .text h2 {
    font-size: 38px;
    line-height: 60px;
  }
  section.text-images {
    margin-left: 0;
    margin-right: 0;
  }
  section.percentages .percentage {
    max-width: 300px;
    margin: 0 auto 24px;
  }
  section.vestiging-contact-block .contact-block {
    padding: 30px 20px 30px;
  }
  section.section-partner-overview .partners:not(.partner-slider) {
    width: calc(100% + 30px);
    margin-left: -15px;
  }
  section.section-partner-overview .partners:not(.partner-slider) .partner {
    padding: 50px !important;
    width: 50% !important;
  }
  .block-slider .slick-arrow.arrow-left, .partner-slider .slick-arrow.arrow-left {
    left: 12px;
  }
  .block-slider .slick-arrow.arrow-right, .partner-slider .slick-arrow.arrow-right {
    right: 12px;
  }
  section.hero-subpage .hero-text .textblock .social-media {
    padding-bottom: 50px;
  }
  section.hero-subpage .intro-block-block .text.alignment-links {
    margin: 0 30px;
  }
  section.hero-subpage .hero-text .textblock.rechts {
    width: 100% !important;
  }
  section.section-intro-block .textblock {
    position: relative;
    width: 100%;
    left: 0 !important;
    padding-bottom: 40px;
  }
  section.section-intro-block .text-hidden-sm {
    display: none;
  }
  .intro-block-block .textblock .text h2 {
    font-size: 28px;
    line-height: 46px;
  }
  .intro-block-block .textblock .text .text-hidden-sm {
    display: none;
  }
  .intro-block-block .textblock img {
    max-height: 350px;
  }
  section.hero .hero-inner .hero-text h1 {
    font-size: 28px;
    line-height: 46px;
  }
  footer .footer-content .branches {
    margin: 0;
  }
  footer .footer-content .branches h2 {
    font-size: 28px;
    margin: 0 0 45px;
  }
  footer .footer-content .branches ul li.block {
    left: 50%;
    top: -30px;
    transform: translateX(-50%);
  }
  footer .footer-content .branches ul li.block .text h3 {
    font-size: 20px;
  }
  footer .footer-content .certificates {
    margin: 0;
  }
  footer .map {
    bottom: 200px;
  }
  .intro-block-block .text h1 span, .intro-block-block .text h2 span {
    word-wrap: break-word;
    hyphens: auto;
  }
  footer .footer-content h3 {
    margin-bottom: 15px;
    margin-top: 10px;
  }
  .advice .bottom, .actual-post .bottom {
    padding: 24px;
  }
  .advice .bottom .details, .actual-post .bottom .details {
    flex-wrap: wrap;
  }
  .advice .bottom .details img, .actual-post .bottom .details img {
    margin-bottom: 10px;
  }
}
@media (max-width: 450px) {
  section.section-partner-overview .partners.three-columns .partner {
    padding: 30px;
  }
}