.text-divider{margin: 2em 0; line-height: 0; text-align: center;}
.text-divider span{background-color:none; padding: 1em;}
.text-divider:before{ content: " "; display: block; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #f7f7f7;}


@media ( min-width: 768px ) {
    .grid-divider {
        position: relative;
        padding: 0;
    }
    .grid-divider>[class*='col-'] {
        position: static;
    }
    .grid-divider>[class*='col-']:nth-child(n+2):before {
        content: "";
        border-left: 1px solid #DDD;
        position: absolute;
        top: 0;
        bottom: 0;
    }
    .col-padding {
        padding: 0 15px;
    }
}


<!-- carousel style -->
body {
    padding-top:20px
}
#custom_carousel .item {

    color:#000;
    background-color:#e8eaf6";
    padding:20px 0;
}
#custom_carousel .controls{
    overflow-x: auto;
    overflow-y: hidden;
    padding:0;
    margin-right:0;
    white-space: nowrap;
    text-align: center;
    position: relative;
    background:#e8eaf6;
}
#custom_carousel .controls li {
    display: table-cell;
    width: 2%;
    max-width:100px <!-- it was originally set at 90px -->
}
#custom_carousel .controls li.active {
    background-color:#e8eaf6";;
    border-top:2px solid deepskyblue;
}
#custom_carousel .controls a small {
    overflow:hidden;
    display:block;
    font-size:10px;
    margin-top:5px;
    font-weight:bold
}