.blogpagearea{
    .blog-box{
        .details{
            .blog-title{
                font-size: 20px; font-weight: normal;
            }
            .blog-text{
                font-size:14px;
            }
        }
    }
    @include media-breakpoint-down(lg) {
        padding-bottom: 55px;
        .blog-box{
            .details{
                .blog-title{
                    font-size: 18px;
                }
            }
        }
    }
    @include media-breakpoint-down(md) {
        padding-bottom: 45px;
    }
    @include media-breakpoint-down(sm) {
        padding-bottom: 30px;
        .blog-box{
            padding-bottom: 20px;
            .details{
                .blog-title{
                    font-size: 17px;
                }
            }
        }
    }
}

/**blog-detail**/
.blog-details{
    .blog-content{
        .content{
            h3{
                font-size:22px; color:#191919; font-family:font(md); font-weight: normal !important;
            }
            p,div{
                line-height: 27px; color: #7E7E7E;
            }
            .post-meta{
                li{
                    a{
                        color: color(250);
                        &:hover{
                            color: color(600);
                        }
                    }
                }
            }
            .tag-social-link{
                flex-wrap: wrap; padding: 15px;
                @media (max-width:1399px){
                    .social-links{
                        margin-top: 15px;
                    }
                }
            }
            @include media-breakpoint-down(lg) {
                padding:20px;
                h3{
                    font-size:22px; line-height: 30px;
                    &.title{
                        font-size: 20px; line-height: 25px;
                    }
                }
                p,div{
                    line-height: 25px;
                }
            }
            @include media-breakpoint-down(sm) {
                padding: 15px;
                h3{
                    font-size:18px;
                    &.title{
                        font-size: 18px; line-height: 23px;
                    }
                }
                p,div{
                    line-height: 23px; font-size: 14px;
                }
                .post-meta{
                    margin: 10px 0;
                }
            }
        }
    }
    .blog-aside{
        ul{
            li{
                a{
                    color:color(250);
                    .post-title{
                        color:color(250) !important;
                    }
                    p{
                      color: #7E7E7E !important;  
                    }
                }
            }
        }
        .tags{
            .tags-list{
                li{
                    a{
                        background:color(500); box-shadow:none !important; color:color(50);
                    }
                }
            }
        }
        .categori,.recent-post-widget,.archives,.tags{
            border-color:#dedede;
            .title{
                color: #191919;
            }
            .separator{
                background-color:#dedede ;
            }
        }
        @include media-breakpoint-down(lg) {
            .categori,.recent-post-widget,.archives,.tags{
                padding:20px;
                .title{
                    font-size:20px; line-height: 23px;
                }
            }
        }
        @include media-breakpoint-down(sm) {
            margin-top: 20px;
            .categori,.recent-post-widget,.archives,.tags{
                margin-top: 20px; padding: 15px;
                .title{
                    font-size: 18px; line-height: 22px; margin-bottom: 15px;
                }
                ul{
                    margin-top: 15px !important;
                }
            }
        }
    }
    @include media-breakpoint-down(lg) {
        padding-bottom:50px;
    }
    @include media-breakpoint-down(md) {
        padding-bottom: 40px;
    }
    @include media-breakpoint-down(sm) {
        padding-bottom: 30px;
    }
}