/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 

    body {
        width : 100%;
    }

    .navbar {
        border-radius: 0px;
        padding-right: 25px;
    }

    .navbar-brand{
        float: left;
    }

    .container{
        width : 440px;
        margin:auto;
    }      
    
    .menu-container{
        width: 440px;
        max-width: 440px;
        margin-left: auto;
        margin-right: auto;    
    }

    .klanten-container{
        width: 100%;
        max-width: 100%;
    }

    .map > .container {
        width: 100%;
        margin: 10px;
        padding-right: 0px;    
    }

    .prof > .container {
        width: 768px;
    }

    .klanten-container > .container {
        /*width: 748px;*/
        width: 480px;
        margin-left: auto;
        margin-right: auto;
    }    

    .info > .container {
        width: 728px;
    }

    .menu-container{
        width: 480px;
    }

    .hoofdmenu > .container {
        width: 480px;
        padding-left: 0px;
        padding-right: 0px;
        margin-left : 15%;
    }

    #footer-container {
        width : 100%;
    }

    .container > #profile-container {
        width:768px;
        margin : 0;
    }

    .header {
       text-align: left;
    }

    .mobile-show{ 
        display: none !important; 
    }

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

}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { 
 body {
    width : 100%;
}

.container{
    width : 480px;
    margin:auto;
}      

.menu-container{
    width: 480px;
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;    
}

.map > .container {
    width: 1000px;
}

.prof > .container {
    width: 768px;
}

   .klanten-container{
        width: 100%;
        max-width: 100%;
    }

.klanten-container > .container {
    /*width: 942px;*/
    width: 480px;
    margin-left: auto;
    margin-right: auto;
}

.info > .container {
    width: 90%;
}

.hoofdmenu > .container {
    width: 480px;
    padding-left: 0px;
    padding-right: 0px;
    margin-left : auto;        
}

#footer-container {
    width : 100%;
}

.container > #profile-container {
    width:768px;
    margin : 0;
}

}

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

    body {
        width : 100%;
    }

    .container{
        width : 480px;
        margin:auto;
    }     

    .menu-container, .klanten-container{
        width: 480px;
        max-width: 480px;
        margin-left: auto;
        margin-right: auto;    
    }

    .prof > .container {
        width: 768px;
    }

    .map > .container {
        width: 1200px;
    }

    .klanten-container{
        width: 100%;
        max-width: 100%;
    }

    .klanten-container > .container {
        /*width: 942px;*/
        width: 480px;
        margin-left: auto;
        margin-right: auto;
    }    

    .info > .container {
        width: 90%;
    }

    .hoofdmenu > .container {
       width: 480px;
       padding-left: 0px;
       padding-right: 0px;
       margin-left : 32%;        
    }

    #footer-container {
        width : 100%;
    }

    .container > #profile-container {
        width:768px;
        margin : 0;
    }

    .video{
        width : 75%;
    }

}