/*=== common css starts ===*/
.body-small{ font-size: 1.4rem;line-height: 28px; }
/*=== common css ends ===*/

/*=== Blog Detail CSS starts ===*/
.blog-detail-main-wrapper .blog-detail-banner-image-holder {color: #fff;position: relative;background-repeat: no-repeat;background-position: center;background-size: cover;min-height: 500px;}
.blog-detail-main-wrapper .blog-detail-cat-tags-wrapper ul {margin: 0 !Important;}
.blog-detail-main-wrapper .blog-detail-cat-tags-wrapper ul li {padding: 0 !Important;display: inline-block;margin: 0px 5px 10px 5px !important;}
.blog-detail-main-wrapper .blog-detail-author-wrapper {padding: 40px 0 30px 0;}
.blog-detail-main-wrapper .blog-detail-title .h1 {padding-bottom: 20px;}
.blog-detail-main-wrapper .blog-detail-author-image-wrapper > img {border-radius: 50%;display: inline-block;vertical-align: middle;margin-right: 15px;}
.blog-detail-main-wrapper .blog-detail-author-name {display: inline-block;vertical-align: middle;}
.blog-detail-main-wrapper .blog-detail-cat-tags-wrapper .blog-detail-tag-item > a {padding: 8px 20px !important;background-color: #e3e3e3;text-transform: uppercase;color: #2f2f2f;transition: background-color 0.5s ease;letter-spacing: 2px;display: inline-block;border: 1px solid transparent;}
.blog-detail-main-wrapper .blog-detail-cat-tags-wrapper .blog-detail-tag-item > a:hover {background-color: #d1d1d1;}
.blog-detail-main-wrapper .blog-detail-author-image-wrapper {padding: 20px 0 40px 0;}

.blog-detail-main-wrapper .banner-hide.blog-detail-author-section {padding: 80px 0;}
.blog-detail-main-wrapper .banner-hide .blog-detail-date-wrapper {padding-bottom: 10px;}
.blog-detail-main-wrapper .banner-hide .blog-detail-author-image-wrapper {display: flex;align-items: center;padding: 0px 0 40px 0;}
.blog-detail-main-wrapper .banner-hide .blog-detail-author-name {flex-grow: 1;}
.blog-detail-main-wrapper .banner-hide .blog-detail-author-image-wrapper > img {margin-right: 0;}
.blog-detail-main-wrapper .banner-hide .blog-detail-header-row {display: flex;align-items: center;}
.blog-detail-main-wrapper .banner-hide .blog-detail-header-col {position: relative;}
.blog-detail-main-wrapper .banner-hide .blog-detail-header-col:first-child:after {content: "";width: 2px;height: 100%;background-color: #2f2f2f;position: absolute;display: block;top: 0;right: -9%;}
/*=== Blog Detail CSS ends ===*/

/*=== Blog Detail Media Query CSS starts ===*/
/*--- Small Desktop/Laptop ---*/
@media all and (min-width:1024px) and (max-width:1679px){
    .body-small{ font-size: 1.4rem;line-height: 28px; }
}

/*--- Tablet Landscape ---*/
@media all and (min-width:768px) and (max-width:1023px){
    .blog-detail-main-wrapper .blog-detail-banner-image-holder{min-height: 260px;}
}
/* For tabalet landscape */

@media all and (max-width:1024px){
    .body-small{ font-size: 0.9rem;line-height: 19.6px; }
    .blog-detail-main-wrapper .blog-detail-author-image-wrapper > img {width: 60px;}
    .blog-detail-main-wrapper .blog-detail-cat-tags-wrapper .blog-detail-tag-item > a {padding: 5px 15px !important;}
    .blog-detail-main-wrapper .blog-detail-cat-tags-wrapper ul li {margin: 0px 3px 5px 3px !important;}
    .blog-detail-main-wrapper .blog-detail-author-image-wrapper {padding: 20px 0 20px 0;}
    .blog-detail-main-wrapper .blog-detail-author-wrapper {padding: 40px 0 20px 0;}

    .blog-detail-main-wrapper .banner-hide.blog-detail-author-section {padding: 40px 0;}
    .blog-detail-main-wrapper .banner-hide .blog-detail-header-col:first-child:after {right: -5%;}
    .blog-detail-main-wrapper .banner-hide .blog-detail-author-image-wrapper > img {width: 60px;}
	.blog-detail-main-wrapper .blog-detail-banner-image-holder{min-height: 270px;}
}

/*--- Mobile ---*/
@media all and (max-width:767px){
    .body-small{ font-size: 0.9rem;line-height: 19.6px; }
    .blog-detail-main-wrapper .banner-hide .blog-detail-header-row {display: block;}
    .blog-detail-main-wrapper .banner-hide .blog-detail-author-image-wrapper {display: block;}
    .blog-detail-main-wrapper .banner-hide .blog-detail-header-col:first-child:after {display: none;}
    .blog-detail-main-wrapper .banner-hide .blog-detail-author-image-wrapper > img {margin-left: 15px;width: 40px;}
    .blog-detail-main-wrapper .banner-hide.blog-detail-author-section {padding: 40px 0 20px 0;}
    .blog-detail-main-wrapper .banner-hide .blog-detail-date-title-wrapper {padding-bottom: 30px;border-bottom: 1px solid #2f2f2f;}
    .blog-detail-main-wrapper .banner-hide .blog-detail-author-image-wrapper {padding: 30px 0;}

    .blog-detail-main-wrapper .blog-detail-author-image-wrapper > img {width: 40px;}
    .blog-detail-main-wrapper .blog-detail-author-wrapper {padding: 40px 0;}
	.blog-detail-main-wrapper .blog-detail-banner-image-holder{min-height: 160px;}
}
@media all and (max-width:580px){
    
}
/*=== Blog Detail Media Query CSS ends ===*/