.columncontainer_default { margin-bottom: 120px; } @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: 20px; } .sqrcolumncontainer3_default>div { box-sizing: content-box; width: calc( 33.333% - 27px ) ; padding-right: 20px; } .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%) - 20px ) ; } .sqrcolumncontainer2_default>div:last-child { width: calc( 100% - var(--columnratio, 50%) - 20px ) ; } } .columncontainer_default .sqrpanoramicbackground { padding-left: 20px; padding-right: 20px; }