@media screen and (max-width: 1600px) {
    .content-wrap {
        max-width: 1400px;
    }
}

@media screen and (max-width: 1300px) {
    .content-wrap {
        max-width: 900px;
    }
}

@media screen and (max-width: 991px) {

    #bb-text {
        width: 100%;
        border-radius: 20px;
        text-align: center;
        color: #5C7FAC;
        background-color: unset;

    }

    #bb-image {
        display: none;
    }

    #bw-sidebar {
        display: none;
    }

    #articles-wrap {
        margin-left: auto;
        margin-right: auto;
        max-width: 700px;
        width: 700px;
    }

    #article-details-wrap {
        padding: 10px;
    }

    .content-wrap {
        margin-top: 50px;
        max-width: 700px;
    }

    .bb-text-p {
        line-height: normal;
    }

    /** Article details **/
    #art-title {
        font-size: 28px;
    }
}

@media screen and (max-width: 677px) {

    #bb-text {
        width: 100%;
        border-radius: 20px;
        text-align: center;
        color: #5C7FAC;
        background-color: unset;
        padding: unset;

    }

    #articles-wrap {
        width: 100%;
    }

    .bb-text-p {
        font-weight: 500;
        font-size: 22px;
    }

    /** Article details **/
    #art-title {
        font-size: 22px;
    }

    #article h2 {
        font-size: 19px;
    }

}