I need some help here :-)
I have a website I have noticed when I list
the category layout on the iphone for example images get to close together... se image:
imgur.com/Zo6yZFR
can you give me a hint what code would I need to add to my template or k2 css so I keep the margin and padding like on the computer desktop layout? link here: www.magnumadria.com/gulet-charter/gulets-croatia.html its the same link you see on the image but on the phone...
I dont know how to see or firebug the code on the phone :-(

You can increase the padding on this element -> div.catItemImageBlock
and you should change the line height of the title to at least 100% -> div.catItemHeader h3.catItemTitle

Thanks Krikor, is there any possibility there will be responsive classes in settings for K2 in the future?

You can try override your K2 template or you can choose a template which fully supports K2.

Krikor, are you saying that K2 is fully responsive by itself?
or we need to have a template that has its own K2 responsive styling?

K2 has some styling by itself.
If the template is not responsive or it does not support K2 at all then there might be conflicts.