Limiting text block in Image Slide SHow on mobile devices

Built site here: http://easywaycenter.ru/
Everything's fine, yet on mobile screens testimonials look bad since text is overlaping with face https://yadi.sk/i/IfE4McBnjt4fv and https://yadi.sk/i/dm2BQWjejt4RL
Any way to limit text into smaller box on those mobile resolutions?
Thanks.

Please play with this settings in override.css:

Code: Select all

@media (max-width: 320px){
.gkIsWrapper-gk_hotel_tabs figcaption {
    top: auto;
    bottom: 10px;
    width: 60%;
    left: 10px;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}
.gkIsWrapper-gk_hotel_tabs figcaption small {
  font-size: 16px;
}
}


Please play with this settings in override.css:

Thanks! That did the trick!

If you have any additional questions regarding this topic, please let me know.