.columncontainer_default {
	margin-bottom: 20px;
}

@media (min-width: 1024px) {

	.columncontainer_default {
		display: flex;
		justify-content: space-between;
		align-items: stretch;
	}

	.sqrcolumncontainer1_default>div {
		box-sizing: border-box;
		width: 100%;
	}

	.sqrcolumncontainer2_default>div {
		box-sizing: content-box;
		padding-right: 40px;
			}
	.sqrcolumncontainer3_default>div {
		box-sizing: content-box;
		width: calc( 33.333% - 54px ) ;
		padding-right: 40px;
			}
	.sqrcolumncontainer2_default>div:last-child,
	.sqrcolumncontainer3_default>div:last-child {
		padding-right: 0;
		border-right: none;
	}

	.sqrcolumncontainer2_default>div:first-child {
		width: calc( var(--columnratio, 50%) - 40px ) ;
	}
	.sqrcolumncontainer2_default>div:last-child {
		width: calc( 100% - var(--columnratio, 50%) - 40px ) ;
	}

}

.columncontainer_default .sqrpanoramicbackground {
	padding-left: 20px;
	padding-right: 20px;
}