/* Webbax - tuto 39 - optimisation mobile */

/* Mobile large */
@media(max-width:600px){

    #main .products .product-miniature {float:left;width:49%;margin-right:1%}
    #main .products .product-miniature .thumbnail-container{width:100%;height:300px;margin-bottom:15px;}
    #main .products .product-description{width:100%;height:100px;}
    #main .products .product-miniature .thumbnail-container img{width:95%;}
    #main .products .product-flag{padding:3px!important;min-height:inherit!important;font-size:9px!important;height:25px} 
    #main .products .discount-percentage{padding:3px!important;min-height:inherit!important;font-size:12px;} 

}

/* Mobile small */
@media(max-width:320px){
    
    #main .products .product-miniature .thumbnail-container{height:270px;}
    #main .products .product-description{height:120px;}
    
}