@media (max-width: 991px) {
    .ci-row {
        padding: 0;
    }
    .pb-desc {
        text-align: center;
        margin-bottom: 25px;
    }
    .banner-desc {
        padding-right: 0 !important;
        text-align: center;
        width: 85%;
        float: none;
        margin: auto;
        margin-bottom: 25px;
        display: block;
    }
    .chapter-detail {
        text-align: center;
    }
    .banner-title h2, .banner-title .bt-bottom {
        font-size: 2.4em;
    }
    .banner-title {
        padding-bottom: 25px;
        margin-bottom: 25px;
    }
    .chapter-detail h2 {
        font-size: 2em;
        margin-bottom: 25px;
        padding-bottom: 20px;
    }
}

@media (max-width: 767px) {
    .padding-style {
        padding: 30px 0;
    }
    .comment-share .row {
        padding: 0px;
    }
    .chapter-col {
        width: 48% !important;
    }
    .banner-title h1 {
        font-size: 1.4em;
    }
    .chapter-col:nth-last-child(-n+3){
        margin-bottom: 30px;
    }
    .chapter-col:nth-last-child(-n+2){
        margin-bottom: 0px;
    }
}

@media (max-width: 680px) {
    .banner-title,
    .second-slider-text h2 {
        font-size: 1.2em !important;
        margin-bottom: 5px;
    }
    .banner-title h2, .banner-title .bt-bottom  {
        font-size: 2em;
    }
    .banner-title h1 .banner-main-title{
        font-size: 1.5em;
    }
    .banner-title h2 br, .banner-title .bt-bottom br{
        display: none;
    }
    .chapter-detail h2 {
        font-size: 1.8em;
        list-style: 160%;
    }
}

@media (max-width: 595px) {
    .chapter-col {
        width: 90% !important;
    }
    .chapter-col:nth-last-child(-n+2){
        margin-bottom: 30px;
    }
    .chapter-col:last-child{
        margin-bottom: 0;
    }
}