#newslist{margin-bottom: 60px;}
#newslist li .border {overflow: hidden;background: #ffffff;display: flex;align-items: center;}
#newslist .photo { width: 50%; display: inline-block; }
#newslist .photo a {display: block;background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;}
#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: 450px;}
#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: #e6e6e6;border-radius: 5px;display: block;color: #464646;}
#newslist .news-info h3 { margin: 10px 0; line-height: 140%; }
#newslist .news-info h3 a {display: block;font-size: 22px;color: #171717;}
#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: #6d6d6d;}
	#newslist .news-info .news-bottom p.catalog a:hover {background: #404040;color: #fff;}
}
@media screen and (max-width:1024px) {
	#newslist .news-info h3 a { font-size: 19px; }
	#newslist .inner { width: calc(100% - 120px); }
	#newslist li .border{
    margin-bottom: 20px;
}
}
@media screen and (max-width:640px) {
	#newslist li .border {padding: 10px;border-bottom: 1px solid #eaeaea;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); }
}