@media only screen and (max-width: 1300px) {
    .blogDetailRow {
        max-width: 90%;
    }

    .blogDetailDescription {
        padding: 50px 45px 100px;
    }
}

@media only screen and (max-width: 1199px) {
    .blogDetailRow {
        padding: 30px 20px;
    }

    .blogDetailCol {
        padding: 0 15px;
    }

    .blogDetailCol>* {
        max-height: 260px;
        min-height: 264px;
    }

    .blogDetailDescription {
        padding: 40px 35px 80px;
    }

}

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

@media only screen and (max-width: 767px) {
    .blogDetailRow {
        margin: -60px auto 0;
        padding: 20px 10px;
    }

    .blogDetailCol {
        padding: 0 10px;
    }

    .blogDetailTitle h1 {
        font-size: 26px;
        line-height: 38px;
    }

    .blogPostBanner {
        min-height: 260px;
        padding: 55px 20px 0;
    }

    .blogDetailCol>* {
        max-height: 235px;
        min-height: 235px;
    }

    .blogDetailDescription {
        font-size: 14px;
        line-height: 24px;
        padding: 30px 0 50px;
    }

    .blogDetailDescription p {
        font-size: 14px;
        line-height: 24px;
    }


}

@media only screen and (max-width:600px) {
    .blogDetailCol {
        -webkit-box-flex: unset;
        -ms-flex-positive: unset;
        flex-grow: unset;
        -ms-flex-preferred-size: unset;
        flex-basis: unset;
        padding: 0 0px;
        margin-bottom: 20px;
    }

    .blogDetailRow {
        padding: 20px 20px 0;
    }
}