/*--------
responsive
--------*/
@media screen and (min-width: 1001px) {
    #headercontainer .headersplit2{
        margin-top:15px;
    }
    .menucontainer i{
        font-size:1em;
    }
    .gebruikercontainer {
        display:block;
    }
    .menucontainer .ptitle{
        display:block;
    }
    .menucontainer .picon{
        font-size:1.1em;
    }
    .maincontainer{
        margin-top:175px!important;
    }
    .productfooter.large{
        display:block;
    }
    .productfooter.small{
        display:none;
    }
    .productlijstcontainer.large{
        display:block;
    }
    .productlijstcontainer.small{
        display:none;
    }
    .productbackgroundcontainer .col-3.flexed{
        width:33%;
    }
    #formulier2{
        width:47vw!important;
        margin:0!important;
    }
    .containerrow .name{
        font-size:16px;
    }
    button{
        padding:0.7em!important;
    }
    .scrollcontainer{
        height:65vh!important;
    }
}

@media screen and (max-width: 1000px) {
    #headercontainer .headersplit2{
        margin-top:0px;
    }
    .gebruikercontainer {
        display:none;
    }
    .menucontainer .ptitle{
        display:none;
    }
    .menucontainer .picon{
        font-size:2em;
        line-height:1em;
    }
    .underliner{
        display:block;
    }
    .maincontainer{
        margin-top:125px!important;
    }
    .menublockcontainer i {
        font-size: 100px!important;
        margin-left:25px;
    }
    .menublockcontainer .card-header{
        font-size: 25px;
    }
    .terreincontainer .col-3{
        width:100%;
    }
    .terreincontainer .col-6{
        width:100%;
    }
    .terreincontainer div:last-child{
        margin-top:10px;
    }
    h2{
        padding-top:0;
        margin-top:0;
    }
    #postcodecheck .col-4{
        width:100%;
    }
    #postcodecheck .formlabel{
        margin-bottom:0;
        padding-top:0;
        margin-top:10px;
        padding-right:0;
    }
    #postcodecheck input{
        margin-bottom:10px;
        padding: 0.7em 0;
    }
    #postcodecheck button{
        font-size:15px!important;
    }
    .productfooter.large{
        display:block;
    }
    .productfooter.small{
        display:none;
    }
    .productlijstcontainer.large{
        display:block;
    }
    .productlijstcontainer.small{
        display:none;
    }
    .productlijstcontainer.containerheader{
        padding:15px 25px;
    }
    .bestelknop{
        margin-top:0;
        padding:0;
        line-height:25px;
    }
    .productbackgroundcontainer .col-3.flexed{
        width:40%;
    }
    .productbackgroundcontainer{
        padding: 0;
    }
    #formulier2{
        width:100%;
        margin: 0 auto!important;
    }
    .containerrow .name{
        font-size:14px;
    }
    #formulier2{
        width:100%!important
    }
    .scrollcontainer{
        height:66vh!important;
        margin-top:0px;
    }
    .gegevenscontainer{
        max-width:unset!important;
        overflow:hidden;
    }
    .gegevenscontainer .footer{
        margin:0!important;
    }
    button{
        padding:0.8em!important;
    }
}
  
@media screen and (max-width: 800px) {
    .grid-container{
        padding:0.5em 0 0.5em!important;
    }
    .menucontainer .picon{
        line-height:unset;
        font-size:0.7em;
    }
    #headercontainer .headersplit{
        width:60%;
    }
    #headercontainer .headersplit2{
        width:40%;
    }
    #headercontainer .splitcontainer{
        display:flex;
    }
    .underliner{
        display:none;
    }
    .menucontainer i{
        font-size:3em;
    }
    .maincontainer{
        margin-top:75px!important;
    }
    .menublockcontainer i {
        font-size: 100px!important;
        margin-left:0px;
    }
    h2{
        font-size:25px;
    }
    #postcodecheck{
        padding:25px 15px!important;
    }
    #producten .overzichtcontainer{
        font-size:15px!important;
    }
    #postproducten .overzichtcontainer div{
        line-height: 25px;
    }
    .productfooter.large{
        display:none;
    }
    .productfooter.small{
        display:block!important;
    }
    .productlijstcontainer.large{
        display:none;
    }
    .productlijstcontainer.small{
        display:block;
    }
    .productlijstcontainer.containerheader{
        padding:15px 10px;
    }
    .bestelknop{
        width:100%!important;
    }
    .productbackgroundcontainer .col-3.flexed{
        width:100%;
        margin-top:10px;
    }
    .productbackgroundcontainer{
        padding: 0 18px;
    }
    #formulier2{
        margin: 0!important;
    }
    .productbackgroundcontainer{
        padding:10px 10px 0 10px!important;
        font-size:11px!important;
    }
    #formulier2{
        width:100%!important
    }
    #formulier2 .col-group{
        padding:0!important;
    }
    #formulier2 .label{
        font-size:20px!important;
    }
    #formulier2 input{
        font-size:16px!important;
    }
    #formulier2 label.label{
        font-size:10px!important;
    }
    .producthead{
        font-size:16px!important;
    }
    .invulfooter button{
        margin-bottom:5px;
        padding: 10px 15px!important;
    }
    .scrollcontainer{
        height:50vh!important;
        margin-top:5px;
    }
    #formulier2 .nodig{
        width:90%!important;
        margin-left:15px!important;
    }
    .gegevenscontainer b{
        font-size:20px;
    }
    .gegevenscontainer .download .col-12{
        font-size:11px!important;
        text-align:left!important;
    }
    .gegevenscontainer .footer{
        padding:0;
    }
    .gegevenscontainer .footer button{
        font-size:0.4em!important;
    }
    .gegevenscontainer .footer div{
        float:left;
    }
    .gegevenscontainer .footer .col-2{
        width:0;
    }
    .gegevenscontainer .footer .col-5{
        width:50%;
    }
    button{
        padding:0.6em!important;
    }
}
  
  
@media screen and (min-width: 601px) {
    .login-form{
        padding: 0 50px;
    }
    .login-form img{
        margin: 20px auto;
    }
}
  
@media screen and (max-width: 600px) {
    .menucontainer i{
        font-size:2.5em;
    }
    .formlabel{
        font-size:0.7em!important;
    }
    .login-form{
        margin-top:5vh;
        padding: 0 25px;
    }
    .login-form img{
        margin:0;
    }
    .login-form .k-textbox{
        font-size:70%!important;
    }
}