Carousel syncing does not work when using 'responsive' setting

[Pubudu-Basnayaka-COS]

I have carousels that are synced using the following example Using this example https://codepen.io/A360/pen/BaKwaGa

But I'm trying to get the thumbnail nav to become horizontal for smaller screens, I'm doing this via the 'responsive' setting, but it seems that once the breakpoint happens the syncing is broken (even if i drag the window back to a larger size).

e.g. on https://codepen.io/A360/pen/BaKwaGa If you add the responsive setting to the '.thumbnail-slider' e.g. responsive: [ { breakpoint: 1000, settings: { vertical: false, } } ],

This will switch the slider to horizontal as expected but clicking on the thumbnail slider buttons do not change the main slider, syncing between the two is broken.

note* that example will look weird as the CSS in that example doesn't accommodate for that behavior, but the clicking behavior should still work I believe

[Pubudu-Basnayaka-COS]

I just realize that example is doing carousel syncing manually not using the settings, so its probably an issue with that