.al-left {
    text-align: left;
}

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

.al-center {
    text-align: center;
}



@media (min-width: 768px) {
    /* md */
    .al-md-left {
        text-align: left;
    }

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

    .al-md-center {
        text-align: center;
    }

}

@media (min-width: 992px) {
    /* lg */
    .al-lg-left {
        text-align: left;
    }

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

    .al-lg-center {
        text-align: center;
    }
}

@media (min-width: 1920px) {
    /* xl */
    .al-xl-left {
        text-align: left;
    }

    .al-xl-right {
        text-align: right;
    }

    .al-xl-center {
        text-align: center;
    }
}