@media screen and (min-width:420px){
    
    #container {
        width:473px;
        margin:0 auto;
    }
    
     #header .buttons {
        display:block;
        margin:0 auto;
        width:280px;
        float:none;
    }
    
    #header .supportbutton {
        float:right;
        margin-right:15px;
    }
    
    #header .logo {
        float:none;
        clear:both;
    }
    
     #header .navigation, #header .navigation li {
        width:473px;
     }
     
     .page #content .grootblok {
        width:451px;
        margin-bottom:0;
     }
      
     .page #content .blokken li {
        width:98%;
     }
     
     #content {
        width:471px;
     }
     
      #container .slider img, #container .slider li, #container .bx-viewport {
            height:163px !important;
            width:471px !important;
            margin-bottom:0;
      }
    
    #footer .footer_top .right {
        clear:both;
    }
    
    #content .grootblok .twitterfeed, #content .grootblok .twitterfeed .bx-viewport {
        display:block;
        width:400px !important;
        overflow:hidden;
    }
    
        #content .grootblok .twitterfeed #twitter {
            background-color:#efefef;
            padding:10px 20px;
            margin-top:20px;
        }
            #content .grootblok .twitterfeed #twitter li {
                overflow:hidden;
            }
        
        #content .grootblok .twitterfeed p {
            display:block;
            width:360px;
            text-align:left;
        }

        #content .grootblok .twitterfeed p a {
            color:#777;
        }
        
        #content .grootblok .twitterfeed .timePosted {
            clear:both;
            display:block;
        }
            #content .grootblok .twitterfeed .timePosted a {
                color:#777;
                text-decoration:none;
                color:#04baee;
            }
        
        .contact .form_text.bottom {
            clear:both;
        }
        
        .contact #contact_form label {
            width:150px;
        }
            .contact #contact_form label.error {
                width:100%;
                margin-bottom:10px;
            }
}

@media screen and (min-width:600px){
    
    #container {
        width:565px;
    }
    
    #content {
        width:563px;
    } 
    
    #header .buttons {
        float:right;
        width:280px;
    }
    
    #header .logo {
        position:absolute;
        top:20px;
        left:20px;
    }

    #header .navigation {
        width:565px;
        border:none;
        clear:both;
        margin-bottom:0;
        margin-left:5px;
    }
    
        #header .navigation ul {
            border:none;
            position:absolute;
            padding:15px;
        }
        
            #header .navigation li {
                float:left;
                width:auto;
                border:none;
                margin-left:0px;
                background-color:#f7f7f7;
                padding:8px;
            }
                #header .navigation li a {
                    color:#898989;
                }
            
                #header .navigation li ul {
                    background-color:#ffffff;
                    margin-left:-8px;
                    margin-top:12px !important;
                }
            
                    #header .navigation li ul a{
                        color:#FFFFFF;
                        text-align:left;   
                    }   
        
            #header .navigation li ul li a {
                background-color:#FFFFFF;
                text-align:left;
                margin:0;
                padding:5px 10px 5px 10px;
                color:#000;
            }
        
        #container .slider img, #container .slider li, #container .bx-viewport {
            height:194px !important;
            width:563px !important;
        }
                 
    #container .slider_pager .bx-pager {
        position:absolute;
        top:290px;
        z-index:99;
        width:100%;
        padding-top:20px;
    }
    #container .slider_pager .bx-pager.bx-default-pager a {
        border:0;
        background-color:#fff;
    }
        
    .home #content .blokken li {
        float:left;
        width:182px;
        border-right:1px solid #b2b2b2;
        margin-left:5px;
        margin-bottom:0;
    }
        .home #content .blokken li:last-child {
            border-right:none;
            margin-right:0;
            float:right;
        }
        .home #content .blokken .top img {
            margin-left:45px;
            width:90px;
        }
        
        .home #content .grootblok {
            padding:30px 10px;
        }
        .home #content .grootblok .text {
            width:290px;
            float:left;
        }
        
        #content .grootblok ul li {
            margin-left:35px;
        }
            
        .home #content .grootblok .twitterfeed {
            float:right;
            margin-top:-15px;
            width:215px;
            margin-right:15px;
        }
        
        .home #content .grootblok .twitterfeed, .home #content .grootblok .twitterfeed .bx-viewport {
            width:215px !important;
            height:300px !important;
        }
        .home #content .grootblok .twitterfeed p {
            width:175px;
        } 
        
    #footer .footer_top {
        font-size:0.7em;
    }
    
    #footer .footer_top .left {
        float:left;
        margin-left:25px;
        clear:none;
    }
        #footer .footer_top .left:first-child {
            margin-left:20px;
        }
    #footer .footer_top .right {
        float:right;
        margin-right:20px;
        clear:none;
    }
    
    .footer-line { display:block; float:left; clear:both; margin-left:20px; margin-top:55px; }
    .footer-lines { display:none; }
    .social-line { position:absolute; top:17px; right:20px; width:100px; line-height:21px; }
    .socialmedia { top:80px; right:35px; position:absolute;}
    
    #footer .footer_top .nieuwsbrief .field { width:85%; }
    #footer .footer_top .nieuwsbrief { width:100px; float:right; margin-top:-30px; }
    
    #footer .footer_bottom h3 {
        margin-top:10px;
    }
    
    #footer .footer_bottom p {
        float:right;
        margin-right:10px;
        font-size:0.9em;
        margin-top:15px;
    }
    
    .page #content .grootblok {
        width:543px;
        -webkit-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.3);
        margin-bottom:20px;
    }
    
    .page #content .blokken {
        margin:0 10px 30px 10px;
    }
    
    .page #content .grootblok .left {
        width:130px;
        margin-top:40px;
        margin-left:20px;
    }
    .page #content .grootblok .left img {
        float:left;
        width:130px;
        margin-left:0;
    }
    .page #content .grootblok .right {
        float:right;
        width:370px;
        margin-top:40px;
    }
        .page #content .grootblok .right h2 {
            font-size:1.4em;
            margin-left:10px;
        }
        .page #content .grootblok .right p {
            padding:0 20px;
        }
        
        .page #content .blokken li .blokken_list {
            clear:both;
            display:block;
            margin:5px 0 20px 0;
            float: left;
        }
        
        .page #content .blokken li p {
            clear:both;
        }
        
        .page #content .blokken li .blokken_list li {
            float:left;
        }
        .page #content .blokken li h4 {
            font-size:1.2em;
            margin:0;
            margin-bottom:10px;
        }
        
    .actueel #content .nieuws {
        padding:30px;
    }
    
    #footer .footer_top .nieuwsbrief a.button { font-weight:bold; width:auto; padding:12px; }
    
}

@media screen and (min-width:768px){
    
    #container {
        width:735px;
    }
    
    #content {
        width:733px;
    }
    
    #header .buttons {
        float:right;
        width:310px;
    }
    
    #header .mijnrexesbutton {
        margin-right:15px;
    }
    
    #header .supportbutton {
        float:right;
        margin-right:40px;
    }
    #header .logo {
        top:30px;
        left:40px;
    }
    #header .navigation  {
        margin-left:15px;
        width:725px;
        margin-bottom:20px;
    }
        #header .navigation li {
          margin-left:15px;
          padding:10px;  
        }
            #header .navigation li ul {
                margin-top:16px !important;
                margin-left:-11px;
                padding-left:0;
            }

    #container .slider img, #container .slider li, #container .bx-viewport {
        height:251px !important;
        width:733px !important;
    }        
        #container .slider_pager .bx-pager {
            top:338px;
        }
    
    .home #content .blokken li {
        width:239px;
        margin-left:2px;
    }
        .home #content .blokken li:last-child {
            float:right;
            margin-right:7px;
        
        }
        .home #content .blokken .top img {
            margin-left:70px;
            width:100px;
        }
    
    .home #content .grootblok .text {
        padding:10px 0;
        width:450px;
    }
    
        .page #content .grootblok {
            width:713px;
        }
            .page #content .grootblok .left {
                margin:45px 20px 0px 40px;
            }
                .page #content .grootblok .right {
                    width:480px;
                    margin-right:20px;
                }
                .page #content .grootblok .right h2 {
                    padding:0;  
                    margin:0 0 10px 0;
                }
                .page #content .grootblok .right p {
                    padding:0;
                    margin-right:24px;
                    overflow:auto;
                }
                
            #content .grootblok ul li {
                margin-left:15px;
            }
        
        .page #content .blokken {
            margin-left:30px;
        }
        .page #content .blokken li {
            width:200px;
            float:left;
            margin-right:25px;
        }
            .page #content .blokken li:last-child {
                margin-right:0;
            }
            .page #content .blokken li h4 {
                margin-left:0px;
            }
    
    #footer .footer_top {
        font-size:0.8em;
    }
        #footer .footer_top .right {
            width:160px;
        }
    
    #footer .footer_bottom h3{
        font-size:1.3em;
        margin-left:20px;
    }
    #footer .footer_bottom p {
        font-size:1em;
        margin-right:35px;
        width:110px;
    }
    
    .social-line { right:auto; width:120px; }
    .socialmedia { right:auto; }
    #footer .footer_top .nieuwsbrief { margin-top:-40px; }
    .footer-line { margin-top:53px; }
    
    .actueel #content .nieuws {
        padding:40px;
    }
    
     .contact .form_text.bottom {
        float:left;
        clear:none;
        margin:35px 0 0 20px;
     }
     
     #footer .footer_top .nieuwsbrief a.button { width:90px; }

}
@media screen and (min-width:1024px){
    
    #container {
        width:960px;
        margin: 0 auto;
    }
    
    #content {
        width:958px;
    }
    
    #header .logo {
        top:60px;
        left:30px;
    }
    
    #header .buttons {
        width:290px;
    }
    
    #header .supportbutton {
        margin-right:15px;
    } 
    #header .navigation {
        width:605px;
        float:right;
        margin:-10px 0 15px 0;
        padding:0;  
    }
    #header .navigation li {
        padding:10px;
        margin-left:0px;
    }    
        #header .navigation li ul {
            margin-left:-10px;
            padding-left:15px;
        }
    
        #container .slider img, #container .slider li, #container .bx-viewport {
            width:958px !important;
            height:328px !important;
        }
            #container .slider_pager .bx-pager {
                top:400px;
            }
    
    .home #content .blokken li {
        width:315px;
    }
        .home #content .blokken li:last-child {
            margin-right:0;
            float:right;
            padding:0;
        }
    .home #content .blokken .top img {
        margin-left:90px;
        width:130px;
    }
    
    .home #content .grootblok .text {
        width:600px;
        margin-left:15px;
    }
    .home #content .grootblok .twitterfeed {
        width:270px;
        margin-right:30px;
        margin-top:-10px;
    }
    
    .home #content .grootblok .twitterfeed, .home #content .grootblok .twitterfeed .bx-viewport {
        width:270px !important;
        height:270px !important;
    }
    .home #content .grootblok .twitterfeed p {
        width:230px;
    } 
    
    #footer .footer_top {
        padding:25px 0 20px 0;
    }
        #footer .footer_top .left:first-child  {
            margin-left:40px;
        }
        #footer .footer_top .left  {
            margin-left:40px;
        }
        
        #footer .footer_top .right {
            border-left:1px solid #FFFFFF;
            padding-left:35px;
            width:267px;
        }
            #footer .footer_top .right .socialmedia {
                margin-right:25px;
                margin-top:-35px;
                float:right;
            }

        #footer .footer_bottom h3 {
            margin-left:35px;
        }
        #footer .footer_bottom p {
            margin-right:20px;
            font-size:0.8em;
        }
        
        .social-line { width:300px; font-size:1.1em; margin-top:-2px; }
        .socialmedia { top:95px; }
        #footer .footer_top .nieuwsbrief { border-left:0; margin-top:-28px; font-size:1.1em; }
        .footer-line { margin-top:20px; margin-left:38px; font-size:1.1em; }
        #footer .footer_top .nieuwsbrief .email { float:left !important; width:143px; }
        #footer .footer_top .nieuwsbrief .name { float:left; width:143px; }
        #footer .footer_top .nieuwsbrief .button { float:left !important; padding:7px; margin-top:0px; width:95px !important; }
        
        .not_found #content {
            padding:30px 40px 0;
            width:auto;
        } 
        
        .page #content .grootblok, .page #content .blokken {
            width:938px;
        }
        
        .page #content .grootblok .left {
            margin:40px 0 0 65px;
        }
        .page #content .grootblok .right {
            width:650px;
            margin-right:60px;
            margin-left:10px;
        }
            .page #content .grootblok .right h2 {
                float:left;
                margin:0;
                padding:0;
                margin-bottom:20px;
                font-size:2em;
            }
            .page #content .grootblok .right p {
                float:left;
                margin:0;
                line-height:1.5em;
                margin-bottom:30px;
            }
            
            .page #content .blokken {
                margin:0 0 60px;
                padding:0;
                margin-left:15px;
            }
            
            .page #content .blokken li {
                width:245px;
                margin-left:5px;
                margin-right:35px;
            }
                .page #content .blokken li:first-child {
                    margin-left:50px;
                }
                .page #content .blokken li:last-child {
                    margin-right:20px;
                    margin-left:10px;
                }
            .page #content .blokken li h4 {
                margin:0;
                padding:0;
                margin-bottom:15px;
                font-size:1em;
            }
            .page #content .blokken li p {
                font-size:1em;
            }
            .page #content .blokken li .blokken_list {
                margin-left:16px;
            }
            .page #content .blokken li .blokken_list:last-child {
                padding:0;
            }
            
            .contact .form_text.bottom {
                float:left;
                clear:none;
                margin:35px 0 0 50px;
            }
            
            .contact #contact_form input, .contact #contact_form textarea {
                width:350px;
            }
            
            input.button {
                width:100px !important;
            }
    }