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

@media screen and (max-width: 1200px) {
  section#portfolio .item {
    height: 290px;
  }

  .popup {
    width: 90%;
  }

  section#popup-blok .blok .text {
    padding: 60px 30px 30px 30px;
  }

  section#slider-knoppen .knoppenslider-container .content h1 {
    font-size: 65px;
  }
}

@media screen and (max-width: 992px) {
  #popup-inspiratieblad {
    width: 90%;
  }

  .mobile-menu-holder {
    display: block;
    width: 280px;
  }
  section#banner .banner-carousel .slider-container {
    height: 500px;
  }
  section#portfolio .item {
    height: 210px;
  }

  section#tekst-afbeelding .cover-photo {
    margin-bottom: 30px;
  }

  section#blokken .row {
    gap: 0;
  }

  /* PRODUCT KASTEN */
  section.techniq {
    padding: 20px 0;
  }
  section#photos-single.kasten .photo-container {
    padding: 30px 20px;
  }
  section#vijf-fotos .photo1,
  section#vijf-fotos .photo2 {
    margin: 0 30px 20px 50px;
    height: 200px;
  }
  section#vijf-fotos .photo3 {
    height: 600px;
    margin: 0;
  }
  section#vijf-fotos .photo-container {
    margin: 0 -25px 0 30px;
  }
  section#vijf-fotos .photo4 {
    height: 500px;
  }

  section#slider-knoppen
    .knoppenslider-container
    .knoppenslider-carousel
    .slide {
    height: 65vw;
  }
  section#slider-knoppen .knoppenslider-container .content h1 {
    font-size: 50px;
  }
  section#slider-knoppen .knoppenslider-container .content .buttons {
    flex-wrap: wrap;
  }
  /* section#slider-knoppen .knoppenslider-container .content .buttons .btn {
    margin-bottom: 10px;
  } */
  section#slider-knoppen .knoppenslider-container .content h1 {
    margin-top: 50px;
  }

  /* SINGLE BLOG */
  /*    section#collage .column1 .cover-photo, section#collage .column3 .cover-photo{height: 150px;}*/
}

@media screen and (min-width: 769px) {
}

/* Landscape ipad */
@media only screen and (min-device-width: 767px) and (max-device-width: 1024px) and (orientation: landscape) {
  .grote_afbeelding_titel {
    font-size: 32px;
    padding: 15px;
  }

  header .navbar .navbar-nav > li {
    margin: 45px 35px 0 0;
  }

  /* HOME */
  section#contentblok .total-2.key-0 .item .photo {
    height: 500px;
  }
  section#nieuwsberichten .photo {
    height: 350px;
  }
}

/* Portrait ipad */
@media only screen and (min-device-width: 767px) and (max-device-width: 1024px) and (orientation: portrait) {
  .grote_afbeelding_titel {
    font-size: 32px;
    padding: 15px;
  }

  .menu-mobile {
    padding: 50px 0 0 15px;
  }

  /* HOME */
  section#contentblok .total-2.key-0 .item .photo {
    height: 450px;
  }
  section#nieuwsberichten .photo {
    height: 300px;
  }
  /* section#nieuwsberichten .key-0 .item, section#nieuwsberichten .key-3 .item, section#nieuwsberichten .key-6 .item, section#nieuwsberichten .key-9 .item, section#nieuwsberichten .key-12 .item{padding: 0 20px 0 0;}
    section#nieuwsberichten .key-1 .item, section#nieuwsberichten .key-4 .item, section#nieuwsberichten .key-7 .item, section#nieuwsberichten .key-10 .item, section#nieuwsberichten .key-13 .item{padding: 0 10px 0 0;}
    section#nieuwsberichten .key-2 .item, section#nieuwsberichten .key-5 .item, section#nieuwsberichten .key-8 .item, section#nieuwsberichten .key-11 .item, section#nieuwsberichten .key-14 .item{padding: 0 0 0 20px;} */
  section#nieuwsberichten .row > *:nth-child(3n + 1) .item {
    padding: 0 20px 0 0;
  }
  section#nieuwsberichten .row > *:nth-child(3n + 2) .item {
    padding: 0 10px 0 0;
  }
  section#nieuwsberichten .row > *:nth-child(3n) .item {
    padding: 0 0 0 20px;
  }
  section#nieuwsberichten a.item .content-text h4 {
    font-size: 18px;
  }

  /* OVER EXSTA */
  section#tekstblok-drie .cover-photo {
    height: 300px;
    margin: 40px 0 20px 0;
  }
  section#tekstblok-vijf .cover-photo {
    margin: 30px 0;
    height: 300px;
  }

  section#collectie-cats .product,
  section#product-related-products .product {
    margin: 20px 10px;
  }
  section#collectie-breadcrumbs a h5 {
    font-size: 15px;
  }
  section#collectie-breadcrumbs .breadcrumbs li {
    margin-right: 15px;
  }

  /* PRODUCT */
  section#photos-single .photo1 {
    height: 600px;
  }
  section#photos-single .photo2 {
    margin: 40px 0 0 30px;
  }
  section#photos-single .block-designers .content-designers {
    padding: 0 15px;
  }
  section#photos-single .block-designers .photo-designer {
    height: 130px;
  }
  section#extra .photo1,
  section#extra .photo2 {
    height: 290px;
  }
  section#extra .photo3 {
    height: 610px;
  }
}

/*-----------------------------------------------------------------------------------*/
/*				 Portrait tablet to landscape and desktop
/*-----------------------------------------------------------------------------------*/

@media screen and (max-width: 767px) {
  .groen_blok_wrapper {
    padding: 30px;
    gap: 30px;
  }

  .grote_afbeelding_img {
    height: 222px;
  }

  .grote_blokken_content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 40px;
  }

  .groen_blok_item {
    flex-direction: column;
    gap: 30px;
  }

  .groen_blok_item_img {
    width: 185px;
  }

  .grote_blokken_titel {
    width: 100%;
    text-align: start;
  }

  .grote_blok_item_img {
    height: 260px;
  }

  .grote_blok_item {
    max-width: unset;
  }

  .grote_afbeelding_titel {
    font-size: 32px;
    padding: 15px;
    max-width: 100%;
    hyphens: none;
    word-break: break-word;
    overflow-wrap: break-word;
  }

  .groen_blok_item_content a {
    padding: 8px 9px;
  }

  h1 {
    font-size: 30px;
  }
  h2 {
    font-size: 25px;
  }
  h3 {
    font-size: 20px;
  }
  h4 {
    font-size: 18px;
  }
  h5 {
    font-size: 16px;
  }
  h6 {
    font-size: 14px;
  }

  #popup-inspiratieblad {
    right: 15px;
    left: 15px;
    bottom: unset;
    top: 120px;
    width: unset;
    z-index: -1000;
    opacity: 0;
    transition: 0.2s opacity ease;
    overflow: auto;
    max-height: calc(100% - 120px);
  }
  #popup-inspiratieblad.active_mobile {
    z-index: 100;
    opacity: 1;
    transition: 0.2s opacity ease;
    box-shadow: 0px 2px 60px rgba(0, 0, 0, 0.25);
  }
  #popup-inspiratieblad .text {
    padding: 0;
  }

  .embed-container iframe {
    width: 100%;
    height: 200px;
  }

  #popup-blog {
    display: none;
  }

  section#title h2 {
    font-size: 1.8rem;
  }

  /* header .logo img{height: auto;} */

  .menu-mobile {
    padding: 50px 0 0 10px;
  }
  .menu-mobile li {
    font-size: 18px;
  }

  section#banner .banner-carousel .slider-container {
    height: 350px;
  }
  section#slider-knoppen .knoppenslider-container .slide h1 {
    font-size: 32px;
  }
  section#slider-knoppen .knoppenslider-container .slide .slide-title {
    font-size: 32px;
  }

  section#portfolio .item {
    height: 240px;
    margin: 15px 0;
  }

  /* Blokken met grote afbeelding */
  section#blokken-met-grote-afbeelding .container {
    flex-direction: column;
  }

  section#blokken-met-grote-afbeelding .blok .content {
    padding: 60px 30px 30px 30px;
  }

  section#tekstblok {
    /* padding: 30px 0; */
  }
  section#tekstblok .text {
    max-width: 90%;
  }
  section#tekstblok .cover-photo {
    margin: 30px 0;
  }

  section#popup-blok .blok .cover-photo {
    height: 350px;
  }

  footer {
    text-align: center;
  }
  footer .btn-white {
    margin: 15px 0;
  }

  footer select {
    width: 55px;
  }

  footer h5 {
    margin-bottom: 10px;
  }

  footer .row {
    gap: 30px;
  }

  /* HOME */
  /* body.home section#slider-knoppen .content .buttons #btn-inspiratieblad1{display: none;} */

  section#contentblok a.item {
    margin-bottom: 30px;
  }
  section#contentblok .total-2.key-0 .item {
    padding: 0;
  }
  section#contentblok .total-2.key-0 .item .photo {
    height: 450px;
  }
  section#contentblok .total-2.key-1 .item {
    padding: 0;
  }
  section#contentblok .total-2.key-0 .boven {
    margin: 0 15px -30px 15px;
    width: 90%;
  }
  section#contentblok .total-2.key-0 .onder {
    margin: -40px 15px 0 15px;
    width: 90%;
  }
  section#contentblok .total-2.key-1 .boven {
    margin: 0 15px -30px 15px;
    width: 90%;
  }
  section#contentblok .total-2.key-1 .onder {
    margin: -40px 15px 0 15px;
    width: 90%;
  }
  section#nieuwsberichten .photo {
    height: 380px;
  }
  section#nieuwsberichten a.item {
    margin: 40px 0 0 0;
    padding: 0;
  }
  /* section#nieuwsberichten .key-0 .item,
  section#nieuwsberichten .key-3 .item,
  section#nieuwsberichten .key-6 .item,
  section#nieuwsberichten .key-9 .item,
  section#nieuwsberichten .key-12 .item {
    margin: 40px 0 0 0;
    padding: 0;
  }
  section#nieuwsberichten .key-2 .item,
  section#nieuwsberichten .key-5 .item,
  section#nieuwsberichten .key-8 .item,
  section#nieuwsberichten .key-11 .item,
  section#nieuwsberichten .key-14 .item {
    padding: 0;
  } */
  section#nieuwsberichten .row > *:nth-child(3n + 1) .item {
    margin: 40px 0 0 0;
    padding: 0;
  }
  section#nieuwsberichten .row > *:nth-child(3n) .item {
    padding: 0;
  }
  section#blokken .blok {
    padding: 20px;
  }
  section#blokken .row {
    gap: 0;
  }

  /* OVER ONS */
  section#tekst-afbeelding .cover-photo {
    margin-bottom: 25px;
  }
  section#tekst-afbeelding .btn-white {
    font-size: 14px;
    padding: 8px 10px;
  }

  /* COLLECTIE */
  section#collectie-breadcrumbs a h5 i {
    margin: 0 10px 0 0;
  }
  section#collectie-cats .category h3 {
    font-size: 22px;
  }
  section#collectie-cats .category .photo {
    height: 150px;
  }
  section#collectie-cats .products {
    padding: 0;
  }
  section#collectie-cats .product {
    margin: 20px 10px;
  }
  section#collectie-cats .product .photo {
    height: 150px;
  }
  /*    .product-colors-carousel .slick-prev, .slick-next{top: calc(50%  - 18px);}*/

  /* PRODUCT */
  section#product-intro .images-row .photo {
    margin-bottom: 30px;
  }
  section#photos-single .photo1 {
    height: 550px;
  }
  .single-products section#nieuwsberichten h4 {
    margin-bottom: 0;
  }
  /* section#nieuwsberichten .key-1 .item,
  section#nieuwsberichten .key-4 .item,
  section#nieuwsberichten .key-7 .item,
  section#nieuwsberichten .key-10 .item,
  section#nieuwsberichten .key-13 .item {
    margin: 50px 0 0 0;
    padding: 0;
  } */
  section#nieuwsberichten .row > *:nth-child(3n + 2) .item {
    margin: 50px 0 0 0;
    padding: 0;
  }
  section#collectie-cats .product,
  section#product-related-products .product {
    margin: 0 0 20px 0;
  }
  section#product-related-products .products {
    padding: 0;
  }
  section#extra .photo1,
  section#extra .photo2 {
    height: 150px;
  }
  section#extra .photo3 {
    height: 330px;
  }

  /* PRODUCT KASTEN */
  section#product-intro .photo1 {
    margin-top: 30px;
    height: 300px;
  }
  section.techniq .contain-photo {
    width: 100%;
  }
  section#double-img .cover-photo.photo-0 {
    margin: 0 0 20px 0;
  }
  section#double-img .cover-photo.photo-1 {
    margin: 0;
  }
  section#photos-single.kasten .photo1,
  section#photos-single.kasten .photo2 {
    margin: 0 15px 15px 15px;
    height: 350px;
  }
  section#photos-single.kasten .block-designers {
    padding: 30px 0 50px 0;
  }
  section#photos-single.kasten .block-designers .content-designers {
    padding: 0 15px;
  }
  section#photos-single.kasten .photo-container {
    margin: 0 0 0 15px;
  }
  section#photos-single.kasten .photo3 {
    height: 400px;
  }
  section#drie-fotos {
    padding: 50px 0;
  }
  section#drie-fotos .photo3 {
    height: 350px;
    margin: 15px 0 0 0;
  }
  section#vijf-fotos .content .text {
    margin: 0 0 30px 0;
  }
  section#vijf-fotos .photo1,
  section#vijf-fotos .photo2 {
    margin: 0 0 15px 0;
  }
  section#vijf-fotos .photo3 {
    height: 500px;
    margin-bottom: 15px;
  }
  section#vijf-fotos .photo-container {
    margin: 0 -15px 0 0;
    padding: 10px;
  }
  section#vijf-fotos .photo5 {
    margin-top: 15px;
    height: 500px;
  }

  .page-template-news #nieuwsberichten > .container > .row:nth-child(1) {
    margin-bottom: 0px;
  }

  /* PORTFOLIO & NIEUWS DETAIL */
  section#banner-single .photo {
    height: 250px;
    margin: 30px 0 0 0;
  }

  section#content-single h1 {
    font-size: 25px;
  }

  section#photos-single {
    padding: 0 0 0 0;
  }
  section#photos-single .block-designers {
    padding: 30px 0 20px 0;
  }
  section#photos-single .photo2 {
    margin: 15px 0 0 0;
  }
  section#photos-single .block-designers .content-designers {
    padding: 0;
  }
  section#photos-single .block-designers .photo-designer {
    float: left;
    margin: 15px 0 0 0;
  }

  section#banner-bottom-single {
    padding: 30px 0;
  }
  section#banner-bottom-single .photo {
    height: 250px;
  }

  section#nieuwsberichten h3 {
    margin-bottom: 30px;
  }

  /* Contact */
  section#contact-intro {
    padding: 40px 0;
  }
  section#contact-intro h1 {
    font-size: 32px;
  }
  section#contact-icons .contact-icon {
    margin-top: 30px;
    background-size: 45%;
  }
  section#contact-form {
    padding: 50px 20px;
  }

  /* SINGLE BLOG */
  section.single-blog {
    padding: 25px 0;
  }
  section.single-blog .background {
    padding: 20px 10px;
  }

  section#afbeeldingen .square-photo {
    margin: 10px 0 !important;
  }

  section#collage .column1,
  section#collage .column2,
  section#collage .column3 {
    padding: 0;
    margin: 0;
  }
  section#collage .column2 .cover-photo {
    height: unset;
    padding-bottom: 75%;
  }
  section#collage .cover-photo {
    margin: 0 0 20px 0 !important;
    height: unset;
  }

  section#slider-knoppen .knoppenslider-container .content h1 {
    font-size: 30px;
    margin-top: 0;
  }
  section#slider-knoppen .knoppenslider-container .content {
    justify-content: flex-end;
  }
  section#slider-knoppen .knoppenslider-container .content .buttons {
    /* margin-top: 30px; */
    /* margin-bottom: 40px; */
  }
  section#slider-knoppen .knoppenslider-container .content .buttons .btn {
    width: 100%;
    text-align: center;
  }

  .slick-dots {
    bottom: 1px !important;
  }

  /* PDF */
  #pdf-viewer .pdf-link {
    display: block;
  }
  #pdf-viewer .pdf {
    display: none;
  }
}

/*-----------------------------------------------------------------------------------*/
/*				 Landscape phones and down
/*-----------------------------------------------------------------------------------*/

@media screen and (max-width: 667px) and (orientation: landscape) {
}

/*-----------------------------------------------------------------------------------*/
/*				 Landscape phones and down
/*-----------------------------------------------------------------------------------*/

@media (max-width: 575px) {
  section#slider-knoppen
    .knoppenslider-container
    .knoppenslider-carousel
    .slide {
    height: 300px;
  }
  section#slider-knoppen .knoppenslider-container .content h1 {
    font-size: 22px;
  }
  section#slider-knoppen .knoppenslider-container .content .buttons .btn {
    font-size: 13px;
  }
}

@media (max-width: 480px) {
  section#portfolio .item {
    height: 420px;
  }
}

@media (max-width: 320px) {
  section#portfolio .item {
    height: 280px;
  }
}