#news
{
    text-align: center;
    overflow:hidden;
    background-color: #fff;
}

#news ul
{
    width: 100%;
    text-align:right;
}
#news ul li
{
}
#news ul li div
{
   direction: rtl;
margin: 20px;
max-width: 330px;
width:calc(100% - 40px);
overflow: hidden;
border: 2px solid #E9E9E9;
transition:400ms;
}
#news ul li div img
{
 width:100%;
height: 220px;
}
#news ul li div h3
{
    height:70px;
   padding: 10px 10px 0px 10px;
text-align: right;
}
#news ul li div h3 a
{
       color: #EA2D49;
    transition: all 1s ease 0s;
    cursor: pointer;
    font-size: 11pt;
}
#news ul li div h3 a:hover
{
   
}
.border-img-n
{
    height: 220px;
overflow: hidden;
display: inline-block;
width: 100%;
}

#news ul li div h3 hr
{
    margin-top: 10px;
width: 100px;
border: 1px solid #DEE1E4;
}
#news ul li div span
{
    color: #B0B0B0;
    text-align: right;
    padding: 10px;
    font-size: 9pt;
    line-height: 22px;
    min-height: 90px;
    display: inline-block;
    width: calc(100% - 20px);
    overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.btn-news
{
    display:inline-block;
    border-radius:3px;
    direction:rtl;
     clear:both;
     
     background: #F8F8F8 none repeat scroll 0% 0%;
border: 1px solid #DEE1E4;
color: #647382;
     padding: 5px 15px;
font-size: 13px;
margin-top: 15px;
margin-right: 10px;
margin-bottom: 10px;
float:right;
transition:300ms;
}
.btn-news:hover
{
    color:#fff;
    background-color:#EA2D49;
    border: 1px solid #EA2D49;
    }
    
    .more-news
{
font-family: FontAwesome;
font-size: 43pt;
margin: 18px;
color: #EA2D49;
background-color: rgba(255, 255, 255, 0);
width: 55px;
transition: all 0.5s ease 0s;
height: 55px;
border-radius: 50%;
border: 2px solid #EA2D49;
cursor:pointer;
position:relative;
top:0px;
display: inline-block;
    }
    .more-news:hover
    {
        top:-10px;
        
        
        }

@media ( max-width: 990px )
{

}
@media ( max-width: 768px )
{
    #news ul li
    {
        width:100%;
    }

}
@media ( max-width: 400px )
{

}