/* custom responsive styles */

@media screen and (min-width: 768px) {
	.layout_full-width-media.height-lg, 
	.layout_full-width-media.height-lg {
		height: 45vw;
		max-height: 700px;
		min-height: 400px;
	}
}

@media screen and (min-width: 992px) {
	.row.content-row.layout_image-with-content.full-width .col-lg-9 {
		width: calc(calc(var(--container-width) * 0.75) + calc(calc(100% - var(--container-width)) / 2));
	}
	.row.content-row.layout_image-with-content.full-width .col-lg-8 {
		width: calc(calc(var(--container-width) * 0.66666667) + calc(calc(100% - var(--container-width)) / 2));
	}
	.row.content-row.layout_image-with-content.full-width .col-lg-7 {
		width: calc(calc(var(--container-width) * 0.5833333333) + calc(calc(100% - var(--container-width)) / 2));
	}
	.row.content-row.layout_image-with-content.full-width .col-lg-6 {
		width: calc(calc(var(--container-width) * 0.5) + calc(calc(100% - var(--container-width)) / 2));
	}
	.row.content-row.layout_image-with-content.full-width .col-lg-5 {
		width: calc(calc(var(--container-width) * 0.4166666667) + calc(calc(100% - var(--container-width)) / 2));
	}
	.row.content-row.layout_image-with-content.full-width .col-lg-4 {
		width: calc(calc(var(--container-width) * 0.33333333) + calc(calc(100% - var(--container-width)) / 2));
	}
	.row.content-row.layout_image-with-content.full-width .col-lg-3 {
		width: calc(calc(var(--container-width) * 0.25) + calc(calc(100% - var(--container-width)) / 2));
	}
	.row.content-row.layout_image-with-content.full-width .col-lg-3.content-col > .col-inner {
        max-width: calc(var(--container-width)* 0.25);
	}
	.row.content-row.layout_image-with-content.full-width .col-lg-4.content-col > .col-inner {
        max-width: calc(var(--container-width)* 0.33333333);
	}
	.row.content-row.layout_image-with-content.full-width .col-lg-5.content-col > .col-inner {
        max-width: calc(var(--container-width)* 0.4166666667);
	}
	.row.content-row.layout_image-with-content.full-width .col-lg-6.content-col > .col-inner {
        max-width: calc(var(--container-width)* 0.5);
	}
	.row.content-row.layout_image-with-content.full-width .col-lg-7.content-col > .col-inner {
        max-width: calc(var(--container-width)* 0.5833333333);
	}
	.row.content-row.layout_image-with-content.full-width .col-lg-8.content-col > .col-inner {
        max-width: calc(var(--container-width)* 0.66666667);
	}
	.row.content-row.layout_image-with-content.full-width .col-lg-9.content-col > .col-inner {
        max-width: calc(var(--container-width)* 0.75);
	}
	.row.content-row.layout_image-with-content.full-width .content-col.image-right > .col-inner {
		margin-left: auto;
	}
	#mobile-nav-toggle,
	#menu-sidebar {
		display: none;
	}
	.col-image.image-right {
		order: 2;
	}
	.content-inner-wrapper.layout_image-with-content {
		position: relative;
		overflow: hidden;
	}
	.row.content-row.layout_image-with-content.full-width .content-col.image-right {
		margin-left: auto;
	}
	.row.content-row.layout_image-with-content.full-width .content-col.image-left {
		margin-right: auto;
	}
	.row.content-row.layout_image-with-content.full-width .content-col > .col-inner {
		padding-right: calc(1.5rem * .5);
		padding-left: calc(1.5rem * .5);
	}
	.content-col.image-right.content-padding > .col-inner,
	.left.content-padding > .col-inner {
		padding-right: var(--padding-md);
	}
	.row.content-row.layout_image-with-content.full-width .content-col.image-left > .col-inner,
	.content-col.image-left.content-padding > .col-inner,
	.right.content-padding > .col-inner {
		padding-left: var(--padding-md);
	}
	.row.content-row.layout_image-with-content.full-width .content-col > .col-inner,
	.layout_image-with-content .content-col.content-padding > .col-inner {
		padding-top: var(--padding-md);
		padding-bottom: var(--padding-md);
	}
	.row.content-row.layout_image-with-content.full-width .content-col.image-right > .col-inner {
		padding-right: calc(var(--padding-md) + calc(1.5rem * .5));
	}
	.row.content-row.layout_image-with-content.full-width .content-col.image-left > .col-inner {
		padding-left: calc(var(--padding-md) + calc(1.5rem * .5));
	}
}

@media screen and (max-width: 992px) {
	.col-image figure.image-wrapper.size-cover {
		padding-top: 56.25%;
	}
}