Full responsive image slides on front page

Hi experts,
Please have look on my site: http://photohuynhlong.com, login with this account (site is off now): user & pw: gavick
And this is my problem: I use Hotel template because I love its menu style, but I dont like its Image Show style (it saperates image size for different devices) so I try to use Shop And Buy style, which give me full responsive image slideshow. But then, when I browse on mobile, the image showed with full resolution, not resize at all. You can check it directly on PC just by minimize your browser. Don't know why this happens, because shop and buy image show style works smoothly on is template.
By the way, if there is no way to deal with this, please give me a suggestion on what image show style I should use to get full responsive.
Thank you very much!

Please edit: /templates/gk_hotel/css/override.css and add at its end:

Code: Select all

@media (max-width: 840px) {
    #gkHeaderMod img {
        width: 100% !important;   
    }
}


Remember to enable "CSS override" in template settings - advanced section.

Solved!
Thank you very much Cyberek!

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