MODULE MOBILE

[giannotti]

Bonjour, j'ai  un souci d’affichage sur la version mobile de mon site. 

Je suis actuellement sur la version Prestashop 1.7.5.1. 
J'ai acheté le module : MENU POUR MOBILE. 

Dans la partie CSS pour mobile, j'ai déjà appliqué deux lignes de codes qui fonctionnent avec le module.  #rwd_menu { display: none;} et 
.rm-body-with-header .header-top { display: none;}

J’ai également voulu modifier l’affichage des images mais je rencontre un problème dans mon code. pouvez vous m'aider à résoudre le problème svp ?  
voici mon code actuel : 

/* Modif optimisation mobile */
/* mobile large */
@media (max-width:600px) {

#main .products .product-miniature {float:left;46%;margin-right:2%}
#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:12px;}
#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;}

} 

D'avance merci.