/********************************************************/
/********************************************************/
/********************************************************/
/* --------------------- desktop ----------------------- */
/********************************************************/
/********************************************************/
/********************************************************/

@media screen and (min-width: 480px)
{

    #index_desktop { 
        display:block;
        float:left;
        clear:none;
        width : 1024px;
        height:auto;
        overflow:hidden; 
        margin-top:10px;
    }

    #index_tablet { 
        display:none; 
    }

    #index_mobile { 
        display:none; 
    }
    
    #block_1 { 
        display:block;
        float:left;
        clear:none;
        width :497px;
        height:300px;
        margin-bottom:10px;
        padding:0 5px 0 10px;
    }
    
    #block_2 { 
        display:block;
        float:right;
        clear:none;
        width :497px;
        height:300px;
        margin-bottom:10px;
        padding:0 10px 0 5px;
    }
    
    #block_3 { 
        display:block;
        float:left;
        clear:none;
        width :1004px;
        height:300px;
        margin-bottom:10px;
        padding:0 10px;
        overflow:hidden; 
    }

    #block_4 { 
        display:block;
        float:left;
        clear:none;
        width :497px;
        height:300px;
        margin-bottom:10px;
        padding:0 5px 0 10px;
    }
    
    #block_5 { 
        display:block;
        float:right;
        clear:none;
        width :497px;
        height:300px;
        margin-bottom:10px;
        padding:0 10px 0 5px;
    }
    
}    

/********************************************************/
/********************************************************/
/********************************************************/
/* ------------------ einde desktop ------------------- */
/********************************************************/
/********************************************************/
/********************************************************/


/********************************************************/
/********************************************************/
/********************************************************/
/* --------------------- tablet ----------------------- */
/********************************************************/
/********************************************************/
/********************************************************/

@media screen and (min-width: 480px) and (max-width: 1023px) 
{
    #index_desktop { 
        display:block;
        float:left;
        clear:none;
        width : 100%;
        max-width:768px;
        height:auto;
        overflow:hidden; 
        margin-top:10px;
    }

    #index_tablet { 
        display:none; 
    }

    #index_mobile { 
        display:none; 
    }
    
    #block_1 { 
        display:block;
        float:left;
        clear:none;
        width :47%;
        height:auto;
        margin-bottom:10px;
        padding:0 1%;
    }
    
    #block_2 { 
        display:block;
        float:right;
        clear:none;
        width :47%;
        height:auto;
        margin-bottom:10px;
        padding:0 1%;
    }
    
    #block_3 { 
        display:block;
        float:left;
        clear:none;
        width :98%;
        height:auto;
        margin-bottom:10px;
        padding:0 1%;
        overflow:hidden; 
    }

    #block_4 { 
        display:block;
        float:left;
        clear:none;
        width :47%;
        height:auto;
        margin-bottom:10px;
        padding:0 1%;
    }
    
    #block_5 { 
        display:block;
        float:right;
        clear:none;
        width :47%;
        height:auto;
        margin-bottom:10px;
        padding:0 1%;
    }

}

/********************************************************/
/********************************************************/
/********************************************************/
/* ------------------ einde tablet -------------------- */
/********************************************************/
/********************************************************/
/********************************************************/


/********************************************************/
/********************************************************/
/********************************************************/
/* --------------------- mobile ----------------------- */
/********************************************************/
/********************************************************/
/********************************************************/

@media screen and (min-width: 320px) and (max-width: 479px)
{
    #index_desktop { 
        display:block;
        float:left;
        clear:none;
        width : 100%;
        max-width:768px;
        height:auto;
        overflow:hidden; 
        margin-top:10px;
    }

    #block_1 { 
        display:block;
        float:left;
        clear:none;
        width :96%;
        height:auto;
        margin-bottom:10px;
        padding:0 2%;
    }
    
    #block_2 { 
        display:block;
        float:right;
        clear:none;
        width :96%;
        height:auto;
        margin-bottom:10px;
        padding:0 2%;
    }
    
    #block_3 { 
        display:block;
        float:left;
        clear:none;
        width :96%;
        height:auto;
        margin-bottom:10px;
        padding:0 2%;
        overflow:hidden; 
    }

    #block_4 { 
        display:block;
        float:left;
        clear:none;
        width :96%;
        height:auto;
        margin-bottom:10px;
        padding:0 2%;
    }
    
    #block_5 { 
        display:block;
        float:right;
        clear:none;
        width :96%;
        height:auto;
        margin-bottom:10px;
        padding:0 2%;
    }

    
}

/********************************************************/
/********************************************************/
/********************************************************/
/* ------------------ einde mobiel -------------------- */
/********************************************************/
/********************************************************/
/********************************************************/