/*
 * CSS Media Queries styles
 * Author: http://stuffandnonsense.co.uk/blog/about/hardboiled_css3_media_queries/
 */
 
/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (max-width : 600px) {

    /*Contents*/
    #content{
        width:95%;
        margin: 0 auto;
    }
    #divDesktopProductDetailsHeader{
        display: none;
    }
    #divMicroProductDetailsHeader{
        display: block;
    }
    #divDesktopCodLocatorPopup{
        display: none;
    }
    
    /*Classes*/
    .on .featureProductLink{
        background: url('http://www.ipmart.com.my/main/lang/en/graphic/main_banner/active_banner_btn_2.png') no-repeat !important; background-size:12px 12px !important;
    }
    .featureProductLink{
        background: url('http://www.ipmart.com.my/main/lang/en/graphic/main_banner/inactive_banner_btn_2.png') no-repeat !important; background-size:12px 12px !important;
    }
}


/* Ipads and above----------- */
@media only screen 
and (min-width : 601px) {

    /*Contents*/
    #content{
        /*no style*/
    }
    #divDesktopProductDetailsHeader{
        display: block;
    }
    #divMicroProductDetailsHeader{
        display: none;
    }
    #divDesktopCodLocatorPopup{
        display: block;
    }
    
     /*Classes*/
    .on .featureProductLink{
        /*No style*/
    }
    .featureProductLink{
        /*No style*/
    }
}