.block-articles__header
{
    position: relative;
    margin-bottom: 25px;
}

.block-articles__header h3,
.block-articles__header h4,
.block-articles__header h5
{
    font-weight: 400;
    font-size: 24px;
}

.block-articles__link-all
{
    line-height: 40px;
    position: absolute;
    right: 0;
    top: 0;
}

.block-articles
{
    margin-bottom: 20px;
}

.block-articles .art-wrap
{
    margin-bottom: 0;
}

.block-articles .block-articles__main-preview
{
    margin-bottom: 25px;
}

.block-articles .block-articles__main-photo
{
    width: 100%;
    height: auto;
}

.block-articles .block-articles__main-title
{
    line-height: 25px;
    font-size: 18px;
}

.block-articles .block-articles__main-description
{
    color: #676767;
    font-size: 15px;
    line-height: 20px;
    margin-top: 10px;
}

.block-articles .block-articles__main-details
{
    line-height: normal;
    padding-top: 8px;
    border-top: 1px solid #d8d8d8;
    margin-bottom: 20px;
}

.block-articles .block-articles__comments
{
    color: #aaaaaa;
    background: url(images/comments.png) no-repeat left center;
    padding-left: 22px;
    margin-left: 10px;
}

.block-articles .block-articles__item
{
    border-bottom: 1px solid #d8d8d8;
    margin-bottom: 12px;
}

.block-articles .block-articles__item-title
{
    line-height: 20px;
    font-size: 15px;
    margin-bottom: 8px;
    display: block;
}

.block-articles .block-articles__details
{
    color: #aaaaaa;
    font-size: 13px;
    line-height: 20px;
    padding-bottom: 6px;
}

.block-articles__article-body img
{
    height: 100% !important;
    max-width: 870px;
}

@media (max-width: 1279px)
{
    .block-articles__article-body img
    {
        max-width: 620px;
    }
}

@media (max-width: 991px)
{
    .block-articles__article-body img
    {
        max-width: 700px;
    }

}

@media (max-width: 720px)
{

    .block-articles__article-body img
    {
        max-width:650px;
    }

}

@media (max-width: 660px)
{

    .block-articles__article-body img
    {
        max-width:600px;
    }

}

@media (max-width: 600px)
{

    .block-articles__article-body img
    {
        max-width:500px;
    }

}

@media (max-width: 560px)
{

    .block-articles__article-body img
    {
        max-width:320px;
    }

}

@media (max-width: 400px)
{
    .block-articles__link-all
    {
        line-height: 20px;
        display: block;
        text-align: right;
        position: relative;
    }
}