#newslist li .border { overflow: hidden; background: #ececec; display: flex; align-items: center; }
#newslist .photo { width: 50%; display: inline-block; }
#newslist .photo a { background-repeat: no-repeat 50% / cover; display: block; }
#newslist .photo a img { width: 100%; }
#newslist .news-info { overflow: hidden; margin: 0 auto; width: 50%; display: inline-block; }
#newslist .inner { margin-left: 60px; float: left; width: 400px; }
#newslist .news-info .news-bottom { overflow: hidden; }
#newslist .news-info .news-bottom p { display: inline-block; font-size: 14px; color: #585858; vertical-align: middle; }
#newslist .news-info .news-bottom p.catalog { margin-right: 10px; }
#newslist .news-info .news-bottom p.catalog a { padding: 3px 10px; background: #ccc; border-radius: 5px; display: block; color: #6d6d6d; }
#newslist .news-info h3 { margin: 10px 0; line-height: 140%; }
#newslist .news-info h3 a { display: block; font-size: 22px; color: #1a5c71; }
#newslist .news-info h4 { overflow: hidden; max-height: 72px; font-size: 14px; line-height: 130%; font-weight: normal; color: #676767; }

@media screen and (min-width:1025px) {
	#newslist li:nth-child(even) .photo { order: 2; }
	#newslist li:nth-child(even) .news-info { order: 1; }
	#newslist li:nth-child(even) .inner { float:right; margin-left: 0; margin-right: 60px; }
	#newslist li:nth-child(even) .news-info .news-bottom , #newslist li:nth-child(even) .news-info h3 a , #newslist li:nth-child(even) .news-info h4 { text-align: right; }
	#newslist .news-info h3 a:hover { color: #f1912c; }
	#newslist .news-info .news-bottom p.catalog a:hover { background: #909090; color: #fff; }
}
@media screen and (max-width:1024px) {
	#newslist .news-info h3 a { font-size: 19px; }
	#newslist .inner { width: calc(100% - 120px); }
}
@media screen and (max-width:640px) {
	#newslist li .border { padding: 10px; border-bottom: 1px solid #3b849a; align-items: flex-start; }
	#newslist .photo { width: 150px; }
	#newslist .news-info { width: calc(100% - 150px); }
	#newslist .news-info h4 { display: none; }
	#newslist .inner { margin-left: 30px; width: calc(100% - 60px); }
	#newslist .news-info h3 a { line-height: 120%; font-size: 17px; }
	#newslist .news-info .news-bottom p { font-size: 12px; }
	#newslist .news-info .news-bottom p.catalog a { line-height: 120%; }
}
@media screen and (max-width:480px) {
	#newslist .inner { margin-left: 20px; width: calc(100% - 40px); }
}