.blog-detail-content{
    border:1px solid #ccc;
    width: 100%;
    padding-top:50px;
    padding-bottom:50px;
    padding-left: 70px;
    padding-right: 70px;
}

.author-in-detail-post .avt-author{
    width:50px;
    height: 50px;
    float: left;
}

.author-in-detail-post .name-author{
    float: left;
    height: 50px;
    margin-left: 20px;
}
.author-in-detail-post .name-author span{
    line-height: 50px;
    font-weight: bold;
    font-size: 14px;
    color: #3b1c3f;
}

.author-in-detail-post .date-write{
    float: left;
    height: 50px;
    margin-left: 20px;
}
.author-in-detail-post .date-write span{
    line-height: 50px;
}

.content-detail-blog{
    margin-top:20px;
    margin-bottom:20px;
    text-align: justify;
}

.content-detail-blog .short-description{
    margin-top: 20px;
}

.content-detail-blog .title
{
    margin-bottom: 20px;
}

.content-detail-blog .title h1{
    font-size: 30px;
}

.content-detail-blog .title h2{
    font-size: 22px;
}


.share-footer-blog-detail{
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.share-footer-blog-detail .facebook,
.share-footer-blog-detail .google-plus
{
    width: 50px;
    margin-top: 10px;
    margin-bottom: 10px;
    float: left;
    text-align: center;
    margin-right: 35px;
}

.total-view-post-detail-like{
    padding-top: 20px;
}
.total-view-post-detail-like .total-view-post-detail{
    float: left;
}

.total-view-post-detail-like .like{
    float: right;
}  
.total-view-post-detail-like .like i{
    color:red;
    font-weight: bold;
    cursor: pointer;
}

.recent-post .header-recent-post{
    margin-top:30px;
    margin-bottom: 30px;
}

.recent-post .header-recent-post .title-recent
{
    float: left;
}
.recent-post .header-recent-post .title-recent span i{
    font-weight: 500;
    font-size: 20px;
    color:#000;
}

.recent-post .header-recent-post .see-all-blogs
{
    float: right;
}

.recent-post .recent-post-item{
    border:1px solid #ccc;
    margin-bottom:30px;
}

.recent-post .recent-post-item .title-recent-post-item{
    margin: 30px 20px 20px 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
    height: 65px;
    overflow: hidden;
}

.recent-post .recent-post-item .title-recent-post-item h2{
    font-size: 18px;
    line-height: 25px;
}

.view-comment-like-in-recent-post{
    margin: 30px 20px 20px 20px;
}
.view-comment-like-in-recent-post .views-recent-post{
    width:20%;
    float: left;
}
.view-comment-like-in-recent-post .views-recent-post i{
    color:#000;
}
.view-comment-like-in-recent-post .comment-recent-post{
    width:50%;
    float: left;
}
.view-comment-like-in-recent-post .like-recent-post{
    width:30%;
    float: left;
    text-align: right;
}
.view-comment-like-in-recent-post .like-recent-post i{
    font-weight: bold;
    color:red;
}


@media screen and (max-width: 767px)
{
    .blog-detail-content {
        border: 1px solid #ccc;
        width: 100%;
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 15px;
        padding-right: 15px;
        text-align: justify;
    }

    .blog-detail-content .content-detail-blog h1{
        font-size: 18px;
        font-weight: bold;
    }
}