.box-padding {
    padding: 50px 100px;
}

@media (max-width: 767.98px) { /* "sm" breakpoint in Bootstrap */
    .box-padding {
        padding: 50px 20px;
    }
}