/* Smartphone landscape */
@media screen and (max-width: 767px) {
  .regio-select {
    padding: 10px 0 10px 20px;
    margin: 0;
    border: 0;
  }

  .province-select {
    padding: 10px 20px 10px 0;
    margin: 0;
    border: 0;
  }

  .province-regio-container {
    padding: 5px 0;
  }

  #provincie-menu {
    background: #E6077E !important;
  }

  #provincie-menu .container {
    width: 94%;
    padding-left: 3%;
    padding-right: 3%;
  }
}
@media screen and (max-width: 640px) {
  .regio-select h2 {
    font-size: 18px;
    margin-right: 15px;
  }

  .province-select h2 {
    font-size: 18px;
    margin-right: 15px;
  }
}
@media screen and (max-width: 540px) {
  .province-regio-container {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 10px 0;
  }

  .province-select {
    width: 100%;
    padding: 2px 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 5px;
  }

  .regio-select {
    width: 100%;
    padding: 2px 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .regio-select h2 {
    font-size: 16px;
    width: 100%;
    margin-bottom: 5px;
  }

  .province-select h2 {
    font-size: 16px;
    width: 100%;
    margin-bottom: 5px;
  }

  .province-regio-container select {
    max-width: 100%;
  }
}
@media screen and (min-width: 480px) and (max-width: 767px) {
  /* BASE */
  #container-content img {
    height: auto !important;
    width: 100% !important;
  }

  .testdiv {
    background-color: darkcyan;
  }

  .x-container {
    width: 100%;
    min-width: 480px;
  }

  .container {
    width: 88%;
    padding-left: 6%;
    padding-right: 6%;
  }

  .content-sub iframe {
    max-height: 250px !important;
  }

  #content-links {
    width: 100%;
    margin-right: 0px;
  }

  #content-rechts {
    width: 100%;
    margin-top: 10px;
  }

  #header {
    overflow: hidden;
    height: 420px;
  }

  #header.header-uitschuif {
    height: 570px;
  }

  iframe {
    width: 100%;
  }

  .evenement-detail h1 {
    width: 54%;
  }

  .logo {
    -webkit-filter: 0 !important;
    filter: 0 !important;
    top: 43px !important;
  }

  #stage {
    -webkit-filter: 0 !important;
    filter: 0 !important;
  }

  .nieuwsbrief-aanmelden-banner-btn {
    display: none;
  }

  .evenement-alert-container .default-form {
    width: 100%;
  }

  .file {
    width: 100%;
  }

  /* FOOTER */
  .footer-blok {
    width: 100% !important;
    margin: 30px 0 0 0 !important;
  }

  .footer-blok-margin {
    margin: 0 !important;
  }

  #copyright {
    text-align: center;
    width: 100%;
  }

  #menu-bottom {
    width: 100%;
    float: left !important;
    text-align: center;
    margin-top: 5px;
  }

  /* Zoeken */
  .search-form {
    display: none;
  }

  /* Menu */
  .horizontaal-nav {
    display: none;
  }

  /* Formulieren */
  .form-mod-item {
    width: 83% !important;
    padding: 10px 5% 5px 5% !important;
  }

  .form-mod-opmerking:hover .form-mod-opmerking-balloon {
    display: block !important;
  }

  .form-mod-opmerking {
    right: -53px !important;
  }

  .form-mod-right input[type=text], .form-mod-right textarea {
    width: 93%;
  }

  .form-mod-item-container-standaard input[type=text] {
    width: 86%;
  }

  .inputcaptcha {
    width: 80% !important;
  }

  .default-form select {
    width: 97% !important;
  }

  /* Banner */
  #banner-schaalbaar, #schuifblokcontainer {
    max-height: 320px !important;
  }

  #schuifblokcommentaarcontainer {
    display: none;
  }

  #schuifknoppen {
    bottom: inherit !important;
    top: 20px !important;
    right: 20px !important;
  }

  .pijl {
    display: none;
  }

  .schuifblok img:not(.woord-vrijetijd):not(.woord-krant) {
    max-height: 590px !important;
    margin-left: -10px;
    margin-top: -10px;
    width: 110% !important;
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
  }

  .woord-vrijetijd {
    width: 177px !important;
    height: 70px;
  }

  .woord-krant {
    width: 242px !important;
    height: 86px;
    margin-top: -32px !important;
  }

  /* Nieuws*/
  .nieuws-blok {
    width: 100%;
    height: auto !important;
    margin-right: 0px !important;
  }

  .nieuws-blok-titel, .nieuws-blok-datum, .nieuws-blok-bericht {
    width: 86% !important;
    padding-left: 7% !important;
    padding-right: 7% !important;
  }

  .nieuws-blok-second {
    margin-right: 0px !important;
  }

  .nieuws-volledigartikel-img {
    margin: 0px 0 20px 0 !important;
    float: left !important;
    width: 100%;
  }

  /* Projecten */
  .project-list-container, .project-list-no-margin {
    height: 440px !important;
    overflow: hidden;
  }

  .project-list-foto, .project-list-info {
    width: 100% !important;
  }

  .projecten-navigeren {
    width: 100% !important;
  }

  .vorig-project {
    margin-left: 0px !important;
  }

  .volgend-project {
    margin-left: 0px !important;
    float: right !important;
  }

  .project-content {
    position: relative;
    float: left;
    display: inline;
    width: 100%;
  }

  .fancybox-iframe {
    width: 280px !important;
    min-width: 100% !important;
  }

  /* Contact */
  .contactmaps-kaart {
    height: 280px !important;
  }

  #contact-links {
    width: 100% !important;
    margin: 0 0 25px 0 !important;
  }

  #contact-rechts {
    width: 88% !important;
    margin-right: 0% !important;
    padding: 25px 6% !important;
  }

  /* Sitemap */
  .sitemap-kolom {
    width: 100% !important;
  }

  /* Homepage */
  #stage {
    left: 50%;
    margin-left: -200px;
  }

  .banner-intro-container-title {
    width: 96%;
    margin: 0px;
    font-size: 27px !important;
    line-height: 34px;
    text-align: left !important;
    -webkit-filter: drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.51));
    filter: drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.51));
  }

  .banner-text-container {
    padding: 240px 30px 89px !important;
    background-color: rgba(0, 0, 0, 0);
  }

  .title-white-big {
    display: none;
  }

  .green-menu {
    width: 100%;
    padding-left: 0;
    margin-left: 0;
    height: 0;
  }

  .pink-triangle {
    left: 18%;
  }

  .provincie-shadow {
    display: none;
  }

  .provincie-links {
    width: 66%;
    margin-bottom: 20px;
  }

  .naam-fotograaf {
    margin-top: 0px;
  }

  .vrijetijdkrant-image {
    display: none;
  }

  .vrijetijdkrant-rechts {
    width: 100%;
  }

  .social-icon {
    margin-right: 11px;
  }

  .provincie-date {
    width: 100%;
    margin-bottom: 10px;
  }

  #provincie-menu .pink-triangle {
    display: none;
  }

  #copyright {
    width: 67%;
  }

  #mdh-container {
    width: 31%;
  }

  #provincie-menu {
    background: #bdc710 !important;
  }

  .tip-container {
    left: 17px;
  }

  .vrijetijdkrant {
    width: 50%;
    margin-right: 3%;
  }

  .product-banner {
    width: 100%;
    margin-right: 0%;
  }

  .product-banner:nth-child(2n) {
    margin-right: 0;
  }

  .image-product img {
    width: 100%;
  }

  .logo-product img {
    width: 100%;
  }

  .op-de-hoogte {
    width: 100%;
    margin-right: 0%;
  }

  .tips-nieuws {
    width: 100%;
  }

  .provincie-rechts {
    width: 100%;
  }

  .provincie {
    width: 100%;
    margin-right: 0%;
  }

  .provincie:nth-child(2n) {
    margin-right: 0;
  }

  .vrijetijdkrant {
    width: 100%;
  }

  #copyright {
    width: 100%;
  }

  #mdh-container {
    width: 100%;
    margin-top: 30px;
  }

  #mdh-container p {
    text-align: center;
  }

  .vrijetijdkrant-rechts .standaard-button {
    margin-top: 0;
  }

  .title-pink {
    font-size: 22px;
  }

  /* Regiopagina */
  .subpage #banner-intro-container {
    margin-left: -410px;
  }

  #bekijk-kaart-container {
    margin-top: 40px;
  }

  .subpage .vrijetijdkrant {
    width: 100%;
    height: auto;
    margin-right: 0;
  }

  #kaart-sub {
    width: 100%;
    margin-right: 0%;
  }

  .alarm-icon {
    right: -10px;
  }

  .pagina-nummer-container {
    width: auto;
  }

  .sorteer-op {
    display: none;
  }

  #sorteer-container select {
    width: 100%;
  }

  .subpage .product-banner:nth-child(2n+1) {
    margin-right: 0;
  }

  .subpage .product-banner:nth-child(2n) {
    margin-right: 6%;
  }

  .provincie-specs {
    display: none;
  }

  .regio-overzicht #bekijk-kaart-container {
    margin-top: 0;
  }

  .regio-overzicht .bekijk-kaart {
    margin-top: 0px;
    float: right;
  }

  /* Regiospecifiek */
  .top-right {
    margin-top: 0 !important;
  }

  .terug-naar-overzicht-laag {
    padding: 20px 0;
  }

  .evenement-detail #bekijk-kaart-container {
    margin-top: 0;
  }

  .evenement-detail .bekijk-kaart {
    margin-top: 10px;
    float: left;
  }

  #je-hebt-gezocht-op ul {
    width: 100%;
  }

  #pagina-filter {
    margin-bottom: 15px;
  }

  .gezocht-op {
    width: 100%;
    margin-bottom: 10px;
    margin-right: 6px;
  }

  #evenement-gegevens li {
    width: 49.5%;
    margin: 0 1% 0 0;
  }

  /* Mobiele zoekfunctie */
  .homepage #banner-intro-container {
    left: 0 !important;
    top: 0px !important;
    width: 100% !important;
    margin-left: 0 !important;
  }

  .subpage #banner-intro-container {
    left: 0 !important;
    top: 0px !important;
    width: 100% !important;
    margin-left: 0 !important;
  }

  .banner-text-container form {
    padding: 0 !important;
  }

  .banner-text-container input {
    width: 35%;
    font-size: 17px;
    line-height: 29px;
  }

  .banner-text-container span {
    float: none;
    font-size: 18px;
    margin-right: 19px;
    margin-left: 0;
  }

  .kilometer-input {
    float: left !important;
    width: 67px;
    margin-right: 0 !important;
  }

  #banner-intro-container input[type=submit] {
    margin-top: 20px;
  }

  .afstand {
    float: left !important;
    width: 40px !important;
  }

  .plaats {
    float: left !important;
    margin-right: 5% !important;
  }

  .type-zoekwoord-header {
    padding-left: 0;
    float: left !important;
    -webkit-filter: 0 !important;
    filter: 0 !important;
    -webkit-filter: drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.51));
    filter: drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.51));
  }

  .zoeken-header {
    float: left !important;
    width: 140px !important;
  }

  .kilometer-placeholder {
    float: right !important;
    margin-right: 0 !important;
  }

  .zoeken-submit-container {
    position: relative !important;
    float: left !important;
    width: 100% !important;
    margin-right: 0 !important;
  }

  .zoek-rij {
    position: relative !important;
    float: left !important;
    margin-bottom: 12px;
    width: 100%;
    margin-right: 0 !important;
  }

  .zoek-rij:last-child {
    margin-bottom: 0;
  }

  .geavanceerd-zoeken {
    padding: 17px 14px !important;
    font-size: 15px !important;
    top: 0px;
  }

  .uitklap-zoeken {
    position: relative !important;
    float: left !important;
    padding: 0px 0px 0px 0;
    margin-top: 20px;
    width: 100%;
    top: auto;
    left: auto;
    background: none;
  }

  .trefwoord {
    float: left !important;
    width: 52% !important;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-right: 0 !important;
  }

  #datepicker {
    float: right !important;
    margin-right: 0;
    width: 63%;
  }

  .uitschuif {
    z-index: 10 !important;
  }

  /* Krantenoverzicht */
  #filter-regio-container {
    float: left;
  }

  .krant-blok {
    width: 100%;
    margin-right: 0% !important;
  }

  .afbeelding-krant {
    width: 35%;
  }

  .krant-nummer, .oplage-aantal {
    width: 60%;
  }

  /*Banners*/
  #advertenties-fixed {
    max-width: 100%;
  }

  .partner-banner-container-klein {
    height: 133px !important;
  }

  .partner-banner-container-groot {
    height: 163px !important;
  }

  .image-product img {
    height: auto;
  }
}
@media screen and (min-width: 667px) and (max-width: 767px) {
  .partner-banner-container-klein {
    float: right;
    width: 47%;
    height: 88px;
  }

  .vrijetijdkrant {
    width: 50% !important;
    margin-right: 3%;
  }

  .product-banner {
    width: 32%;
    margin-right: 2%;
  }

  .product-banner:last-child {
    margin-right: 0;
  }

  .op-de-hoogte {
    width: 50%;
    margin-right: 3%;
    height: 297px;
  }

  .tips-nieuws {
    width: 47%;
    height: 297px;
  }

  .social-icon {
    margin-right: 6px;
  }

  .alarm-icon {
    z-index: 1;
  }

  .image-product img {
    width: 100%;
  }

  .logo-product img {
    width: 100%;
  }

  .footer-blok {
    width: 50% !important;
    height: 140px;
  }

  .product-banner:last-child {
    display: block;
  }

  .product-banner:nth-child(2n) {
    margin-right: 2%;
  }

  .partner-info {
    right: -8px;
  }

  .provincie:nth-of-type(odd) {
    margin-right: 8% !important;
  }

  .provincie:nth-of-type(even) {
    margin-right: 0 !important;
  }

  .regio-overzicht .provincie:nth-of-type(even) {
    margin-right: 8% !important;
  }

  .regio-overzicht .provincie:nth-of-type(odd) {
    margin-right: 0 !important;
  }

  .provincie {
    width: 46%;
    margin-right: 8% !important;
    min-height: 615px;
  }

  .provincie-links {
    width: 100%;
  }

  .geavanceerd-zoeken {
    float: left !important;
    padding: 9px 14px !important;
    font-size: 19px !important;
    top: 0px;
  }

  #banner-schaalbaar, #schuifblokcontainer {
    max-height: 400px !important;
  }

  #datepicker {
    width: 65%;
  }

  .schuifblok img {
    max-height: 590px !important;
  }

  /* Krantenoverzicht */
  .krant-blok {
    width: 47%;
    margin-right: 6% !important;
  }

  .krant-blok:nth-child(even) {
    margin-right: 0 !important;
  }

  .afbeelding-krant {
    display: none;
  }

  .krant-nummer, .oplage-aantal, .krant-btn-container {
    width: 100%;
  }

  /* Banners */
  .partner-banner-container-groot {
    width: 32%;
    height: 151px;
    margin-right: 2%;
  }

  .partner-banner-container-groot:last-child {
    margin-right: 0;
  }

  .product-banner {
    width: 100%;
    margin-right: 0%;
  }

  .product-banner:nth-child(2n) {
    margin-right: 0;
  }

  .partner-banner-container-klein {
    height: 89px !important;
  }

  #header {
    overflow: hidden;
  }
}