.blog-main{margin: 20px 0 0;}
.blog-list{overflow: hidden; margin-left: -14px; margin-right: -14px; margin-bottom: 10px; padding: 10px 0;}
.blog-list li{ float: left;}
.blog-list li a{padding: 0 14px; border-right: 1px solid #c7c7c7;}
.blog-list li:last-child a{ border: none;}
.blog-outer{overflow: hidden; margin-left: -20px; margin-right: -20px;}
.blog_main_left {float: left; width: 73%; padding: 0 20px;}
.blog_main_left .blog-title{border-bottom: 1px solid #ddd; padding: 0 0 10px; margin: 0 0 26px; line-height: normal;}
.blog_main_right {float: left; width: 27%; padding: 0 20px;}
.blog_post_loop_container {padding: 20px 0; overflow: hidden; margin-bottom: 30px; border-radius: 4px; box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2);}
.blog-post-left{width: 32%; float: left; padding: 0 15px;}
.blog-post-right{width: 68%; float: left; padding: 0 15px;}
.blog-post-right h3{font-size: 24px; line-height: 28px;}
.blog-post-right p{font-size: 16px; line-height: 26px; margin: 0 0 30px;}
.blog-button{ text-align: center;}
.blog_index_loop_img {width: 100%;}

/* Single Page */
.blog-detail-main{}
.blog-detail-main .search-form-outer{ text-align: right;}
.single_blogpost_container {width: 70%; margin: 0 auto;}
.blog_title {padding: 20px 0px; line-height: 35px;}
.detail-blog-category{ margin: 0 0 20px;}
.detail-blog-category a{ font-size: 12px; margin: 0 3px;}
.detail-blog-tags{ margin: 0 0 20px;}
.detail-blog-tags a{ font-size: 12px; margin: 0 3px;}
.singleBlogImg {max-width: 100%; display: block; margin: 0 0 30px;}

/*===Blog Page Sidebar CSS====*/
.blog-outer > .search-form-outer{ display: none;}
.search-form-outer{margin: 0 0 30px;}
.search-form-outer form{}
.search-form-outer form input.control{height: 36px; padding: 0 6px; border: 1px solid #ccc; border-top-left-radius: 3px; border-bottom-left-radius: 3px; vertical-align: top;}
.search-form-outer form input.btn{border-top-left-radius: 0px !important; border-bottom-left-radius: 0px !important; margin-left: -4px; vertical-align: top;}
.category-sidebar{margin: 0 0 30px;}
.category-sidebar > h3{font-size: 16px; margin: 0 0 10px;}
.category-sidebar > ul{overflow: hidden; margin-left: -8px; margin-right: -8px;}
.category-sidebar > ul li{float: left; padding: 0 8px; border-right: 1px solid #ddd;}
.category-sidebar > ul li:last-child {border: none;}
.category-sidebar > ul li a{font-size: 15px;}
.related-article-block{margin: 0 0 30px;}
.related-article-block > h3{font-size: 16px; margin: 0 0 10px;}
.related-article-block ul{}
.related-article-block ul li{overflow: hidden; margin: 0 0 16px; display: flex; align-items: center;}
.related_article_left_div {float: left; width: 40%;}
.related_article_right_div {float: left; width: 58%; padding-left: 8px;}
.related_article_right_div h4{margin: 0 0 8px; font-size: 14px;}
.related_article_right_div p{margin: 0; font-size: 11px;}
.tab-block{}
.tab-block > h3{font-size: 16px; margin: 0 0 10px;}
.tab-block ul{}
.tab-block ul li{display: inline-block;}
.tab-block ul li a{background-color: #ddd; padding: 6px 14px; border-radius: 4px; font-size: 12px; color: #000; display: inline-block; margin-right: 1px; margin-bottom: 10px;}

/*===Responsive Css Start====*/
@media screen and (max-width:1024px) {
    .search-form-outer form input.control{width: 162px;}
    .search-form-outer form input.btn{ font-size: 12px;}
}
@media all and (max-width:960px) {
    .search-form-outer form input.control{width: 115px;}
    .search-form-outer form input.btn{font-size: 10px; padding: 8px 10px;}
}
@media screen and (max-width:767px) {
    .blog-list{margin-left: -10px; margin-right: -10px;}
    .blog-list li a{padding: 0 10px; font-size: 12px;}
    .blog-outer{ margin: 0px;}
    .blog_main_left{ width: 100%; padding: 0;}
    .blog_main_right{width: 100%; padding: 0;}
    .blog_main_left .blog-title{padding: 0 0 8px; margin: 0; font-size: 18px;}
    .blog_post_loop_container{ box-shadow: none; padding: 10px 0; margin-bottom: 10px;}
    .blog-post-left{ width: 100%; padding: 0px;}
    .blog-post-right{ width: 100%; padding: 0px;}
    .blog-post-right h3{font-size: 18px; margin: 8px 0; line-height: 20px;}
    .blog-post-right p{font-size: 14px; line-height: 18px; margin: 0 0 10px;}
    .search-form-outer form{ text-align: center;}
    .search-form-outer form input.control{width: 195px;}
    .search-form-outer form input.btn{padding: 8px 16px;}
    .blog-outer > .search-form-outer{ display: block;}
    .blog_main_right .search-form-outer{ display: none;}
    .category-sidebar{margin: 0 0 16px;}
    .related-article-block{margin: 0 0 16px; display: none;}
    .single_blogpost_container{width: 100%;}
    .singleBlogImg{width: 100%;}
    .blog_title{line-height: 31px; font-size: 24px; padding: 0px;}
    .detail-blog-category, .detail-blog-tags{margin: 0 0 10px;}
    .detail-blog-category strong, .detail-blog-tags strong{font-size: 12px;}
    .detail-blog-category a.btn.btn-sm, .detail-blog-tags a.btn.btn-sm{margin: 0 0 2px; padding: 2px; box-shadow: none;}
    .single_blogpost_container h2{font-size: 22px; line-height: 22px;}
    .single_blogpost_container p{ font-size: 14px;}
    .single_blogpost_container iframe{width: 100%; height: auto;}

}