﻿.text-item-list {

}

    .text-item-list ul {
        list-style-type: none;
        padding: 0;
        overflow: hidden;
    }
    .text-item-list li {
        float: left;
        width: 33%;
    }
        .text-item-list li p {
            display: block;
            margin: 0;
            padding: 0 .25rem;
        }

/* bootstrap size breakpoints */
/* xs */
@media only screen and (max-width: 575px) {
    .text-item-list ul {
        list-style-type: disc;
        padding-left: 40px; /* default <ul> padding */
        overflow: hidden;
    }

    .text-item-list li {
        width: 100%;
    }

        .text-item-list li p {
            padding: 0;
        }
}

/* sm */
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .text-item-list li {
        width: 50%;
    }
}

/* md */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .text-item-list li {
        width: 50%;
    }
}

/* lg */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
}

/* xl */
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
}

/* styles at max widths */
/* xs */
@media only screen and (max-width: 575px) {
}

/* sm */
@media only screen and (max-width: 767px) {
}

/* md */
@media only screen and (max-width: 991px) {

}

/* lg */
@media only screen and (max-width: 1199px) {
}

/* xl */
@media only screen and (max-width: 1399px) {
}
