/* Responsive Media Queries
--------------------------- */

@media only screen and (min-width: 768px){
    
    
}


/* Smaller than standard 960 (devices and browsers) */
@media only screen and (min-width: 975px) {
    
    
    
       
       
       
}



/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (max-width: 974px) {


    /*header */
        header{
            height: 155px;
        }
        #header-wrapper {
            height: 125px;
            }

        #logo{
            margin: 8px 15px 0;
            width: 150px;
            }

            #breadcrumbbg-wrapper{
                top: 125px;
            }

        /* display mmenu*/
        .mobilenav-btn {
            display: block;
        }

        #mainnav-wrapper #mainnav {
            display: none;
        }


    /* Resize screen with */
    #layout-wrapper,
    #breadcrumb-wrapper,
    #footer-wrap {
        width: 100%;
        }
        
    #content-main{
        
        }
        
        /*CONTENT: HOME */
        #slider .citaat {
            width: 97%;
            }
        
        #wat-wij-doen .blokken {
            display: none;
            }
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {


    #content-left{
        display: none;
    }

    #content-main{
        width: 100%;
        float: left;
    }


    /* producten en nieuws */
    div.news-overview-image {
        width: 35%;
        }
    div.news-overview-content {
        width: 65%
        }
    
    
    /* FORM */
    .frm-group label,
    .frm-group input,
    .frm-group input[type],
    .frm-group textarea{        
        width: 98%;
    }
    
        
        /*CONTENT: HOME */
        
            /* HOME - projecten */
            
            

            
        


}

/* Mobile Sizes (devices and browser) */
@media only screen and (max-width: 480px) {
    

    /* header */
    header {
        height: 135px;
        }

    #breadcrumbbg-wrapper{
        display: none;
        }


    /*CONTENT: HOME */
        /* HOME- HEADER */
        #wat-wij-doen{
            background: none;
            height: auto;
            }
            #wat-wij-doen .block{
                border: 1px solid #625e5e;
                width: 98%;
                margin: 1%;
                height: auto;
                }

            header,
            #content-wrapper {
                margin: 0;
                }
            #slider{
                visibility: hidden;
                }
            #slider-btn,
            #wat-wij-doen .blokken,
            #wat-wij-doen .text,
            #wat-wij-doen .hijskraan{
                display: none;
                }

            /* Home - content */
            #content-main #producten,
            #content-main #info{
                margin: 1%;
                width: 98%;
                }


        /*CONTENT: HOME */

        /*CONTENT: PROJECTEN */
        #content-main .producten .product{
            width: 31%;
            margin: 0 2% 2% 0;
            }

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

    /*home*/
    #producten .product {
        width: 49% !important;
    }


    /* product details */
    #myModal{
        margin-left: -150px;
        width: 300px;
    }

        #myModal .left{
            float: left;
            width: 100%;
        }

        #myModal .right{
            float: left;
            width: 100%;
            margin-bottom: 10px;
        }


}