.blog-box {
	border: 1px solid #b2b2b2;
	margin-bottom: 3rem;
}
.blog-box.top {
	display: flex;
}
.blog-box.top .background-image {
	width: 45%;
}
.blog-box-content {
	padding: 1rem;
}
.blog-box-content.top {
    width: calc(55% - 2rem);
    padding: 0.5rem 1rem 1rem 1rem;
}
.blog-middel {
	display: flex;
	justify-content: space-between;
    align-items: flex-start;	
}
.blog-post-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;	
}
.blog-post-wrap.no-sidebar {
    display: block;
    max-width: 800px;
    margin: 0 auto;
}
.blog-post-wrap.has-sidebar {
	width: 70%;
}
.blog-post-wrap article.box {
	width: 48%;
	margin-bottom: 2rem;
	border: 1px solid #ccc;
	font-size: 0.8em;
}
.blog-aside {
	width: 22%;
}
.blog-middel .blog-post {
	flex-wrap: wrap;
	justify-content: space-between;
}
.blog-post {
    margin-top: 70px;
}
.blog-box-content .title {
	margin-top: 5px;
	font-size: 1.2em;
}
.blog-box-content.top .title {
	margin-top: 20px;
	font-size: 1.8em;
}
.single-blog-footer {
	margin-bottom: 190px;
}
.single-blog-footer .btn.btn-readmore {
	display: none;
}
.blog-links {
	justify-content: space-between;
	font-size: 0.85em;
}
.blog-form input {
	margin-top: 0px;
}
.social-button {
	position: relative;
}
.page-links {
	margin-top: 2rem;
}
.page-links .box {
	width: 33.33%;
}
.page-links .box:nth-child(1) {
	text-align: right;
}
.page-links .box:nth-child(2) {
	text-align: center;
}
.page-links .box:nth-child(3) {
	text-align: left;
}
.icon-sharing {
	width: 3rem;
	height: 1rem;
	padding-left: 2rem;
	background-image: url(../svg/icon_sharing.svg);
	background-repeat: no-repeat;
	background-position: left center;
    background-size: 1rem auto;	
	cursor: pointer;
}
.icon-sharing-links {
    display: none;
    position: absolute;
    left: -8px;
    top: -213px;
    width: 37px;
    height: 216px;
    padding-right: 3px;
    padding-left: 3px;
    background-image: url(../img/icon_bg.png);
    background-repeat: no-repeat;
    background-position: center center;
    text-align: center;
    background-size: 100% 100%;
	overflow: hidden;	
}
.icon-sharing-links.active {
    display: block;
}
.icon-sharing-links a{
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-top: 5px;
	margin-bottom: 3px;	
} 
.icon-shar {
	display: inline-block;
	width: 18px;
	height: 18px;
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
}
.icon-tw {
	background-image: url(../img/icon_tw.png);
}
.icon-fb {
	background-image: url(../img/icon_fb.png);
}
.icon-tg {
	background-image: url(../img/icon_tg.png);
}
.icon-li {
	background-image: url(../img/icon_li.png);
}
.icon-wa {
	background-image: url(../img/icon_wa.png);
}
.icon-mail {
	background-image: url(../img/icon_mail.png);
}

.nav.nav-sidbar li a {
	display: inline-block;
}
.aside-box {
	margin-bottom: 50px;
}
.blog-most-popular-row {
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #ccc;
	font-size: 0.95em;	
}
.blog-most-popular-row > .date {
	margin-bottom: 8px;
}
.post-tags a {
	display: inline-block;
	padding: 0.25rem;
}
.paging-navigation {
	width: 100%;
}
.paging-navigation ul {
	display: flex;
	flex-direction: row-reverse;
	justify-content: center;
}
.paging-navigation ul li {
	direction: ltr;
	padding: 0.5rem;
}
.paging-navigation ul li span.current {
	font-weight: 700;
}
@media(max-width: 991px){
	.blog-post-wrap,
	.blog-middel {
		flex-wrap: wrap;
	}
	.blog-post-wrap.has-sidebar {
		width: 100%;
	}
	.blog-post {
		width: 100%;
		padding-right: 0px;
	}
	.blog-middel .blog-post {
		padding-right: 0px;
	}
	.blog-aside {
		width: 250px;
	}
	.blog-box {
		margin-bottom: 50px;
	}
}
@media(max-width: 767px){
	.blog-box {
		margin-bottom: 30px;
	}
	.blog-box.top {
		flex-wrap: wrap;
	}
	.blog-box-image.top {
		width: 100%;
	}
	.blog-box-content.top {
		width: 100%;
		padding: 0 15px 15px;
	}
	.blog-post .blog-box {
		width: 100%;
	}
}
@media(max-width: 525px){
	.blog-post-wrap article.box {
		width: 100%;
	}
}