.index-news.flex {
	position: relative;
	min-height: 240px;
}
/* index-news */
.index-news {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	margin: 55px 0 0;
}

.index-news__item {
	width: 23.444%;
}

.index-news__item-date {
	color: #6a737e;
	font-size: 12px;
	margin: 0 0 14px;
}

.index-news__item-title {
	font-size: 18px;
	line-height: 24px;
	font-weight: 400;
	margin: 0 0 7px;
	transition: color ease .2s;
}

.index-news__item-title:hover {
	color: #12b6c8;
}

.index-news__item-text {
	font-size: 14px;
	line-height: 24px;
	margin: 0 0 1px;
}

@media screen and (max-width: 1280px){
	.index-news__item {
		width: 22.9%;
	}
}
@media screen and (max-width: 1100px){
	.index-news__item:last-child {
		display: none;
	}
	.index-news__item {
		width: 31.2%;
	}
}
@media screen and (max-width: 980px){
	.index-news__item:last-child {
		display: block;
	}

	.index-news {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-align: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
	}

	.index-news__item {
		width: 47.9%;
		margin: 0 0 53px;
		position: relative;
		padding: 0 0 32px;
	}

	.index-news__item .more-link {
		position: absolute;
		bottom: 0;
	}
}
@media screen and (max-width: 620px){
	.index-news__item:nth-child(3),
	.index-news__item:nth-child(4) {
		display: none;
	}
	.index-news__item {
		width: 100%;
		margin: 0 0 33px;
	}

	.index-news {
		max-width: 400px;
		margin: 0 auto;
	}
}
@media screen and (max-width: 500px){
	.index-news__item-title {
		display: inline-block;
	}

	.index-news__item-text,
	.index-news__item .more-link{
		font-size: 16px;
	}
}