Adapt Photo block heignt

-- url of the page with the problem -- : www.elegantiastore.fr/index.php/fr/product/308-robe-nataly
-- HikaShop version -- : 4.4.4
-- Joomla version -- : 3.10.3
-- PHP version -- : 7.4.24
-- Browser(s) name and version -- : Chrome

Hi,

I'm a CSS begginer yet and therefore I encounter a difficulty to adapt the main photo block depending on the screen width.

When I'm on a large screen, the miniatures below the main picture appears right below it -> Great
When I'm on a smaller's screen version, smaller the screen, bigger the distance between the picture and the miniatures. -> Not great
This because of the standart height of the picture's bloc that is fixed. :

element.style {
    height: 570px;
}

Hi,
Thanks for your quick answer.
I checked and when I update the new version, it comes back to normal.

Though I realised it is a modification I made in :media/com_hikashop/css/style_default.css.
There I adapt the products to 2 colums in line 169:

.hkc-xs-12, .hkc-xs-11, .hkc-xs-10, .hkc-xs-9, .hkc-xs-8, .hkc-xs-7, .hkc-xs-6, .hkc-xs-5, .hkc-xs-4, .hkc-xs-3, .hkc-xs-2, .hkc-xs-1,
.hkc-sm-12, .hkc-sm-11, .hkc-sm-10, .hkc-sm-9, .hkc-sm-8, .hkc-sm-7, .hkc-sm-6, .hkc-sm-5, .hkc-sm-4, .hkc-sm-3, .hkc-sm-2, .hkc-sm-1,
.hkc-md-12, .hkc-md-11, .hkc-md-10, .hkc-md-9, .hkc-md-8, .hkc-md-7, .hkc-md-6, .hkc-md-5, .hkc-md-4, .hkc-md-3, .hkc-md-2, .hkc-md-1,
.hkc-lg-12, .hkc-lg-11, .hkc-lg-10, .hkc-lg-9, .hkc-lg-8, .hkc-lg-7, .hkc-lg-6, .hkc-lg-5, .hkc-lg-4, .hkc-lg-3, .hkc-lg-2, .hkc-lg-1,
.hkc-xl-12, .hkc-xl-11, .hkc-xl-10, .hkc-xl-9, .hkc-xl-8, .hkc-xl-7, .hkc-xl-6, .hkc-xl-5, .hkc-xl-4, .hkc-xl-3, .hkc-xl-2, .hkc-xl-1{
	width: 50%;
}