Как правильно настроить плагин фреймворка Zurb Foundation?

// Если инициализировать плагины по отдельности с нужными мне настройками,
// то происходит конфликт, ведь каждый должен работать на своём медиа-запросе
var dropdown = new Foundation.DropdownMenu($('.main-nav'), {
  closingTime: 250
});

var drilldown = new Foundation.Drilldown($('.main-nav'), {
  autoHeight: true,
  animateHeight: true,
  backButton: '<li class="js-drilldown-back"><a tabindex="0">Назад</a></li>',
  closeOnClick: true
});

var responsiveMenu = new Foundation.ResponsiveMenu($('.main-nav'), {
  hideFor: 'xxlarge',
});

// Устанавливаем все настройки глобально:
Foundation.Drilldown.defaults.autoHeight = true;
Foundation.Drilldown.defaults.animateHeight = true;
Foundation.Drilldown.defaults.backButton = '<li class="js-drilldown-back"><a tabindex="0">Назад</a></li>';
Foundation.Drilldown.defaults.closeOnClick = true;
Foundation.DropdownMenu.defaults.closingTime = 250;
Foundation.ResponsiveToggle.defaults.hideFor = 'xxlarge';