Products white box on mobile

Hi again guys, sorry to bother you again

The white box around the products - for CSS it's:

Code:

.content-bar .site-content ul.products li#product_item

On mobile the white box is thin and doesn't contain the image.
A screenshot: http://i57.tinypic.com/2zxowvl.png

This is the link: http://ronnies-linux.evh732.evhost.co.il/

 

Can also be seen here:
http://mobiletest.me/iphone_5_emulator/#u=http://ronnies-linux.evh732.evhost.co.il/
http://mobiletest.me/ipad_mini_emulator/#u=http://ronnies-linux.evh732.evhost.co.il/

Plus, how to I make the pink bar on top to fit the text? You can see the text escapes the line on the iPhone 5 preview

 

Hello,

Paste the code given below in Custom CSS section

Code:

.productlisting .pgallery ul.thumbnail li, ul.thumbnail li {
  width: 207px !important;
}

Thanks & Regards
Pramod

 

Thanks!