@media all and (max-width:960px) {

    #fotoBlokContent,
    #content > a,
    a.login,
    #content #rightcolumn{
        display: none;
    }

    .wrapper,
    #header,
    .wit.homepage ul,
    .tekst {
        width: 100%;
    }

    .hideOnMobile {
        display: none!important;
    }

    .mobileOnly {
        display: block!important;
    }

    #header{
        height: auto;
    }

    #wozBezwaarContainer > a {
        display: inline-block;
    }

    #fotoBlok {
        height: 160px;
    }

    #content .grijs.homepage .wrapper > *,
    #content .wit.homepage .wrapper > * {
        padding: 0 2%;
        width: 96%;
    }

    #intakeButtonContent{
        margin: 0;
        padding: 0;
    }

    #content .wrapper .mobileOnly.wit {
        background: #fff;
        display: inline-block !important;
    }

    #content .grijs.homepage,
    #content .wit.homepage {
        padding: 36px 0 0;
    }

    #content #mobileVideoContainer {
        display: inline-block;
        height: 52vw;
        max-height: 253px;
        padding: 0 2%;
        position: relative;
        top: 0;
        width: 43%;
    }

    #content .grijs.homepage .wrapper > *, #content .wit.homepage .wrapper > * {
        padding: 15px 1%;
        width: 46%;
    }

    h1{
        top: -52px;
    }

    #content .grijs.homepage .mobileOnly > h1 {
        color: #15365d;
        margin: 0;
        top: 0;
    }

    #titleBar {
        height: 60px;
    }

    #content > *, #content.fullscreen .grijs {
        padding: 0 3%;
        width: 94%;
    }

    #content.fullscreen .grijs.first, #content.fullscreen .wrapper.first {
        padding: 0 2% 30px;
    }

    h2.quickscan {
        display: inline-block;
        margin-top: 25px;
    }

    .iconLink {
        vertical-align: top;
    }

    .wit.homepage ul > li.iconLink {
        display: inline-block;
        width: 24%;
        margin: 0;
    }

    .iconLink img {
        display: block;
        float: none;
        margin: 0 auto;
    }

    .iconLinkTitle,
    .iconLinkSubTitle {
        display: block;
        text-align: center;
    }

    #footer {
        width: 96%;
        padding: 0 2%;
    }

    #navTrigger{
        display: block;
    }

    #menu1 > ul {
        display: none;
    }

    img.logo {
        position: relative;
        top: 0;
        margin: 14px 0;
        left: 10px;
        max-width: 50%;
    }

    #menu1 {
        float: none;
        height: auto;
        top: 31px;
        z-index: 200;
    }

    #menu1.active {
        border-bottom:  2px solid darkgray;
    }

    #menu1 ul {
        background: #fff;
        height: auto;
    }

    #menu1 ul li {
        float: none;
        height: auto;
        line-height: 0;
    }

    #menu1 ul li ul {
        position: relative;
        background: none;
        top: 0;
        width: 100%;
    }

    #menu1 li.level2 {
        display: block;
        height: auto;
        width: auto;
        padding: 0 0 0 15px;
    }

    #menu1 a.level2:link, #menu1 a.level2:visited {
        color: #15365d;
    }

    .leftColumn {
        width: 60%;
    }

    /*
    .leftColumn h1 {
        width: 100%
    }

    #rightcolumn {
        position: relative;
    }
    */

    .leftColumn {
        width: 98%;
        margin: 0 auto;
    }
    /*
    #content #rightcolumn {
        position: relative;
        margin: 0;
        top: 0;
        margin-top: 10px;
        width: 215px;
    }
    */

    #subMenu div {
        width: 27%;
    }

    #content .grijs.homepage .wrapper #mobileVideoContainer iframe {
        height: 24vw;
        margin-right: 30px;
        max-height: 253px;
        max-width: 450px;
    }

    #content .grijs.homepage .wrapper iframe, iframe.intakeform {
        border: medium none;
        float: left;
        height: 100%;
        max-height: 100%;
        max-width: 450px;
        position: relative;
        width: 100%;
    }

    #youtubeThumb {
        cursor: pointer;
        height: auto;
        left: 2%;
        max-height: 100%;
        max-width: 95%;
        position: absolute;
        top: 0;
        width: auto;
        z-index: 100;
    }

    table.redenenTabel tr td:nth-child(2n) {
        display: inline;
        float: left;
        margin-bottom: 15px;
        padding: 0;
        width: 80%;
    }

    table.redenenTabel tr td.redenImage {
        display: inline;
        float: left;
        padding: 0;
        width: 10vw;
    }

    table.redenenTabel tr td.redenImage img {
        max-width: 80%;
    }

    #content .wrapper.homepage h2 {
        color: #15365d;
        font-size: 25px;
        font-weight: normal;
        padding: 35px 0 55px;
        text-align: center;
        text-indent: 0;
    }

    #informationBlock {
        top: 20px;
    }

    #informationBlock h2 {
        color: white;
        font-size: 18px;
        margin-bottom: 10px;
        text-align: center;
    }

    #phoneNumber {
        right: 12px;
        font-size: 20px;
        top: 18px;
    }

    #content #homepageTekst .wit {
        margin-bottom: 10px;
        padding: 0 3%;
        width: 94%;
    }

    #content #homepageTekst .wit:last-child {
        margin: 0;
    }

    #content #homepageTekst .wit:first-child{
        margin: 0 0 20px;
    }

    #bekendVan {
        height: auto;
        padding-bottom: 30px;
    }

    #bekendVan p {
        line-height: 85px;
    }

    .bekendVanHeader {
        color: #15365d;
        display: block;
        font-size: 28px;
        font-weight: normal;
        line-height: normal;
        margin-top: 25px;
        text-align: center;
        width: 100%;
    }

    #bekendVan img {
        margin-left: 30px;
        position: relative;
        vertical-align: middle;
        top: 10px;
    }
}

@media all and (max-width:720px) {
    table, tbody, tr {
        display: inline-block;
        max-width: 100%;
        width: 100%;
    }

    .ui-datepicker-calendar, .ui-datepicker-calendar tbody, .ui-datepicker-calendar tr {
        display: revert !important;
    }
    table#berekenUwVoordeel td {
        float: left;
        width: 100%;
    }
}

@media all and (max-width:680px) {
    .wit.homepage ul > li.iconLink {
        width: 49%;
    }

    .terugButton {
        width: 34% !important;
        margin-right: 1% !important;
    }

    .terugButton .normal {
        width: 90% !important;
    }
    #wzc_popup{
        display: none;
    }


    #footer .leftcolumn,
    #footer .rightcolumn {
        margin-left: 0;
        width: 100%;
    }

    #footer .rightcolumn {
        margin-top: 20px;
    }

    #Contact table,
    #Contact table tbody,
    #Contact table tbody tr {
        width: 100%;
        max-width: 100%;
        display: inline-block;
    }



    .hideOnMobile640 {
        display: none!important;
    }

    .mobileOnly640 {
        display: block!important;
    }

    #socialmediaFooter {
        position: absolute;
        right: 10px;
        top: 27px;
    }

    #footerBtnContainer {
        margin-top: 0;
    }

    #footer #footerLinks {
        margin-top: 20px;
        padding: 0;
    }

    p#footerLinks a:link, p#footerLinks a:visited {
        color: #c6c6c6;
        display: inline-block;
        margin: 0;
        text-decoration: underline;
        width: 32%;
    }

    p#footerLinks a:last-child {
        margin: 0;
    }

    #footer > .wrapper {
        padding: 25px 0 15px;
        position: relative;
    }

    #footerBtnContainer {
        margin: 25px 0 35px 0;
    }

    #footerBtnContainer .button.wozBezwaar {
        margin: 0;
    }

    /* Intake formulier */
    #subMenu {
        display: none;
    }

    #intakeForm {
        padding: 15px 5%;
        width: 90%;
        border: none !important;
    }

    #intakeForm .field .fieldPart {
        display: inline-block;
        width: 100%;
    }

    #intakeForm .field.large {
        max-width: 100%;
    }

    #intakeForm .field {
        max-width: 274px;
        width: 100%;
    }

    #intakeForm #zoekadres {
        margin-top: 20px;
    }

    #intakeForm .field.small {
        margin-top: 5px;
    }

    #intakeForm .field.checkbox {
        height: auto;
    }

    #intakeForm .nextStep {
        font-size: 10px;
        max-width: 65%;
    }

    #intakeForm label.small {
        width: 40%;
    }

    #intakeForm input.normal{
        width: 55%;
    }

    #intakeForm select.normal {
        width: 58%;
    }

    table.redenenTabel tr td.redenImage {
        width: 16vw;
    }

    #content .grijs.homepage .wrapper > *,
    #content .wit.homepage .wrapper > * {
        padding: 15px 4%;
        width: 92%;
    }


    #content .grijs.homepage .wrapper #mobileVideoContainer.mobileOnly {
        padding: 0 0 0 4%;
    }

    #footer {
        padding: 0 3%;
        width: 94%;
    }

    #content #intakeButtonContent {
        padding: 0 1% 15px;
        width: 50%;
    }
}

@media all and (max-width:580px) {
    #content #mobileVideoContainer {
        display: inline-block;
        height: 54vw;
        max-height: 253px;
        position: relative;
        top: 0;
        width: 96%;
        padding: 0 2%;
        margin-bottom: 15px;
    }

    #content #intakeButtonContent{
        width: 96%;
    }

    #content .grijs.homepage .wrapper #mobileVideoContainer iframe {
        position: absolute;
        height: 51vw;
        left: 7vw;
    }

    #youtubeThumb {
        max-width: 100%;
        left: 7vw;
    }

    #content .grijs .wrapper {
        position: relative;
    }

    form#Contact td.col1,
    form#sponsor td.col1,
    form#reseller td.col1,
    form#beroepsBezwaar td.col1,
    form#belastingadviseurs td.col1,
    form#hypotheekadviseurs td.col1,
    form#samenwerking td.col1 {
        width: auto;
        margin: 0;
    }

    form#Contact td.col2 input[type="text"],
    form#sponsor td.col2 input[type="text"],
    form#reseller td.col2 input[type="text"],
    table#blogReacties input[type="text"],
    form#beroepsBezwaar td.col2 input[type="text"],
    form#belastingadviseurs td.col2 input[type="text"],
    form#samenwerking td.col2 input[type="text"],
    form#hypotheekadviseurs td.col2 input[type="text"],
    form#Contact td.col2 textarea,
    form#beroepsBezwaar td.col2 textarea {
        max-width: 75%;
    }

    form#Contact input[type="submit"],
    form#sponsor input[type="submit"],
    form#reseller input[type="submit"],
    form#beroepsBezwaar input[type="submit"],
    form#wozalerts input[type="submit"],
    form#belastingadviseurs input[type="submit"],
    form#hypotheekadviseurs input[type="submit"],
    form#samenwerking input[type="submit"] {
        left: 0;
    }

}

@media all and (max-width:560px) {

    #content .grijs.homepage .wrapper #mobileVideoContainer iframe {
        position: inherit;
        left: 4vw;
    }

    #youtubeThumb {
        left: 4vw;
    }

    form#Contact td.col2,
    form#Contact td.col2 input[type="text"],
    form#Contact td.col2 textarea{
        width: 100%;
        max-width:100%;
    }

    form#Contact td.col3{
        width: 0;
    }

}

@media all and (max-width:490px) {


    #content .grijs.homepage .wrapper #mobileVideoContainer iframe {
        position: inherit;
        left: 0;
    }

    #youtubeThumb {
        left: 2%;
        width: 96%;
    }

    #informationBlock ul li {
        font-size: 14px;
    }

}