Accordion block spacing on mobile

Site URL: https://www.studiogiraffe.sg/

Hi, I have two side-by-side accordion blocks which looks fine on desktop. On mobile, I'd like them to look like one single accordion block i.e. remove the space between the last item on the first accordion and the first item on the second accordion. How can I do this with CSS?

Add to Design > Custom CSS

@media screen and (max-width:767px) {
div#block-yui_3_17_2_1_1661754245438_133611 {
    padding-top: 0px !important;
}
div#block-yui_3_17_2_1_1661754245438_10049 {
    padding-bottom: 0px !important;
}
}

Thanks so much!

Hi there, 

I have the same problem. I have two side-by-side accordion blocks on a few pages of a client's website and they would like to remove the space and double line between the two blocks on mobile. This is a 7.1 website.

Right now I have placed a divider image between them but my client would prefer these two accordion blocks act as one large accordion, so a workaround would be greatly appreciated!

I have included a screenshot of the two blocks before I added the divider to show the extra space and double lines. 

The first page is: www.tribebaltimore.com
The second page is: www.tribebaltimore.com/class-schedule

Can you help? 

It looks like you solved by using an image between?