Responsive Columns

Hi support crew.

We created great site with your theme :)
I have just one question more and I m over with my project after that.

The question is about responsive design.
I have four images in a row and four text blocks beneath.
After 768px theme switch to responsive design and images and texts are aligned
vertical, only one in a row.
Problem is in a gap beatween 768px and 480px where I need two images/text in one row.
I used media query and some css customization but unsuccessful.
Here is the code:

Do you have any idea?
Thanks a lot!