.articles-item {margin-bottom: 26px;}
   .articles-item-text {margin-bottom: 40px;}
      .articles-item-top {margin-bottom: 40px; position: relative;}
         .articles-item-top-image {float: left; width: 310px; margin-right: 40px;}
         .articles-item-top-text {padding-left: 310px;}
            .articles-item-date {display: inline-block; height: 30px; padding: 0 20px; margin-bottom: 20px; background: #188cbc; color: #fff; font-size: 14px; line-height: 29px;}
   .articles-item-gallery {margin-bottom: 40px;}
      .articles-item-gallery-slider {padding: 0 20px;}
         .articles-item-gallery-slider a {display: block; text-align: center; margin: 0 20px;}
   .articles-item-video {}
      .articles-item-video .article-video {position: relative;}
         .articles-item-video .article-video:before {content: ''; display: block; width: 100%; padding-top: 56.04%}
            .articles-item-video .video-wrapper {position: absolute; top: 0; left: 0; right: 0; bottom: 0;}

@media all and (min-width: 1025px) and (max-width: 1279px) {
   .articles-item-top {margin-bottom: 20px;}
      .articles-item-top-image {margin: 0 20px 10px 0;}
      .articles-item-top-text {padding-left: 0;}
}
@media all and (max-width: 1024px) {
   .articles-item {margin-bottom: 20px;}
      .articles-item-gallery-slider a {margin: 0 10px;}
}
@media all and (max-width: 959px) {
   .articles-item-top {margin-bottom: 20px;}
      .articles-item-top-text {padding-left: 0;}
}
@media all and (min-width: 568px) and (max-width: 959px) {
   .articles-item-top-image {margin: 0 20px 10px 0} 
}
@media all and (max-width: 639px) {
   .articles-item-gallery-slider {padding: 0 0 0 s20px; width: 100%; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
      .articles-item-gallery-slider .slick-list {margin-left: -20px; padding: 0;}
         .articles-item-gallery-slider img {height: 150px;}
}
@media all and (max-width: 567px) {
   .articles-item-top-image {float: none; width: 100%; margin: 0 0 20px;}
}
@media all and (max-width: 479px) {
   .articles-item {padding-top: 0;}
      .articles-item-top {padding-top: 44px;}
         .articles-item-top:before {content: ''; display: block; padding-top: 65.70%;}
         .articles-item-top-image {position: absolute; top: 0; left: -20px; right: -20px; width: auto;}
      .articles-item-video .article-video {padding-top: 24px;}
         .articles-item-video .video-wrapper {left: -20px; right: -20px;}
}