.bl-container {
	margin: 40px 0 0;
}
.bl-container > .inner {
	width: 100%;
	display: flex;
}
.bl-main {
	flex: 100%;
	max-width: 70%;
}
.bl-side {
	flex: 100%;
	max-width: calc(30% - 30px);
	margin: 10px 0 0 40px;
}
.os-blog_title {
	font-size: 25px!important;
	line-height: 100%;
	padding-bottom: 10px;
}
.os-blog_title_all {
	font-size: 23px!important;
}
.os-blog_item {
	display: flex;
	width: 100%;
	padding: 0 0 20px;
	margin: 0 0 20px;
	position:relative;
	border-bottom: solid 1px #efefef;
}
.os-blog_item > a {
	position: absolute;
	width: 100%;
	height: 100%;
}
.os-blog_item:hover {
	opacity: 0.7;
}
.os-blog_img {
	flex: 100%;
	max-width: calc(30% - 20px);
	margin: 0 20px 0 0;
	padding: 0px 0 0;
	float: left;
	border: 1px solid #efefef;
    padding: 10px;
}
.os-blog_img img{
	width: 100%;
	height: auto;
	object-fit: fill;
}
.os-blog_info {
	flex: 100%;
	max-width: 70%;
}
.os-blog_title_small {
	font-weight: bold;
	font-size: 18px !important;
	/*border-bottom: solid 1px #efefef;*/
	margin: 0 0 10px;
}
.os-blog_title h2 {
	margin: 0;
}
.os-blog-single_img img {
    width: 100%;
    height: 300px;
    object-fit: contain;
	border-radius: 30px;
    margin: 0 0 20px;
}
.os-blog_date,
.os-blog-single_date {
    margin: 0 0 10px;
    color: #888;
}
.os-blog_content{
	font-size: 14px;
}
.os-blog_date2{
	font-size: 30px !important;
	color: #000000;
}
.osen-blog_main-container,
.osen-blog-single_main-container {
	flex: 100%;
	max-width: calc(70% - 30px);
	margin: 0 30px 0 0;
}
.osen-blog_side-container,
.osen-blog-single_side-container {
	flex: 100%;
	max-width: 30%;
	padding: 0;
}
.os-blog-single_content {
	font-size: 16px;
}
.sb-cont {
	margin: 0 0 20px;
    padding: 0 0 20px;
    border-bottom: solid 1px #efefef;
}
.sb-cont ul li, .sb-cont table {
    font-size: 16px;
    list-style: disc inside;
}

.banner-blog .bg-slide {
    height: 780px;
}
.banner-blog .bx-wrapper {
    padding: 108px 0 0;
}
.banner-blog .bx-wrapper img {
    margin-top: -15%;
}

@media screen and (max-width: 767px) {
	.bl-main {
	    width: 100%;
	    max-width: unset;
	    flex: unset;
	}
	.bl-side {
	    width: 100%;
	    flex: unset;
	    max-width: unset;
	    margin: 30px 0;
	}
	.bl-container > .inner {
	    width: unset; 
	    display: unset; 
	}
	.os-blog_item {
	    display: unset; 
	}
	.os-blog_img {
	    max-width: unset;
	    margin: unset; 
	}
	.os-blog_info {
	    max-width: unset;
	    margin: 30px 0; 
	}
	.os-blog-single_img img {
	    height: 150px;
	}
}