.bgpos-top { background-position: top !important; }
.bgpos-bottom { background-position: bottom !important; }
.bgpos-left { background-position: left !important; }
.bgpos-right { background-position: right !important; }
.bgpos-center { background-position: center !important; }
.bgpos-revert { background-position: revert !important; }
.bgpos-initial { background-position: initial !important; }


@media (min-width: 576px) {
    .bgpos-sm-top { background-position: top !important; }
    .bgpos-sm-bottom { background-position: bottom !important; }
    .bgpos-sm-left { background-position: left !important; }
    .bgpos-sm-right { background-position: right !important; }
    .bgpos-sm-center { background-position: center !important; }
    .bgpos-sm-revert { background-position: revert !important; }
    .bgpos-sm-initial { background-position: initial !important; }
}


@media (min-width: 768px) {

    .bgpos-md-top { background-position: top !important; }
    .bgpos-md-bottom { background-position: bottom !important; }
    .bgpos-md-left { background-position: left !important; }
    .bgpos-md-right { background-position: right !important; }
    .bgpos-md-center { background-position: center !important; }
    .bgpos-md-revert { background-position: revert !important; }
    .bgpos-md-initial { background-position: initial !important; }
}


@media (min-width: 992px) {
    .bgpos-lg-top { background-position: top !important; }
    .bgpos-lg-bottom { background-position: bottom !important; }
    .bgpos-lg-left { background-position: left !important; }
    .bgpos-lg-right { background-position: right !important; }
    .bgpos-lg-center { background-position: center !important; }
    .bgpos-lg-revert { background-position: revert !important; }
    .bgpos-lg-initial { background-position: initial !important; }
}


@media (min-width: 1200px) {
    .bgpos-xl-top { background-position: top !important; }
    .bgpos-xl-bottom { background-position: bottom !important; }
    .bgpos-xl-left { background-position: left !important; }
    .bgpos-xl-right { background-position: right !important; }
    .bgpos-xl-center { background-position: center !important; }
    .bgpos-xl-revert { background-position: revert !important; }
    .bgpos-xl-initial { background-position: initial !important; }
}


@media (min-width: 1400px) {
    .bgpos-xxl-top { background-position: top !important; }
    .bgpos-xxl-bottom { background-position: bottom !important; }
    .bgpos-xxl-left { background-position: left !important; }
    .bgpos-xxl-right { background-position: right !important; }
    .bgpos-xxl-center { background-position: center !important; }
    .bgpos-xxl-revert { background-position: revert !important; }
    .bgpos-xxl-initial { background-position: initial !important; }
}