@media (max-width: 767px) {
    /** Pull left xs **/
    .pull-left-xs {
        float: left;
    }

    /** Pull right xs **/
    .pull-right-xs {
        float: right;
    }

    .text-right-xs {
        text-align: right;
    }

    .no-padding-xs {
        padding: 0 !important;
        margin: 0 !important;
    }

    .m-grid .m-grid-col-xs-center {
        text-align: center !important;
    }
}

@media (min-width: 768px) {
    /** Pull left sm **/
    .pull-left-sm {
        float: left;
    }

    /** Pull right sm **/
    .pull-right-sm {
        float: right;
    }

    .text-right-sm {
        text-align: right;
    }

    .no-padding-sm {
        padding: 0 !important;
        margin: 0 !important;
    }
}

@media (min-width: 992px) {
    /** Pull left **/
    .pull-left-md {
        float: left;
    }

    /** Pull right **/
    .pull-right-md {
        float: right;
    }

    .text-right-md {
        text-align: right;
    }

    .no-padding-md {
        padding: 0 !important;
        margin: 0 !important;
    }
}

@media (min-width: 1200px) {
    /** Pull left **/
    .pull-left-lg {
        float: left;
    }

    /** Pull right **/
    .pull-right-lg {
        float: right;
    }

    .text-right-lg {
        text-align: right;
    }

    .no-padding-lg {
        padding: 0 !important;
        margin: 0 !important;
    }
}