too much top/bottom space on one section only when viewed on smaller screens

Site URL: https://www.linkremovedbyOP.com

Hi all

I'm having trouble with one section on one page only on this website/page - URL removed as it's now a live website

I removed the paddings at the top and bottom of each section id, including the troublesome one here (currently has a temporary pink background).

I think the issue lies with the slideshow/gallery itself. The code I used to remove the top and bottom space here was

.gallery-slideshow.preFade.fadeIn {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

But once the screen size hits under a certain width (I think round about the 960px wide mark) the above code just doesn't seem to apply and I need it to. Does anyone have a fix for me please?

Thanks in advance!

Add to Design > Custom CSS > then save & Reload the site

@media screen and (max-width:991px) {
.gallery-slideshow {
    height: 45vh !important;
}
}

20 hours ago, tuanphan said:

Add to Design > Custom CSS > then save & Reload the site

@media screen and (max-width:991px) {
.gallery-slideshow {
    height: 45vh !important;
}
}

 

Thank you, worked perfectly. A fresh pair of eyes really helps!