Адаптивные модальные окна на js

Использую fancybox для модального окна, a в нём — фоторама. На десктопе выглядит хорошо, а вот на телефоне хотелось бы сделать поп-ап во всю ширину экрана. Ширина у fancybox настраивается в js, а не в css. Как медиазапросы в JS использовать? Может, есть «более лучшие» решения?

Такой способ не работает:

var mq = window.matchMedia('@media all and (max-width: 700px)');
if(mq.matches) {
    $(document).ready(function() {
	$(".various").fancybox({
    aspectRatio : true,
    scrolling   : 'no'
	});
});
} else {
    $(document).ready(function() {
	$(".various").fancybox({
        **тут другие настройки для fancybox**
	});
});
}

Можно ли сделать несколько Fancybox-ов с разными настройками для фотографий и формы обратной связи?