@media only screen and (min-width: 480px){
.ArticlesWr h3  {font-size:32px; line-height:42px; color:#000;  font-family:almoniDL900;    border-bottom: 1px #000 solid; margin-bottom:30px; position:relative}
.ArticlesWr h3:after {border-bottom: 4px solid #c00;border-radius: 2px; content: ""; position: absolute;  width: 58px;  right: 0;  bottom: -2px;}
.ArticlesWr .ArticlesGroup .item .cluster a {font-family: almoniDL500 !important;}
}


.ArticlesWr .ArticlesGroup {    display: grid; grid-template-columns: repeat(4, 1fr);  grid-gap: 20px;}
.ArticlesWr .ArticlesGroup .item img {width:100%;max-width: 300px;display: block;}
.ArticlesWr .ArticlesGroup .item .cluster a, .ArticlesWr .ArticlesGroup .item .cluster {
   font-size: 16px;
   color: #c00;
   font-family: almoniDL400;
   height: 22px;
   margin-top: 12px;
   margin-bottom: 0;
}

.ArticlesWr .ArticlesGroup .item h4 {    
   font-size: 22px;
   font-family: 'almoniDL700';
   line-height: 26px;
   color: #1a1a1a;
   margin: 0;
   width: 100%;
   min-height: 75px;
   margin-bottom: 0;}

@media only screen and (max-width: 1024px){
   .ArticlesWr .ArticlesGroup { grid-template-columns: repeat(2, 1fr);}
}
@media only screen and (max-width: 480px){
.ArticlesWr .ArticlesGroup { grid-template-columns: repeat(1, 1fr);}
.ArticlesWr {margin:0 auto 30px; width:calc(100% - 30px);}
.ArticlesWr .ArticlesGroup .item h4 {min-height:auto}
.ArticlesWr .ArticlesGroup .item img {max-width:100%}


.ArticlesWr h3 {    font-size: 12vw;
 font-weight: 300;
 line-height: 1;
 padding: 20px 0;
 text-align: right;
 color: #97133f;
 margin: 0;
 overflow: hidden;
 
 font-family: almoniTzar300;}
 
 .ArticlesWr h3:after {
   content: "";
   display: inline-block;
   height: 0.5em;
   vertical-align: text-bottom;
   width: 100%;
   margin-left: -100%;
   margin-right: 10px;
   border-top: 1px solid #97133f;
}

.ArticlesWr .ArticlesGroup .item h4 {   
    text-align: right;
 color: #66605c;
 font-weight: normal;
 font-family: almoniTzar400, arial;
 line-height: 1;
 font-size: 7vw;
 width: 100%;
 margin: 3px 0;
font-feature-settings: "smcp";}

.ArticlesWr .ArticlesGroup .item .cluster a, .ArticlesWr .ArticlesGroup .item .cluster {width:100%; font-family: almoniTzar400, arial; font-size: 20px;color: #97133f;}

.ArticlesWr.scroll .ArticlesGroup {    
   overflow-x: scroll;
   display: grid;
   overflow-y: hidden;
   -webkit-overflow-scrolling: touch;
   margin-top: 0 !important;
   grid-template-columns: repeat(8, 85%);
   }

.ArticlesWr .ArticlesGroup .item {background: #f1dfcf;}
.ArticlesWr .ArticlesGroup .itemW {padding:10px}

}