https://www.bpro-solutions.com/partnerportal/_ui/responsive/common/js/acc.colorbox.js

1//Makes Color Box Responsive
2var cboxOptions = {
3	width: '95%',
4	height: '95%',
5	maxWidth: '960px',
6	maxHeight: '960px',
7}
8
9$('.cbox-link').colorbox(cboxOptions);
10
11$(window).resize(function () {
12
13	if (!$('#colorbox').hasClass('variantSelectMobile')) {
14		$.colorbox.resize({
15			width: window.innerWidth > parseInt(cboxOptions.maxWidth) ? cboxOptions.maxWidth : cboxOptions.width,
16			height: window.innerHeight > parseInt(cboxOptions.maxHeight) ? cboxOptions.maxHeight : cboxOptions.height
17		});
18	}
19});
20
21
22ACC.colorbox = {
23	config: {
24		maxWidth: "100%",
25		opacity: 0.7,
26		width: "auto",
27		transition: "none",
28		close: '<span class="glyphicon glyphicon-remove"></span>',
29		title: '<div class="headline"><span class="headline-text">{title}</span></div>',
30		onComplete: function () {
31			$.colorbox.resize();
32			ACC.common.refreshScreenReaderBuffer();
33		},
34		onClosed: function () {
35			ACC.common.refreshScreenReaderBuffer();
36			ACC.loading.hide();
37		}
38	},
39
40	open: function (title, config) {
41		var config = $.extend({}, ACC.colorbox.config, config);
42		config.title = config.title.replace(/{title}/g, title);
43		return $.colorbox(config);
44	},
45
46	resize: function () {
47		$.colorbox.resize();
48	},
49
50	close: function () {
51		$.colorbox.close();
52	}
53};
54