.articles-list-wrapper {margin-bottom: 55px;}
.articles-list {margin-left: -26px; font-size: 0; line-height: 0;}
   .articles-list-item {display: inline-block; width: 33.333%; vertical-align: top; padding-left: 26px; margin-bottom: 26px; position: relative;}
	  .articles-list-item a {text-decoration: none; color: #404040;}
		 .articles-list-image {text-align: center; position: relative; overflow: hidden;}
			.articles-list-image:before {content: ''; display: block; padding-top: 61.5%;}
			.articles-list-image img {position: absolute; top: 0; left: 0; width: auto; height: auto; min-width: 100%; min-height: 100%; max-width: none; margin-left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
		 .articles-list-text {padding: 20px 20px 40px;}
			.articles-list-title {font-size: 16px; line-height: 1.5; margin-bottom: 20px;}
			   .articles-list-title strong {border-bottom: 1px solid #c6c6c6; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
			   .articles-list-item a:hover .articles-list-title strong {color: #e31e24; border-color: #f3b4b5;}
			.articles-list-short {font-size: 14px; line-height: 1.5;}
		 .articles-list-date {height: 30px; background: #188cbc; text-align: center; font-size: 14px; line-height: 29px; color: #fff;}

@media all and (max-width: 1024px) {
.articles-list-wrapper {margin-bottom: 40px;}
.articles-list-wrapper:last-child {margin-bottom: 20px;}
   .articles-list {margin-left: -20px;}
	  .articles-list-item {padding-left: 20px; margin-bottom: 20px;}
		 .articles-list-short {font-size: 16px;}
}
@media all and (max-width: 959px) {
.articles-list-item {width: 50%;}
}
@media all and (max-width: 639px) {
.articles-list-wrapper:last-child {margin-bottom: 40px;}
}
@media all and (max-width: 567px) {
.articles-list {margin-left: 0;}
   .articles-list-item {width: 100%; padding: 0;}
}
@media all and (max-width: 479px) {
.articles-list-item .box {width: 100%; padding: 0 20px; margin-left: -20px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
   .articles-list-image {margin-left: -20px; margin-right: -20px; width: auto;}
   .articles-list-text {padding: 20px 0 30px;}
	  .articles-list-title {font-size: 18px;}
	  .articles-list-short {font-size: 18px;}
   .articles-list-date {width: 100%; padding: 0 20px; margin-left: -20px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
}