/*Slicknav menu*/
.slicknav_menu {display: none;}

/*Responsive*/

@media (max-width: 768px) {

    #content table {
        width: 100%!important;
    }

    header {
        width: 100%;
        background: #ffffff;
    }

    #innerheader {
        width: 100%;
        max-width: 960px;
    }

    #innermain {
        width: 94%;
        padding: 23px 22px 431px;
    }

    #logo {
        margin-top: 13px;
    }

    .slicknav_menu {
        display: block;
        position: absolute;
        width: 100%;
        top: 115px;
        z-index: 999;
        padding: 0!important; 
    }

    .slicknav_btn {
        background-color: transparent!important;
        text-shadow: none!important;
    }
    ul.slicknav_nav {
        padding: 1em;
    }
    
    nav#primarynavigatie {display: none;}

    #secondnav {
        width: 100%;
        margin-top: 74px;
        height: auto;
    }

        #secondnav li a {
            font-size: 12px;
        }

    .overlay {max-width: 243px;}
        .overlay h1 {font-size: 22px;}
        .overlay p {font-size: 14px;}

    #slideshow {width: 100%;}
    .slide .image {max-width: 641px; width: 100%;}

    #homebanners {
        background: url('../images/vdpvastgoed/bg-homebanners.jpg') repeat left top transparent;
        height: auto;
        width: 100%;
    }

        #homebanners span {width: 93%; height: 17px; font-size: 14px; padding: 8px 6px 10px 10px; margin-left: 0;}

    #inschrijven {
        float: left;
        margin-left: 2.5%;
        margin-top: -11px;
    }

    #inschrijven .homebtnbox {
        width: 26.45%;
        margin-right: 6.7%;
    }

        #inschrijven a {
            font-size: 14px;
            padding: 11px 2px 10px 10px;
            width: 100%;
        }

    #content {
        width: 100%;
    }

    #filter {
        display: inline-block;
        width: 23%;
    }

    #innermain .nieuwsbericht {
        
    }

    .nieuwsbericht .nieuwsImage {
        max-width: inherit!important;
    }

    #nieuwsObjecten {
        width: 100%;
    }

    #objecten .object {
        width: 46%;
        float:left; 
        display:inline-block;
        position: relative!important;
        -o-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -webkit-transform: none !important;
        transform: none !important;
    }

    #objecten .object.left {
        margin-right: 4%;
    }

    #objecten .object.left:nth-child(even) {
        left: 3%!important;
    }

    #objecten {
        width: 67%;
        margin-top: 1em;
        min-height: inherit;
    }

    .isotope-hidden {
        display: none!important;
    }

        #objecten .object .beschikbaar, #objecten .object .plaatsnaam {
            width: 100%;
        }

        #objecten #container {
            width: 100%;
        }

        #objecten .object .image {
            height: 154px;
            width: 100%;
        }

            #objecten .object .image img {
                width: 100%;
            }


    .inschrijfform {
        float: left;
        margin-bottom: 40px;
    }

    #innerfooter {
        max-width: 916px;
        width: 90%;
    }

    #contact #kaartcontactLvdp {
        width: 379px;
    }

    #contact form {
        width: 47%;
    }

    #contour .contourFieldSet div input.text {
        width: 93%!important;
    }

    #footerleft {width: 60%; display: inline-block;}
    #footerright {width: 40%; display: inline-block;}

    #innerfooter {
        padding: 13px;
    }

    #innerfooter p, #innerfooter a {font-size: 12px;}

    #contact form #contour.contact, #contour .contourFieldSet div textarea.text, #contour .contourFieldSet div input.text {
        width: 100%;
    }


}

@media (max-width: 767px) {
    
    #nieuwsObjecten {
        background-color: transparent!important;
        padding: 0!important;
        width: 100%!important;
    }
}


@media (max-width: 640px) {
    
    #homebanners span {
        height: 15px;
        font-size: 12px;
    }

    #holder-init, #container {
        width: 100%;
    }

    #kaartcontact {
        width: 50%;
    }

    #inschrijven .homebtnbox {
        width: 26.4%;
    }

    #objecten {
        width: 66%;
    }

        #objecten .object .image {
            height: 137px;
        }

            #objecten .object .image img, #fotoaside img {
                min-height: 137px;
            }
}

@media (max-width: 600px) {

    #homebanners a {
        margin: 2.3%;
        width: 23.9%;
    }

}

@media (max-width: 568px) {

    #innermain {
        width: 92%;
    }

    #homebanners a {
        margin: 2.1%;
        
    }

    #inschrijven {
        margin-top: -4px;
        margin-left: 2.2%;
    }

    #objecten {
        padding: 18px 18px 20px 20px;
        margin-left: 7px;
    }

    h1 {
        font-size: 16px;
    }
}

@media (max-width: 534px) {

    #innermain {
        padding: 23px 20px 431px;
    }

    #homebanners a {
        margin: 2%;
    }

    #homebanners span {
        height: 15px;
        font-size: 11px;
    }
}


@media (max-width: 480px) {

    .overlay h1 {
        margin-bottom: 20px;
    }

    .slide .image {
        left: 0;
        position: absolute;
    }

    #innermain {
        width: 91%;
        position: relative;
    }

    .overlay {
        max-width: 169px;
    }

    .slide .image {
        max-width: 715px;
    }

    #homebanners {width: 100%;}

    #homebanners a {
        width: 70%;
        margin: 22px auto;
        float: none;
        position: relative;
        z-index: 5;
    }

    #objecten .object.left:nth-child(even) {
        left: 0%!important;
    }

    #objecten .object .info {
        top: 79px;
    }

    .overlay p {
        font-size: 11px;
    }

    #homebanners span {height: 22px; font-size: 18px;}

    #inschrijven {
        margin-top: -11px;
    }

    #filter {
        width: 35%;
    }

    .option-set ul li {
        font-size: 12px;
    }

    #objecten {
        width: 51%;
        background-color: transparent!important;
        padding-top: 0;
        margin-top: 2px;
    }

        #objecten .object {
            width: 100%;
            height: 200px;
        }


    #objecten #container {
        width: 100%;
    }

    #nav a {
        width: 10px;
        height: 10px;
    }

    .print3012 #content img {
        margin-left: 50px;
        max-width: 100%;
        height: auto;
        width: 100%;
        margin-bottom: 10px;
    }

    #inschrijven {
        position: absolute;
        top: 617px;
        margin-left: 11%;
        z-index: 1;
    }

    .inschrijfform {
        width: 100%;
    }

    .inschrijfform .inschrijfbtn {
        width: 97%;
        margin-left: 2px;
    }

        #inschrijven a {
            width: 96%;
        }

        #inschrijven .homebtnbox {
            width: 69%;
            margin-right: 0px;
        }

            #inschrijven .homebtnbox:nth-of-type(2n) {
                margin-top: 195px;
            }

            #inschrijven .homebtnbox.last {
                margin-top: 195px;
            }

    #innerfooter {
        text-align: center;
    }

        #innerfooter p.pull-right {
            margin-top: 1em;
            float: none!important;
            display: inline-block;
        }

    #footerleft {
        width: 100%!important;
    }

    #footerright {
        width: 100%;
        clear: both;
        margin-top: 4em;
    }

    #kaartcontact, #kaartcontactLvdp {
        width: 100%!important;
        margin-top: 2em;
    }

    #fotoaside .object {
        width: 100%;
    }

    #fotoaside {
        padding: 11px;
        width: 93%;
    }

    #fotoaside .object .image {
        margin: 0 auto;
    }

    #nieuwsObjecten {
        width: 100%!important;
    }
    .nieuwsbericht, .vacature {
        width: 100%!important;
        margin: 1em 0!important;
    }
        .nieuwsbericht .nieuwsImage, .vacature .nieuwsImage {
            max-width: inherit!important;
        }

    #contour .contourNavigation {
        margin-left: 0;
    }

    #footerright ul li {
        float: none;
    }
}

@media (max-width: 414px) {


}

@media (min-width: 376px) and (max-width: 460px){


    #homebanners span {
        width: 71%;
    }

    #inschrijven .homebtnbox {
        width: 101%;
    }

        #inschrijven a {
            width: 93%;
        }

        #objecten .object .image {
            height: auto;
        }

        #objecten {
            padding: 0px 17px 17px 17px;
        }
}

@media (max-width: 375px) {

    h1 {
        font-size: 15px;
    }

    #inschrijven {
        margin-left: 10%;
    }

    #inschrijven .homebtnbox {
        width: 95.6%;
    }

    #inschrijven a {
        width: 100%;
    }


    #objecten {
        padding: 0px 17px 0px 17px;
    }
        #objecten .object {
            height: 208px;
        }

    #objecten .object .image img, #fotoaside img, #objecten .object .image {
        height: 119px;
        min-height: 119px;
    }

    #secondnav li a {
        padding: 8px;
    }

}

@media (max-width: 360px) {

    #homebanners span {
        background-position: -15px 0px;
    }

    #inschrijven .homebtnbox {
        width: 95%;
    }

    #secondnav li a {
        padding: 6px;
    }

    #contour .contourFieldSet div textarea.text, #contour .contourField textarea {
        width: 100%;
    }

}


@media (max-width: 320px) {

    #innermain {
        width: 90%;
        padding: 24px 15px 431px;
    }

    #homebanners span {height: 17px; font-size: 14px;}

    #objecten {
        width: 87%;
        padding: 20px 13px 20px 0px;
    }

    #objecten .object {
        width: 230px;
    }

    #objecten .object .image {
        width: 98%;
        height: 154px;
    }

    #filter {
        width: 100%;
    }

    .inschrijfform .inschrijfbtn {
        margin-left: 4px;
    }

    #inschrijven {
        margin-left: 9.5%;
        width: 71%;
    }

    #inschrijven a {
        width: 96.5%;
    }

    #inschrijven .homebtnbox {
        width: 98%;
    }

    #homebanners span {
        background-position: -41px -3px;
    }

    #fotoaside .object .image {
        width: 100%;
    }
}