.site_content>.ctnr>.hero-banner {
    margin-bottom: var(--gap3)
}

.site_content>.ctnr>*:not(.hero-banner) {
    max-width: 830px !important;
    margin: auto;
    width: calc(100% - 180px)
}

@media (max-width: 767px) {
    .site_content>.ctnr>*:not(.hero-banner) {
        width:calc(100% - 40px)
    }
}

@media (min-width: 768px) and (max-width:1199px) {
    .site_content>.ctnr>*:not(.hero-banner) {
        width:calc(100% - 90px)
    }
}