.blog-section .__section-item{ width: 100%}

.articles-list{ margin: 20px auto; max-width: 420px;}
.article-item{ border-radius: 4px; overflow: hidden; border: 1px solid var(--mgray); margin-bottom: 15px}
.article-item-image { width: 100%; display: block; height: 0; padding-top: 70%; position: relative}
.article-item-image img{  display: block; position: absolute; top:0; left: 0; width: 100%; height: 100%; object-fit: cover}
.article-item-anons{ padding: 15px;}
.article-item-title{ font-weight: 700; font-size: 16px }
.article-item-title a{   }
.article-item-link{  border-top: 1px solid var(--mgray)}
.article-item-link a{ padding: 13px 0px; margin: 0 15px; display: block;
	background-image: url(../../../../images/sprite-icons.svg#icon-right-arr); background-repeat: no-repeat; background-position: center right; background-size: 16px 12px;
	}

@media only screen and (min-width: 768px) {
	.articles-list{ margin: auto; max-width: none; display: flex; flex-wrap: wrap}
	.article-item-wrap{ flex-basis: calc(50% - 20px); padding: 10px}
	.article-item{ height: 100%;  box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between;}
	.article-item-anons{ flex: 1}
	.article-item-link{}

	/*
	.article-item{ height: 100%;  box-sizing: border-box; padding-bottom: 45px;}
	.article-item-link{ position: absolute; left: 0; bottom: 0; width: 100%}

	 */



}

@media only screen and (min-width: 1024px) {
	.article-item-wrap{ flex-basis: calc(33.33% - 20px); padding: 10px}
}

@media only screen and (min-width: 1280px) {
	.article-item-wrap{ flex-basis: calc(25% - 20px); padding: 10px}
}