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

@media screen and (min-width: 768px)
{
    
}    
    
/********************************************************/
/********************************************************/
/********************************************************/
/* ------------------ einde desktop ------------------- */
/********************************************************/
/********************************************************/
/********************************************************/


/********************************************************/
/********************************************************/
/********************************************************/
/* ------------------ tussen maat --------------------- */
/********************************************************/
/********************************************************/
/********************************************************/

@media screen and (max-width: 930px) 
{


}  

/********************************************************/
/********************************************************/
/********************************************************/
/* -------------- einde tussen maat ------------------- */
/********************************************************/
/********************************************************/
/********************************************************/


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

@media screen and (max-width: 768px) 
{

    #index_desktop { 
        display:none; 
    }

    #index_mobile { 
        display:none; 
    }
    
    
    #index_tablet { 
        display:block;
        float:left;
        clear:none;
        max-width :100%;
        height:auto;
        overflow:hidden; 
    }
    
    #block_1 { 
        display:block;
        float:left;
        clear:none;
        max-width : 100%;
        padding:10px 10px 5px 10px;
        height:auto;
        overflow:hidden; 
    }

    .block_test { 
        display:block;
        float:left;
        clear:none;
        width:calc(27.9% - 20px);
        padding: 5px 10px;
        height:auto;
        overflow:hidden;
    }

    .block_test2 { 
        display:block;
        float:left;
        clear:none;
        width:calc(72.1% - 20px);
        padding: 5px 10px;
        height:auto;
        overflow:hidden;
    }

    
}

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


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

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

    #index_desktop { 
        display:none; 
    }
    
    
    #index_tablet { 
        display:none; 
    }

    #index_mobile { 
        display:block;
        float:left;
        clear:none;
        max-width :100%;
        height:auto;
        overflow:hidden; 
    }
    
    .block_1 { 
        display:block;
        float:left;
        clear:none;
        max-width : 100%;
        padding:10px 10px 5px 10px;
        height:auto;
        overflow:hidden; 
    }

    .block_test { 
        display:block;
        float:left;
        clear:none;
        width:calc(50% - 20px);
        padding: 5px 10px;
        height:auto;
        overflow:hidden;
    }

    .block_test2 { 
        display:block;
        float:left;
        clear:none;
        width:calc(50% - 20px);
        padding: 5px 10px;
        height:auto;
        overflow:hidden;
    }

    
}

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