/*==================================================================*/
/*========== Blogs-Detail Start ==========*/
/*==================================================================*/
.blogs-detail-section .blogs-detail-main-content {
	display: flex;
	flex-wrap: wrap;
}

.blogs-detail-section .blogs-detail-main-content > * {
	flex: 1 0 0;
	max-width: 100%;
}

.blogs-detail-section .blogs-detail-main-content .blogs-detail-sidebar {
	flex: 0 0 auto;
	width: 350px;
	margin-left: 40px;
}

.blogs-detail-section .blogs-detail-main-content .blogs-detail-sidebar .common-sidebar-part {
	position: sticky;
	top: 15px;
}

.blogs-detail-section .blogs-detail-main-image {
	margin-bottom: 25px;
}

.blogs-detail-section .blogs-detail-main-image * {
	width: 100%;
	max-height: 500px;
	object-fit: cover;
	font-family: 'object-fit: cover';
	overflow: hidden;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
}

@media (min-width: 992px) and (max-width: 1199px){
.blogs-detail-section .blogs-detail-main-content .blogs-detail-sidebar { width: 300px; margin-left: 30px; }
.blogs-detail-section .latest-blog-sidebar .blog-block .blog-image { width: 85px; height: 85px; margin-right: 10px; }
.blogs-detail-section .latest-blog-sidebar .blog-block .title { font-size: 18px; }
}

@media (min-width: 768px) and (max-width: 991px){
.blogs-detail-section .blogs-detail-main-content { flex-direction: column; }
.blogs-detail-section .blogs-detail-main-content .blogs-detail-sidebar { width: 100%; margin: 30px 0 0; }
.blogs-detail-section .latest-blog-sidebar .blogs-list { display: flex; flex-wrap: wrap; margin: 0 -10px; }
.blogs-detail-section .latest-blog-sidebar .blogs-list > * { flex: 0 0 auto; width: 50%; padding: 0 10px; }
.blogs-detail-section .latest-blog-sidebar .blog-block .blog-image { width: 85px; height: 85px; margin-right: 10px; }
.blogs-detail-section .latest-blog-sidebar .blog-block .title { font-size: 18px; }
}

@media (max-width: 767px){
.blogs-detail-section .blogs-detail-main-content { flex-direction: column; }
.blogs-detail-section .blogs-detail-main-content .blogs-detail-sidebar { width: 100%; margin: 30px 0 0; }
.blogs-detail-section .latest-blog-sidebar .blog-block .blog-image { width: 75px; height: 75px; margin-right: 10px; }
.blogs-detail-section .latest-blog-sidebar .blog-block .title { font-size: 18px; }
}
/*==================================================================*/
/*========== Blogs-Detail End ==========*/
/*==================================================================*/