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

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

    #header_mobile_top_container {
        display:none;
    }

    #header_container_mobile {
        display:none;
    }

    #header_container {
        display:block;
        float:left;
        width:100%;
        height:auto;
        background-image:url('/customized/img/bg_top.jpg');
        background-position:top left;        
        background-repeat:repeat-x;
        overflow:visible;
    }

    #header {
        display:block;
        margin:0 auto;
        clear:both;
        width:1024px; 
        height:210px;
        overflow:visible;
    }

    #header_top {
        display:block;
        float:left;
        width : 1024px; 
        height:38px;
    }

    #inloggen_kop a{
        display:block;
        float:right;
        clear:none;
        width:70px;
        height:15px;
        margin-top:11px;
        text-align:center;
        color: #ffffff;
    }
    
    .mijnaccount {
        display:block;
        float:right;
        position:relative;
        clear:none;
        width:100px;
        height:15px;
        margin-top:11px;
        text-align:center;
    }

    .mijnaccount a{
        color:#ffffff;
    }
    
    #shopping_bag_box {
        display:block;
        float:right;
        clear:none;
        width :160px; 
        height:28px;
        margin:8px 10px 0 0;
        color: #ffffff;
    }

    #shopping_bag_image{
        display:block;
        float:right;
        clear:none;
        width :20px; 
        height:22px;
        text-align:left;
    }

    #shopping_bag_aantal {
        display:block;
        float:right;
        clear:none;
        width :auto; 
        height:22px;
        margin-top:3px;
        text-align:right;
        color: #ffffff;
    }
    
    #logo_box{
        display:block;
        float:left;
        margin:auto;
        clear:none;
        width :377px; 
        height:115px;
        margin-top:10px;
        overflow:hidden;   
    }

    #logo{
        display:block;
        float:left;
        clear:none;
        width :auto; 
        height:100%;
    }

    #zoek_box {
        display:block;
        float:left;
        clear:none;
        width: 300px; 
        height:40px;
        margin:0 0 0 10px;
    }

    #zoek_box_mobile {
        display:none;
    }

    #zoek {
        display:block;
        float:left;
        clear:none;
        width:200px; 
        height:26px;
        margin-top:6px;
        padding:0px 5px;
        font-size:14px;
        color:  #3a3a3a ;
        border: 0;
    }

    .close_zoek {
        display: block;
        float:left;
        margin:7px 0 0 7px;
    }
    
    #zoek_button a {
        display:block;
        float:left;
        clear:none;
        width:24px; 
        height:24px;
        margin:7px;
        background-image:url('/customized/img/zoek.png');
        background-repeat:no-repeat;
    }

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



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


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

    #header_container {
        display:none;
    }

    #header_mobile_top_container {
        display:block;
        float:left;
        width:100%;
        height:auto;
        background-color: #3a3a3a;
    }

    #header_container_mobile {
        position: relative;
        display:block;
        width: 100%;
        float:left;
        height:auto;
        background-image:url('/customized/img/bg_top_mobile.jpg');
        background-position:top left;        
        background-repeat:repeat-x;
    }

    #header_desktop {
        display:none;
    }
    
    #header_mobile {
        display:block;
        margin:0 auto;
        clear:both;
        width : 100%; 
        height:auto;
        overflow:visible;
    }

    .ma-infinitypush-button {
        display:block;
        float:left;
        width :25%; 
        margin:1px 0 0 0;
        overflow:hidden;
        cursor: pointer;
    }
    
    #header_mobile_top {
        display:block;
        float:left;
        width : 100%; 
        height:38px;
    }
    
    #zoek_box {
        display:block;
        float:left;
        clear:none;
        width :50%; 
        height:38px;
    }

    #zoek_box_mobile {
        display:block;
        float:left;
        clear:none;
        width :50%; 
        height:38px;
    }

    #zoek {
        display:block;
        float:left;
        clear:none;
        width:70%; 
        height:26px;
        margin-top:6px;
        padding:0px 5px;
        font-size:14px;
        color:  #3a3a3a ;
        border: 0px;
    }

    #zoek_mobile {
        display:block;
        float:left;
        clear:none;
        width:calc(100% - 84px); 
        height:26px;
        margin-top:6px;
        padding:0px 5px;
        font-size:14px;
        color:  #3a3a3a ;
        border: 0px;
    }

    .close_zoek {
        display: block;
        float:left;
        margin-top:7px;
        margin-left:7px;
    }
    
    #zoek_button a {
        display:block;
        float:left;
        clear:none;
        width:28px; 
        height:28px;
        background-image:url('/customized/img/zoek.png');
        background-repeat:no-repeat;
    }

    #zoek_button_mobile a {
        display:block;
        float:left;
        clear:none;
        width:28px; 
        height:28px;
        margin: 7px;
        background-image:url('/customized/img/zoek.png');
        background-repeat:no-repeat;
    }

    #login_kop {
        display:none;
    }

    #login_kop_mobile {
        display:block;;
        float:right;
        width :23%; 
        margin:8px 0 0 0;
        color:  #ffffff ;
    }
    
    #inloggen_kop a{
        display:block;
        float:left;
        clear:none;
        width:50%;
        height:20px;
        margin-top:1px;
        text-align:center;
    }
    
    #ingelogd_kop {
        display:block;
        position:relative;
        float:left;
        clear:none;
        width:50%;
        height:20px;
        text-align:center;
    }

    #ingelogd_kop a {
        color:#FFFFFF;
    }

    #shopping_bag_box {
        display:block;
        float:left;
        clear:none;
        width:30px;
        height:20px;
        margin:1px 0;
        text-align:center;
    }


    #logo_box{
        display:block;
        float:left;
        clear:none;
        width:100%;
        height:auto;
        margin:0;
    }

    #logo{
        display:block;
        float:none;
        margin:10px auto;
        height:60px;
        overflow:hidden;
    }

}    

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


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


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

    #header_container {
        display:none;
    }

    #header_mobile_top_container {
        display:block;
        float:left;
        width:100%;
        height:auto;
        background-color: #3a3a3a;
    }

    #header_container_mobile {
        position: relative;
        display:block;
        width: 100%;
        float:left;
        height:auto;
        background-image:url('/customized/img/bg_top_mobile.jpg');
        background-position:top left;        
        background-repeat:repeat-x;
    }

    #header_desktop {
        display:none;
    }
    
    #header_mobile {
        display:block;
        margin:0 auto;
        clear:both;
        width : 100%; 
        height:auto;
        overflow:visible;
    }

    .ma-infinitypush-button {
        display:block;
        float:left;
        width :25%; 
        margin:1px 0 0 0;
        overflow:hidden;
        cursor: pointer;
    }
    
    #header_mobile_top {
        display:block;
        float:left;
        width : 100%; 
        height:38px;
    }
    
    #zoek_box {
        display:block;
        float:left;
        clear:none;
        width :50%; 
        height:38px;
    }

    #zoek_box_mobile {
        display:block;
        float:left;
        clear:none;
        width :50%; 
        height:38px;
    }

    #zoek {
        display:block;
        float:left;
        clear:none;
        width:70%; 
        height:26px;
        margin-top:6px;
        padding:0px 5px;
        font-size:14px;
        color:  #3a3a3a ;
        border: 0px;
    }

    #zoek_mobile {
        display:block;
        float:left;
        clear:none;
        width:calc(100% - 84px); 
        height:26px;
        margin-top:6px;
        padding:0px 5px;
        font-size:14px;
        color:  #3a3a3a ;
        border: 0px;
    }

    .close_zoek {
        display: block;
        float:left;
        margin-top:7px;
        margin-left:7px;
    }
    
    #zoek_button a {
        display:block;
        float:left;
        clear:none;
        width:28px; 
        height:28px;
        background-image:url('/customized/img/zoek.png');
        background-repeat:no-repeat;
    }

    #zoek_button_mobile a {
        display:block;
        float:left;
        clear:none;
        width:28px; 
        height:28px;
        margin:7px;
        background-image:url('/customized/img/zoek.png');
        background-repeat:no-repeat;
    }

    #login_kop {
        display:none;
    }

    #login_kop_mobile {
        display:block;;
        float:right;
        width :23%; 
        margin:8px 0 0 0;
        color:  #ffffff ;
    }
    
    #inloggen_kop a{
        display:block;
        float:left;
        clear:none;
        width:50%;
        height:20px;
        margin-top:1px;
        text-align:center;
    }
    
    #ingelogd_kop {
        display:block;
        position:relative;
        float:left;
        clear:none;
        width:50%;
        height:20px;
        text-align:center;
    }

    #ingelogd_kop a {
        color:#FFFFFF;
    }

    #shopping_bag_box {
        display:block;
        float:left;
        clear:none;
        width:30px;
        height:20px;
        margin:1px 0;
        text-align:center;
    }


    #logo_box{
        display:block;
        float:left;
        clear:none;
        width:100%;
        height:auto;
        margin:0;
    }

    #logo{
        display:block;
        float:none;
        margin:10px auto;
        height:60px;
        overflow:hidden;
    }

   
}

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