@media (min-width: 1200px) {
    .centered-lg {
        margin: auto;
    }
    .center-block-lg {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    .pull-right-lg {
        float: right !important;
    }
    .pull-left-lg {
        float: left !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .centered-md {
        margin: auto;
    }
    .center-block-md {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    .pull-right-md {
        float: right !important;
    }
    .pull-left-md {
        float: left !important;
    }
}
@media (min-width: 768px) and (max-width: 991px){
    .centered-sm {
        margin: auto;
    }
    .center-block-md {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    .pull-right-md {
        float: right !important;
    }
    .pull-left-md {
        float: left !important;
    }
}
@media (min-width: 480px) and (max-width: 767px){
    .centered-xs {
        margin: auto;
    }
    .center-block-xs {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    .pull-right-xs {
        float: right !important;
    }
    .pull-left-xs {
        float: left !important;
    }
}
@media (max-width: 480px) {
    .centered-xxs {
        margin: auto;
    }
    .center-block-xxs {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    .pull-right-xxs {
        float: right !important;
    }
    .pull-left-xxs {
        float: left !important;
    }
}