/* Extra large devices (large desktops, 1200px and up) */
@media (max-width: 1200px) {

    .homebanner .textcontainer h1{ font-size:2.7rem; line-height: 2.7rem; }
    
    #footer h3{ font-size:1.4rem; }
    
}

/* Large devices (desktops, 992px and up) */
@media (max-width: 992px) {
   
    #mobilenavbutton{ display:inline-block; }
    #mobilenav ul li a{ font-size: 1.7rem; }
    .navigation{ display:none; }

    .homebanner{ background-size:100% 95%; background-position: center bottom 30px; }
    .homebanner .textcontainer{ padding-bottom: 60px; }
    .homebanner .textcontainer h1{ font-size:2.2rem; line-height: 2.2rem; }
    .homebanner .textcontainer p{ font-size:1.2rem; line-height: 1.2rem; margin-bottom: 0;}
    .homeoverons{ padding-top:30%; }
    .homenieuws{ background-size: 100% 20%; }
    
    #pagewrapper #header{ margin-top:20px; margin-bottom:20px;}
    
    .dienstenbgcontainer .container .block a{ padding:25px 25px; }
    .dienstenbgcontainer .container .block a .txtbox{ padding-left:20px;}
    .dienstenbgcontainer .container .block a .txtbox h2{ font-size:1.2rem; }
    
    .clientzonehome .container:first-child { padding-top:10px; }
    .clientzonehome .container:first-child .col:first-child .blockusername{ padding-bottom:5px; margin-bottom:10px; }
    .clientzonehome .container:first-child .col:first-child .blockusername h4{ display: inline-block; margin-right: 10px; }
    .clientzonehome .container:first-child .col:first-child .blockcategories{ padding-bottom:10px; }
    .clientzonehome .container:first-child .col:first-child .blockcategories a{ display: inline-block; }
    .clientzonehome .container:first-child .col:first-child .blockorderform{ border-bottom: 1px solid #d1d0e3; padding-bottom:10px; }
    .clientzonehome .container:first-child .col:first-child .blockorderform a{ display: inline-block; }
    .clientzonehome .container:first-child .col:nth-child(2){ margin-top:20px; border-left:none; }
    .clientzonehome .container:first-child .col:nth-child(2) h6{ display: inline-block; margin-right: 10px; }
    .clientzonehome .container:first-child .col:nth-child(2) h2{ display: inline-block; margin-bottom:10px; }
    
    .clientzoneforgotpassword .container .row .siteform input.textbox{ width:100%; }
        
    #prefooter img{ width: 250px; bottom: -28px; }
    #footer h3{ font-size:1.2rem !important; }

}


/* Medium devices (tablets, 768px and up)*/
@media (max-width: 768px) {
    
    #mobilenav ul li a{ font-size: 1.4rem; }
    
    .homebanner{ background-position: center bottom; }
    .homebanner .textcontainer { padding-bottom:40px; padding-top:20px; }
    .homeoverons{ background-size:105%; }
    .homewatdoenwe .block{ margin-bottom:0px; }
    .homewatdoenwe .row:last-child{ margin-top:20px; }
    
    .overonssecondrowpre{ margin-bottom: -80px; }
    .overonsfourthrow .cta h3{ font-size:2.4rem; line-height: 2.6rem; }
    
    #pagewrapper.contact #thecontentbox .contactrow .container .row .col:first-child{ border-right:none; }
    
    .clientzonelogin .col:nth-child(2){ margin-top:55px; }
        
    #prefooter{ background-size: 100% 100%; }
    #prefooter img{ width: 200px; bottom: -22px; }
    #footer .col:first-child img{ width:40% !important; }
    #footer .col:nth-child(2){ margin-top:20px !important; }
    #footer .col:nth-child(2) h3{ font-size:1.4rem !important; }
}

/* Small devices (landscape phones, 576px and up)*/
@media (max-width: 576px) {
    
     .hideformobile{ display: none; }
     .showformobileonly{ display: block; }
    
     h1{ font-size:2rem; line-height: 2rem; }
     h2{ font-size:2rem; line-height: 2rem; }
     h3{ font-size:1.7rem; line-height: 1.7rem; }
    
    .preheader .container .row .col, .preheader .container .row .col a, .preheader .container .row .col a i{ font-size:0.7rem; }
    .homebanner .textcontainer { padding-bottom:30px; }
    .homebanner .textcontainer h1{ font-size:2rem; line-height: 2rem; }
    .homeoverons{ padding-top:45%; }
    
    .overonsfirstrow .container .row .col:first-child{ padding-left:15px; padding-right:15px; }
    .overonsfirstrow .container .row .col:last-child{ padding-left:15px; padding-right: 15px; }
    .overonssecondrowpre{ margin-bottom: -40px; }
    
    .clientzonehome #frmorder .productcontainer .productcontainercol{ padding-bottom:5px; }
    .clientzonehome #frmorder .productcontainer .productcontainercol .listbox{ width:100%; }
    .clientzonehome #frmorder .productcontainer{ margin-bottom: 20px; }
    
    .clientzonehome .container .row .col:first-child .blockcategories a{ padding-top:6px; padding-bottom:4px; }
    .clientzonehome .container .row .col:first-child .blockorderform a{ padding-top:6px; padding-bottom:4px; }
    
    #footer .col:first-child img{ width:200px; }
    
}