.blogs-container .childrens {padding: 20px 0;}
.blogs-container .product-count {margin-bottom: 1rem;padding-top: 0.5rem;padding-bottom: 0.5rem;text-align: center;}
.blogs-container .pagination .material-icons {font-size: 15px;vertical-align: -3px;}
.blogs-container .blog-image img {max-width: 100%;}
.blog-detail .blog-image {text-align: center;}
/* Blog Item */
.leo-block-sidebar .list-item {position: relative;display: flex;flex-wrap: wrap;padding: 0 0 15px;margin: 0 0 15px;border-bottom: 1px solid #eee;}
.leo-block-sidebar .list-item:last-child {border-bottom: 0;padding: 0;margin: 0;}
.leo-block-sidebar .list-item .blog-content {width: calc(100% - 120px);min-width: 60%;}
.leo-block-sidebar .list-item .post-name a {padding: 0;line-height: 18px;max-height: 36px;overflow: hidden;margin: 0 0 5px;}
.leo-block-sidebar .list-item .blog-image {width: 120px;padding: 0 15px 0 0;max-width: 40%;}
.leo-block-sidebar .list-item .blog-image a {display: block;position: relative;overflow: hidden;}
.leo-block-sidebar .list-item .blog-image a img {transition: all 1s;}
.leo-block-sidebar .list-item .blog-image a:before {content: "\f002";font-family: "FontAwesome";position: absolute;top: 50%;left: 50%;idth: 50px;height: 50px;line-height: 50px;text-align: center;font-size: 30px;margin: -25px 0 0 -25px;transition: all .4s;transform: scale(0);z-index: 2;color: #fff;}
.leo-block-sidebar .list-item .blog-image a:hover:before {transform: scale(1);}
.leo-block-sidebar .list-item .blog-image a:hover img {transform: scale(1.1);filter: brightness(0.5);}
.blog-item {padding: 0 0 100px;margin: 0 0 20px;position: relative;}
.blog-item .blog-image-container {display: flex;flex-direction: column-reverse;}
.blog-item .share_button {order: 1;}
@media (min-width: 992px) {
.blog-item .share_button {position: absolute;right: 0;bottom: 25px;z-index: 2;}
}
.blog-item .title {margin: 0 0 10px;font-size: 18px;font-weight: 500;order: 3;}
.blog-item .title a {line-height: 24px;color: #333;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 90%;}.blog-item .title a:hover {color: #666;}.blog-item .blog-info p {margin: 0;}.blog-item .leading-blog {display: flex;flex-wrap: wrap;}.blog-item .leading-blog .row,.blog-item .secondary-blog .row {display: flex;flex-wrap: wrap;}.blog-item .blog-image {margin-bottom: 15px;order: 4;}.blog-item .blog-image a {display: block;position: relative;overflow: hidden;}.blog-item .blog-image a img {transition: all 1s;}.blog-item .blog-image a:before {content: "\f002";font-family: "FontAwesome";position: absolute;top: 50%;left: 50%;width: 50px;height: 50px;line-height: 50px;text-align: center;font-size: 40px;margin: -25px 0 0 -25px;transition: all .4s;transform: scale(0);z-index: 2;color: #fff;}.blog-item .blog-image a:hover:before {transform: scale(1);}.blog-item .blog-image a:hover img {transform: scale(1.1);filter: brightness(0.5);}.blog-item .blog-meta {color: #999;margin-bottom: 10px;font-size: 10px;text-transform: uppercase;order: 2;}.blog-item .blog-meta > span {margin: 0 10px 0 0;}.blog-item .blog-meta a {color: #999;}.blog-item .blog-meta a:hover {color: #000;}.blog-item .blog-meta i {font-size: 16px;vertical-align: -3px;margin: 0 5px 0 0;}.blog-item .blog-meta i.icon-font {font-size: 12px;vertical-align: 0;}.blog-item .blog-meta .blog-created {position: absolute;bottom: 10px;left: 0;right: 0;text-align: left;border-top: 1px solid #eee;line-height: 14px;padding: 20px 20px 20px 70px;color: #999;letter-spacing: 1px;margin: 0;}.blog-item .blog-meta .blog-created i,.blog-item .blog-meta .blog-created i + span {display: none;}.blog-item .blog-meta .blog-created time.date span {display: block;}.blog-item .blog-meta .blog-created time.date .b-date {display: none;}.blog-item .blog-meta .blog-created time.date .b-day {position: absolute;font-size: 30px;font-weight: bold;left: 0;top: 20px;padding: 0 10px;min-width: 60px;border-right: 1px solid #eee;line-height: 28px;text-align: right;}.blog-item .blog-shortinfo {margin-bottom: 0;padding: 0 0 10px;}.blog-item .more {border: 0;background: none;color: #333 !important;font-size: 12px;padding: 5px 0;background: none !important;}.blog-item .more:hover {color: #000 !important;}/* Blog detail */.blog-detail {line-height: 24px;}.blog-detail .blog-title {margin: 20px 0 10px;line-height: 1.5;}
.blog-detail .blog-description {padding: 2rem 0;margin: 0 0 2rem;}
.blog-detail .product-count {margin-bottom: 1rem;padding-top: 0.5rem;padding-bottom: 0.5rem;text-align: center;}
.blog-detail .blog-meta {margin-bottom: 20px;font-size: 12px;}
.blog-detail .blog-meta a {color: #999;}
.blog-detail .blog-meta a:hover {color: #000;}
.blog-detail .blog-meta > span {color: #999;font-size: 12px;margin: 5px;display: inline-block;vertical-align: top;}
.blog-detail .blog-meta > span > span {display: none;}
.blog-detail .blog-meta > span .material-icons {font-size: 15px;vertical-align: -2px;}
@media (min-width: 576px) {
.blog-detail .blog-tags, .blog-detail .social-share {display: inline-block;}
}
.social-wrap:after {content: "";display: block;	clear: both;}
.extra-blogs h4 {margin: 20px 0;}
#blog-category > .inner > h3 {font-size: 13px;color: #444;margin: 20px 0;font-weight: 500;text-transform: capitalize;}
.fb_iframe_widget iframe {left: 0;right: 0;top: 0;}
.blog-tags, .extra-blogs,.blog-comments, .social-share,.blog-comment-block {margin-bottom: 20px;}#blogpage .extra-blogs {background: var(--primary-lightest);margin-top: 1.5rem;}.blog-comment-block {margin-top: 50px;padding-top: 50px;border-top: 2px solid #000;}#blog-localengine {max-width: 600px;margin: auto;}#blog-localengine h3 {text-align: center;font-size: 16px;}#blog-localengine h3:before {content: "xxx";margin: 0 35px 0 0;color: #888;font-size: 10px;vertical-align: middle;font-family: "Poppins", sans-serif;text-transform: none;}#blog-localengine h3:after {content: "xxx";margin: 0 0 0 35px;color: #888;font-size: 10px;vertical-align: middle;font-family: "Poppins", sans-serif;text-transform: none;}@media (min-width: 576px) {.blog-tags {float: right;}}.blog-tags a span {line-height: 1;padding: 5px 5px;margin: 0 2px;display: inline-block;font-size: 12px;text-transform: capitalize;background: var(--primary-lighter);border-radius: 3px;}.blog-tags a:hover span {background: #000;color: #fff;}
.extra-blogs ul li {border-bottom: dotted 1px var(--primary-lighter);}
.extra-blogs ul li a {padding: 10px 0;display: block;}
.blog-video-code .inner {background: #DDD;padding: 12px;margin-bottom: 15px;text-align: center;}
.blog-video-code .inner iframe {max-width: 100%;}
/* comment */
.comment-item {padding: 12px 0;}
.comment-item img {padding: 0 12px 0 0;float: left;}
.extra-blogs {clear: both;}
.comment-wrap {overflow: hidden;background: #fff;border: 1px solid #eee;padding: 20px;position: relative;-webkit-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
.comment-wrap .comment-meta {
border-bottom: 1px solid #eee;
font-size: 11px;display: -webkit-box;display: -moz-box;display: box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-moz-box-pack: justify;box-pack: justify;-webkit-justify-content: space-between;-moz-justify-content: space-between;-ms-justify-content: space-between;-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
padding-bottom: 10px;
margin-bottom: 12px;
}
.comment-wrap .comment-infor > span {font-weight: 600;margin-right: 5px;}
.comment-wrap .comment-infor > span > span {font-weight: normal;white-space: inherit;}
.comment-link {display: block;}
.social-share .social-wrap > div {float: left;margin-right: 10px;}
.social-share .social-heading {padding-right: 12px;}
.ipts-captcha img {float: left;padding-right: 12px;margin-bottom: 10px;}
.ipts-captcha input {width: 100px;height: 35px;}
.blog-comment-block .fb-comments {margin: 0 -8px;}
#blog-localengine .comments {margin-bottom: 30px;}
#blog-localengine .btn-submit-comment {min-width: 110px;}
#blog-localengine .form-horizontal {margin-bottom: 30px;background: white;padding: 20px;}
#blog-localengine .form-horizontal .col-lg-3 {display: none;}
#blog-localengine .form-horizontal .col-lg-9 {width: 100%;}
#blog-localengine .form-horizontal > .form-group:last-child {position: relative;}
#blog-localengine .form-horizontal > .form-group:last-child > div {width: 100%;text-align: center;}
#blog-localengine .form-horizontal label {display: block;margin-bottom: 0;padding-top: 7px;}
#blog-localengine .form-horizontal .form-group:last-child {margin-bottom: 0;}
/* Load Submit Comment */
.leoblog-cssload-container {width: 100%;height: 35px;text-align: center;display: none;}
/* categories left or right sidebar */
.blog-menu li {position: relative;}
.blog-menu ul {margin: 0px;}
.blog-menu ul > li > a {font-weight: 400;width: 100%;display: inline-block;margin: 0;padding: 10px 0;}
.blog-menu ul > li li a {font-size: 13px;}
.blog-menu .collapse-icons {position: absolute;top: 5px;padding: 0;cursor: pointer;width: 30px;height: 30px;line-height: 30px;text-align: center;right: 0;border: 0;}.blog-menu .collapse-icons .material-icons {font-size: 16px;vertical-align: 0;}.blog-menu .collapse-icons[aria-expanded="true"] .add {display: none;}.blog-menu .collapse-icons[aria-expanded="true"] .remove {display: inline-block;}.blog-menu .collapse-icons .add,.blog-menu .collapse-icons .remove {color: #000;}.blog-menu .collapse-icons .add:hover,.blog-menu .collapse-icons .remove:hover {color: #000;}.blog-menu .collapse-icons .remove {display: none;}
.blog-lastest-rss {float: right !important;position: relative;top: -35px;}
.blog-lastest-rss a {color: #f8991d;}
.blog-lastest-rss a:before {content: "\f09e";font-family: "FontAwesome";font-size: 30px;margin-right: 5px;}
.blog-lastest-rss a:hover {color: #000;}
@media (min-width: 576px) {
.comment-link {font-family: 'Poppins', sans-serif;}
.blogs-container .product-count,
.blog-detail .product-count {text-align: right;margin-top: 1rem;}
}
@media (max-width: 767px) {
#blog-localengine .form-horizontal label {text-align: left;}
.blog-detail .pagination, .blogs-container .pagination {text-align: center;}
.blog-detail .page-item, .blogs-container .page-item {display: inline-block;}
.blog-video-code iframe {width: 100%;}
}
@media (max-width: 575px) {
.comment-wrap .comment-meta {display: inline-block;}
.comment-wrap .comment-meta > span {display: inline-block;margin: 5px 0;width: 100%;float: left;}
}
#blog-listing > h1 {margin-bottom: 30px;}
#blog-listing > h1 span {color: #000;}
.share_button {display: flex;flex-wrap: wrap;align-items: center;margin: 10px 0;font-size: 12px;color: var(--primary-light);}
.share_button ul {display: flex;flex-wrap: wrap;}
.share_button li a {display: inline-block;vertical-align: top;padding: 0 10px;margin: 0 0 0 10px;border-radius: 3px;background: var(--primary-medium);color: var(--white);}
.share_button li a:before {content: "\f39e";margin: 0 2px 0 0;font-family: "FontAwesome";}
.share_button li.facebook a:before {content: "\f09a";}
.share_button li.twitter a:before {content: "\f099";}
.share_button li a:hover {background: #000;color: #fff;}
.share_button i.fa.fa-share-alt {margin: 0 5px 0 0;}
#blog-category h4 {font-size: 1.2em;margin: 0;}
#blog-category h4 a {color: inherit;display: block;padding: 15px 0;}
#blog-category .childrens .row {display: flex;flex-wrap: wrap;}
#blog-category .childrens .col-lg-3 {min-width: 33.33%;margin: 0 0 30px;}