@font-face {
    font-family: 'roboto-bold';
    font-style: normal;
    font-weight: 900;
    src: url('fonts/roboto-bold-webfont.eot');
    src: url('fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-bold-webfont.woff') format('woff'), url('fonts/roboto-bold-webfont.ttf') format('truetype');
}

@font-face {
    font-family: 'roboto';
    font-style: normal;
    font-weight: 900;
    src: url('fonts/roboto-regular-webfont.eot');
    src: url('fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-regular-webfont.woff') format('woff'), url('fonts/roboto-regular-webfont.ttf') format('truetype');
}
body{
    direction: rtl;
}
.mnb{
  padding-right:10px;  
}
.tags.inline {
    list-style:  none;
    overflow:  hidden;
}
.tags li{
    float:right;
    display:block;
    padding: 0px 5px 0px 5px;
    background:  #ccc;
    margin: 0 5px 0 5px;
    border-radius: 5px;
}
.tags li a {
    color:#fff;
}
ul.mostread {
    text-align: right;
    list-style:  none;
}
ul.mostread a{
    color:#424242;
}
ul.mostread a:before{
    content:'-';
    display:inline-block;
    width:5px;
}
.item-image img{
    width: 100%;
}
.article-image{
    width: 96px;
    height: 96px;
}
.pagination ul{
    list-style-type:  none;
}
.pagination ul li{
    float:  right;
    /* width: 64px; */
    text-align:  center;
    background: #f4f4f4;
    margin: 1px;
    padding: 2px 10px 2px 10px;
    border-radius:  5px;
}

.pagination {
    padding: 10px;
}
.media{
  flex-wrap: wrap;
}
/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) { 
    .article-image{
        width: 36px;
        height: 36px;
    }
}