YJSG Tabs to change to Accordions on responsive breakpoint

Hi,

I am having a great time working with YJSG. I did a ton of research, YJSG is very, very good, very good documentation, awesome!

In my site, I'm using tabs in a few different instances, this can be seen on the home page of the demo I'm building.

- Module Tabs (using the Template/Layout Module settings, publishing modules to module positions that have been set to use Tabs)
- Short-code tabs, inserted into instances of the native CustomHTML module

As I'm working on the responsive CSS, I really want to be able to make some (or all) of the tabs to change to accordions on responsive breakpoints. Can you provide any suggestions as to how to best accomplish this?

There are a few jquery plugins that have good demos - but I'm really stuck on the best YJSG / Joomla! - proper method/files to override to accomplish this.

Example: http://jellekralt.github.io/Responsive-Tabs/

Files I have modified with overrides
- in the (/templates/eximium/layouts) directory:
yjsg_footer.php
yjsg_offcanvas.php
- in (/templates/eximium/css)
custom.css

Are you sure your are posting in product assigned forum?: Yes

What is your CMS version?: Joomla 3.x

MySQL Version: 5.x

PHP version: 5.x

Link to installation: http://archbiopartners.bensonmakes.com/

Have you edited any files? If yes tell us which ones.: Yes

Is this personal or client website?: Client