@media only screen and (max-width: 1330px) {

    .itemcontent {
        width: 96% !important;
        padding: 0 2% 0 2%;
    }

    #troeven {
        font-size: 16px;
    }

    #menu ul li a {
        width: auto;
        padding: 30px 10px 30px 10px;
    }
}

@media only screen and (max-width: 880px) {

    #gravureFotoBlock #vergroting {
        -webkit-transform: rotate(-15deg); /* Chrome, Safari, Opera */
        -moz-transform: rotate(-15deg); /* Chrome, Safari, Opera */
        transform: rotate(-15deg);
    }

    #gravureFotoBlock h3 {
        font-size: 20px;
        width: 50%;
        line-height: 18px;
    }

    #IgnoforFotoBlock2 {
        width: 100%;
    }

    .prijs {
        display: block;
        width: auto;
        /* padding: 0px !important; */
        text-align: center;
    }

    .stepsblockitemnummer {
        width: 10%;
    }

    .stepsblockitemtext {
        width: 45%;
    }

    .stepsblock h2 {
        font-size: 25px;
        line-height: 25px;
    }

}

@media only screen and (max-width: 899px) {
    .tabelverticaal {
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        transform: scale(0.9);

        -webkit-transform-origin: left top;
        -moz-transform-origin: left top;
        transform-origin: left top;
    }

    .overzichtstabel td {
        min-width: 100px;
    }

    .overzichtstabel td.sm {
        min-width: 50px;
        max-width: 90px;
    }

    .overzichtstabel td.md {
        width: 150px;
    }

    .overzichtstabel td img {
        height: 30px;
        width: auto;
    }

    #taalSelectieMobiel {
        display: inline-block
    }

    #navigatiemobiel {
        display: block;
    }

    .mobile-only {
        display: block !important;
    }

    #troeven, #menu {
        display: none;
    }

    #contentinhoud {
        padding-top: 75px;
    }

    .werkingblock img {
        height: 125px;
    }

    .pull-left {
        float: none;
    }

    .hoofddealer {
        background-color: #f7f7f7;
    }

    .dealer {
        width: 100%;
        padding: 10px !important;
        margin: 0 0 20px 0 !important;
    }

    .span25,
    .span30,
    .span50,
    .span70,
    .span75,
    .span100,
    #contactbox,
    .col50,
    #contactformulier {
        width: 100%;
        padding: 10px 0px 10px 0px !important;
        margin: 0px;
    }

    #contactgegevens {
        width: 100%;
        margin-top: 25px;
        padding: 10px;
    }

    .span70 {
        margin-bottom: 25px;
    }

    .footerinhoudonder {
        font-size: 13px;
    }

    .doorlinkbox .smallscreenMargin {
        margin: 10px !important;
    }

    #impluviaFotoBlock {
        width: 100%;
    }

    .werkingAfbeeldingen3 img {
        width: 29%;
    }

    .werkingInbouwAfbeeldingen {
        text-align: center;
    }

    .werkingInbouwAfbeeldingen img {
        margin: 0 20px 40px 20px;
    }

    .footerinhoudboven, .footerinhoudonder {
        font-size: 15px !important;
    }

    #footer .itemcontent {
        width: 100%;
        padding-left: 1%;
        right: 1%;
    }

    #footer a, .footerinhoudonder a {
        font-size: 15px !important;
    }

    .footerinhoudboven .fa-ul {
        margin-left: 25px;
    }
}

@media only screen and (max-width: 700px) {
    .hide-tablet {
        display: none !important;
    }

    .hide-desktop {
        display: block !important;
    }
    #gravureFotoBlock {
        margin-top: 20px;
    }

    #gravureFotoBlock #vergroting {
        top: 16px;
    }

    .tabelverticaal {
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        transform: scale(0.9);
    }

}

@media only screen and (max-width: 600px) {
    .voetnoot-tekst {
        font-size: 12px;
    }
    .hide-mobile {
        display: none !important;
    }

    .hide-desktop {
        display: block !important;
    }

    .tableholder.sm {
        height: 440px;
        position: relative;
    }

    .tabelverticaal {
        -webkit-transform: scale(0.62);
        -moz-transform: scale(0.62);
        transform: scale(0.62);
    }

    .tableholder.md .overzichtstabel {
        -webkit-transform: scale(0.7);
        -moz-transform: scale(0.7);
        transform: scale(0.7);

        -webkit-transform-origin: left top;
        -moz-transform-origin: left top;
        transform-origin: left top;

        height: 600px;

    }

    .tableholder1.md {
        height: 800px;
    }

    .tableholder2.md {
        height: 650px;
    }

    .tableholder.sm .opmerkingtabel {
        position: absolute;
        bottom: -30px;
    }

    .centerBlock {
        width: 100%;
    }

    .begeleidendeschets {
        width: 100%;
    }

    .werkingAfbeeldingen img, .werkingAfbeeldingen div {
        max-width: 46%;
        width: 46%;
        margin: 0 1% 0 0 !important;
        text-align: center;
    }

    .werkingAfbeeldingen div {
        float: left;
    }

    .werkingAfbeeldingen div img {
        max-width: 100%;
        width: 100%;
    }

    .werkingblock img {
        width: 50%;
        /* max-width:200px; */
        height: auto;
        margin: 0px 25% 20px 25%;
        float: right;
    }

    .begeleidendefoto {
        width: 50%;
        margin: 0px 25% 20px 25%;
    }

    .begeleidendefoto img {
        width: 100%;
    }

    .werkingblock h2::before {
        content: none;
    }

    #footer {
        position: relative;
        height: auto;
        padding: 0px;
    }

    .footerinhoudboven, .footerinhoudboven * {
        position: relative;
        height: auto;
        padding: 0px;
        width: 100%;
    }

    #footer div {
        float: none;
        width: 100%;
    }

    .rechtBehouding {
        height: auto;
    }

    .footerinhoudboven div {
        padding: 10px 0 10px 0;
        border-bottom: 1px solid #999;
    }

    .footerinhoudboven div:last-child {
        border-bottom: 0;
    }

    .footerinhoudonder {
        height: auto;
    }

    .footerinhoudonder * {
        float: none;
        width: 100%;
    }

    #footer .inhoudboven {
        width: 96%;
        padding: 0 2% 0 2%;
    }

    .stepsblock h2 {
        padding: 0px;
    }

    .stepsblockitem, .stepsblock {
        width: 100%;
        display: block;
        background-image: none;
    }

    .stepsblock * {
        width: 100%;
        background-image: none;
        float: none;
    }

    .stepsblock img {
        width: 100%;
        height: auto;
    }

    .stepsblockitemimage {
        height: auto;
    }

    .stepsblockitemnummer {
        margin-top: 50px;
        height: 100px;
        width: 100%;
        text-align: center;
    }

    .stepsblockitem:before, .stepsLine {
        display: none;
    }

    #contentcontent {
        margin-top: 20px;
    }

    h1 {
        font-size: 32px;
        line-height: 35px;
        margin-bottom: 10px;
    }

    h2 {
        font-size: 30px;
        line-height: 30px;
        margin-bottom: 20px;
    }

    h3 {
        font-size: 15px;
        line-height: 15px;
        margin-bottom: 20px;
    }

    h3 span.kleiner {
        font-size: 14px;
        line-height: 14px;
    }

    .inleiding {
        margin-top: 25px;
    }

    #gravureFotoBlock {
        padding-top: 20px;
    }

    #gravureFotoBlock h3 {
        width: 60%;
        font-size: 20px;
        line-height: 18px;
    }

}

@media only screen and (max-width: 400px) {
    .tabelverticaal {
        -webkit-transform: scale(0.55);
        -ms-transform: scale(0.55);
        transform: scale(0.55);
    }

    .tableholder.md .overzichtstabel {

        -webkit-transform: scale(0.6);
        -ms-transform: scale(0.6);
        transform: scale(0.6);

        -webkit-transform-origin: left top;
        -ms-transform-origin: left top;
        transform-origin: left top;

        height: 600px;

    }

    .tableholder1.md {
        height: 700px;
    }

    .tableholder2.md {
        height: 580px;
    }

    .ignoforAfbeeldingen div {
        max-width: 45%;
        width: 45%;
    }

    .footerinhoudonder .separator {
        display: none !important;
    }

    .breadcrumbcontent {
        display: none;
    }

    /*
    #contentinhoud{
        padding-top:100px;
    }
    */
    .newLineSmallScreen {
        display: block;
        width: 100%;
    }

    .footerinhoudonder span {
        text-align: left;
    }

    #navigatiemobielcontrol {
        line-height: 57px;
    }

    #navigatiemobielcontrol img {
        max-height: 80%;
    }

    #gravureFotoBlock {
        padding-top: 20px;
    }

    #vergroting {
        -webkit-transform: rotate(-32deg);
        transform: rotate(-32deg);
    }
}

@media only screen and (max-width: 430px) {

}

@media only screen and (max-width: 390px) {
    .image {
        width: 100%;
    }
}

@media only screen and (max-width: 270px) {
    #navigatiemobiel img, #navigatiemobiel button, #navigatiemobiel .taalSelectieMobiel {
        float: none;
        clear: both;
    }

    #navigatiemobiel img {
        width: 100%;
        max-width: 100%;
    }

    #navigatiemobiel button, #navigatiemobiel .taalSelectieMobiel {
        margin-left: 20px;
        margin-right: 20px;
    }

    #navigatiemobielcontrol * {
        float: none;
        clear: both;
    }
}