.invalid-tooltip{right:unset; top:100%; left:0;}

[name="form_units"] + .invalid-tooltip {
  right: -14px;
  left: unset;
}

.breadcrumb-sec{float: left; width: 100%;background-color: #f8f8f8; height: 40px; line-height: 40px; margin: 10px 0;}
.breadcrumb li a{color: #2e2e2e;font-size: 16px;text-decoration: none;  }
.breadcrumb {padding: 0; margin: 0; background: transparent;}




.blog-sec{ padding: 30px 0; }
.blog-detail-box{ width: 100%;float: left;margin-bottom: 30px; }
.blog-detail-box h4{ font-size: 19px;font-family: 'SourceSansPro', sans-serif;color: #d9042b;margin-top: 10px;font-weight: 600;
height: 25px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.blog-detail-box .time{ margin-top: 30px; }
.blog-detail-box .time h6{ font-size: 14px;color: #767676; display:flex; justify-content:center; gap:8px; }
.blog-detail-box .time h6 img{ margin-right: 4px; height:16px }
.blog-detail-box p{ height: 50px;overflow: hidden;color:#000;}
.blog-detail-box .read-btn{ font-size: 16px;float: right;text-transform: none;font-weight: 600;padding: 7px 20px;outline:none;border:none;}
.blogs-post label{ font-size: 18px;color: var(--font-heading);padding-top: 40px;font-weight: 700;border-bottom: solid 1px #ef233c;width: 100%; }
.blogs-post ul li{ display: flex; width: 100%;list-style: none;padding: 15px 0 10px 0;border-bottom: solid 1px #eeeeee;  }
.blogs-post ul li img{ margin-right: 20px; }
.blogs-post ul li h6{ font-size: 14px;font-family: 'SourceSansPro', sans-serif;font-weight: 500; }
.paging-navigation {float: left; width: 100%; margin-bottom: 20px;}
.paging-navigation .pagination {float: right;}
.paging-navigation .pagination a {color:#2e2e2e; }
.paging-navigation .pagination a:hover {color:#ef233c; }
.paging-navigation .page-numbers {position: relative; display: block; padding: .5rem .75rem; margin-left: -1px; line-height: 1.25; background-color: #fff; border: 1px solid #dee2e6;color: #2e2e2e;}	


@media screen and (min-width: 20px) and (max-width: 1170px){
.blog-detail-box .time h6{ font-size: 10px;}
}
@media screen and (min-width: 20px) and (max-width: 991px){
.blog-detail-box .time{margin-top: 15px;}
.blog-detail-box .time h6{ font-size: 14px;}
}
@media screen and (min-width: 20px) and (max-width: 475px){
.blog-detail-box .time h6{ font-size: 10px;}
}