/*Phone display's*/
@media screen and (max-width: 635px) {
    html {
        -ms-touch-action: manipulation;
        touch-action: manipulation;
    }
    body {
        min-width: 0;
    }
    .blokcontainer .blok {
        float: none;
        height: auto;
        margin: 30px 0 0 0;
        max-width: 100%;
    }
    .blok.blok-groot {
        display: block;
        max-width: 100%;
        padding-bottom: 65px;
    }
    .blok.blok-groot ul {
        display: flex;
    }
    .blok.blok-groot li {
        padding-right: 20px;
    }
    .blok.blok-groot .veld.tekstveld {
        width: 96%;
    }
    .blok.blok-groot .veld.invulvelden {
        max-width: 97%;
        width: 100%;
    }
    .blok.blok-groot .versturen {
        clear: both;
        float: left;
    }
    .defaultcontainer {
        max-width: 100%;
        width: inherit;
    }
    .defaultcontainer .kolomcontent {
        max-width: 600px;
        width: 100%;
    }
    .defaultcontainer .contactlist {
        display: none;
    }
    .footermenu-kolom {
        width: 182px;
    }
    .footermenu-kolom.footermenu-kolom-noheader {
        margin-right: 0;
        width: 120px;
    }
    .footermenu-kolom.kaart {
        width: auto ;
    }
    .header .logo {
        height: auto;
        margin-right: 20px;
        width: 230px;
    }
    .header .logo img {
        height: auto;
        width: 230px;
    }
    .kolomcontent img.topfoto {
        max-width: 100% !important;
        height: auto !important;
    }
    .kolomcontent .contact-kaart {
        max-width: 100%;
    }
    .kolomcontent .content.frontpage {
        padding-right: 0;
    }
    .kolomcontent .content {
        padding-right: 0;
    }
    .kolomcontent .content img {
        max-width: 100%;
        height: auto !important;
    }
    .kolomcontent .content.vervolgpagina p.intro {
        padding-right: 0;
    }
    .kolomcontent .content.vervolgpagina h1 {
        padding-right: 0;
    }
    .kolomrechts {
        float: left;
        max-width: 960px;
        width: 100%;
    }
    .kolomrechts .blok {
        height: auto;
        max-width: 100%;
    }
    .menu-button {
        display: inline-block;
    }
    .navtop {
        display: none;
    }
    .navlist {
        clear: both;
        display: none;
        float: none;
    }
    .navlist ul {
        display: block;
        line-height: 50px;
        width: 100%;
    }
    .navlist ul li {
        -webkit-touch-callout: none;                /* prevent callout to copy image, etc when tap to hold */
        -webkit-text-size-adjust: none;             /* prevent webkit from resizing text to fit */
        -webkit-tap-highlight-color: rgba(0,0,0,0); /* make transparent link selection, adjust last value opacity 0 to 1.0 */
        -webkit-user-select: none;                 /* prevent copy paste, to allow, change 'none' to 'text' */
        border: none;
        border-top: 1px solid #e8e8e8;
        display: block;
        float: none;
        margin-left: 0;
        width: 100%;
    }
    .navlist > ul > li:first-of-type {
        border-top: 2px solid #e8e8e8;
    }
    .navlist > ul > li:last-of-type {
        padding-bottom: 5px;
    }
    .navlist ul li a {
        display: block;
        padding-bottom: 0;
    }
    .navlist ul li:hover a {
        background-image: none;
    }
    .navlist ul li.haschilds > a {
        background-image: url(/img/arrow-down.png);
        background-position: 98%;
        background-repeat: no-repeat;
    }
    .navlist ul li.haschilds.opened > a {
        background-image: url(/img/arrow-up.png);
    }
    .navlist ul li ul {
        border: none;
        line-height: 50px;
        padding: 0;
        position: relative;
        margin-top: 0;
        width: 100%;
    }
    .navlist ul li:hover ul {
        display: none;
    }
    .navlist ul li ul li a {
        background-color: #f6f5f5;
    }
    .footerlogos .footerlogos-kolom.logos {
        padding-right: 0;
    }
}


@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (min-width: 635px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (min-width: 635px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (min-width: 635px),
only screen and (        min-device-pixel-ratio: 2)      and (min-width: 635px),
only screen and (                min-resolution: 192dpi) and (min-width: 635px),
only screen and (                min-resolution: 2dppx)  and (min-width: 635px) {

}

@media screen and (max-width: 596px) {
    .footermenu-kolom.footermenu-kolom-noheader {
        padding-top: 0;
    }
    .footermenu-kolom {
        margin-bottom: 0;
    }
}


@media screen and (max-width: 575px) {
    .kolomcontent .contact-kaart .route {
        float: left;
        margin-top: 0;
        padding-left: 20px;
    }
}

@media screen and (max-width: 559px) {
    .blok.blok-groot .veld.invulvelden {
        max-width: 97%;
        width: 100%;
    }

	.footerbottom .author {
		float: none;
	}
}

@media screen and (max-width: 489px) {
    .footerlogos .footerlogos-kolom.logos li {
        clear: both;
    }
}

@media screen and (max-width: 476px) {
    .footermenu .defaultcontainer {
        padding-top: 21px;
    }
    .footermenu-kolom.footermenu-kolom-noheader {
        padding-top: 41px;
    }
    .footermenu-kolom {
        width: 100%;
    }
    .footermenu-kolom h3 {
        margin-bottom: 15px;
    }
    .footermenu-kolom .no-link {
        display: none;
    }
    .footermenu-kolom .werkgebied {
        margin-bottom: 0;
    }
    .footermenu-kolom.footermenu-kolom-noheader {
        width: 100%;
        padding-top: 0;
    }
    .footermenu-kolom li {
        float: left;
        padding-right: 15px;
    }
}

@media screen and (max-width: 419px) {
    .blok.blok-groot .faq ul{
        display: block;
    }
}

@media screen and (max-width: 406px) {
    .kolomcontent .contact-kaart .with-link {
        margin-top: 0;
    }
}

@media screen and (max-width: 404px) {
    .contact-kaart p.no-bot {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 381px) {
    .footerlogos .footerlogos-kolom.logos p {
        display: none;
    }
    .footerlogos .footerlogos-kolom.logos ul {
        height: 45px;
        margin-bottom: 32px;
        width: 100%;
    }
    .footerlogos .footerlogos-kolom.logos {
        min-width: 100%;
    }
    .footerlogos .footerlogos-kolom.logos li {
        padding-bottom: 0;
        margin-right: 0;
        margin-left: 0;
        text-align: center;
        width: 25%;
    }
    .footerlogos .footerlogos-kolom.contact {
        clear: both;
    }
    .footerlogos .footerlogos-kolom.logos .last-pic {
        margin-right: 0;
    }
    .footerlogos .footerlogos-kolom.logos li img {
        float: none;
    }
    .footerlogos .footerlogos-kolom.logos li {
        clear: none;
    }
}

@media screen and (max-width: 376px) {
    .footermenu-kolom.footermenu-kolom-noheader {
        padding-top: 0;
    }
    .footermenu-kolom.kaart img {
        border-left: none;
        border-right: none;
        border-top: none;
        width: 100%;
    }
}