div#blockPageNews{
    position: relative;
    display: table;
    width: 710px;
    height: auto;
    margin: 0px 0px 10px 0px;
}
div#blockPageNews h1{
    display: block;
    font: bold 25px Arial, "Segoe UI", Tahoma, Verdana, sans-serif;
    color: #505050;
    padding: 0;
    margin: -5px 0px 10px 0px;
}
div#blockPageNews a:hover{
    text-decoration: none;
}
div#blockPageNews > figure{
    position: relative;
    display: table;
    width: 710px;
    height: auto;
    margin: 0px 0px 10px 0px;
}
div#blockPageNews > figure > a{
    position: relative;
    display: block;
    float: left;
    margin: 0px 10px 0px 0px;
    width: 140px;
    height: 100px;
    padding: 3px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #ddd;
    -webkit-box-shadow: 0px 0px 3px #ddd;
            box-shadow: 0px 0px 3px #ddd;
    border-radius: 2px;
}
div#blockPageNews > figure > a div{
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
div#blockPageNews > figure > a div img{
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-transition-duration: 0.4s;
         -o-transition-duration: 0.4s;
            transition-duration: 0.4s;
}
div#blockPageNews > figure > a div:hover img {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}
div#blockPageNews > figure > figcaption{
    position: relative;
    display: table;
    float: left;
    width: 550px;
    height: auto;
    margin: 0;
    padding: 0;
}
div#blockPageNews > figure > figcaption > a{
    position: relative;
    display: block;
    width: 500px;
    margin: 0px 0px 5px 0px;
    font: 15px Arial, Tahoma, Verdana, "Segoe UI", sans-serif;
    color: #059;
    -webkit-transition-duration: 0.4s;
         -o-transition-duration: 0.4s;
            transition-duration: 0.4s;
    text-decoration: none;
}
div#blockPageNews > figure > figcaption > a:hover {
    color: #061831;
}
div#blockPageNews > figure > figcaption > time{
    position: relative;
    display: block;
    margin: 0px 0px 5px 0px;
    font: 12px Arial, Tahoma, Verdana, "Segoe UI", sans-serif;
    color: #999;
}
div#blockPageNews > figure > figcaption > p{
    position: relative;
    margin: 0;
    padding: 0;
    font: 13px Arial, Tahoma, Verdana, "Segoe UI", sans-serif;
    color: #333;
}
div#blockPageNews > figure >figcaption a.styleLinkAddGallery{
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    display: block;
    width: 26px;
    height: 26px;
    text-indent: -999999px;
    background: url('../img/iconGrayPhoto.png') no-repeat center center;
}
div#blockPageFullNews{
    position: relative;
    display: table;
    width: 710px;
    height: auto;
    margin: 0px 0px 10px 0px;
    font: 13px/21px Arial, "Segoe UI", Tahoma, Verdana, sans-serif;
    color: #333;
}
div#blockPageFullNews h1{
    display: block;
    font: 25px Arial, Tahoma, Verdana, "Segoe UI", sans-serif;
    color: #505050;
    padding: 0;
    margin: -5px 0px 10px 0px;
}
div#blockPageFullNews p{
    font: 13px/19px Arial, Tahoma, Verdana, "Segoe UI", sans-serif;
    color: #333;
}
div#blockPageFullNews img{
    clear: both;
    max-width: 700px !important;
    margin: 0;
    margin-bottom: 10px !important;
    padding: 0 !important;
    background-color: #fff !important;
    border: 3px solid #fff !important;
    -webkit-box-shadow: 0px 0px 6px #ccc !important;
            box-shadow: 0px 0px 6px #ccc !important;
    border-radius: 3px !important;
}
div#blockPageFullNews a.mainPhoto img{
    float: left !important;
    width: 280px !important;
    margin: 0px 15px 5px 0px !important;
}
div#blockPageFullNews a.fancybox{
    position: relative;
}
div#blockPageFullNews a.mainPhoto{
    position: relative;
    display: inline-block;
}
@media screen and (max-width: 990px) {
    div#blockPageNews {
        width: 100%;
    }
    div#blockPageNews > figure {
        width: 100%;
    }
    div#blockPageNews > figure > figcaption {
        width: calc(100% - 158px);
    }
    div#blockPageFullNews {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    div#blockPageNews > figure {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -ms-flex-line-pack: start;
            align-content: flex-start;
    }
    div#blockPageNews > figure > a,
    div#blockPageNews > figure > figcaption {
        float: none;
    }
    div#blockPageNews > figure > figcaption {
        width: calc(100% - 150px);
    }
    div#blockPageNews > figure > figcaption > a {
        width: 100%;
    }
    div#blockPageFullNews a.mainPhoto img {
        max-width: none !important;
        width: 100% !important;
        margin: 0 !important;
    }
    div#blockPageFullNews a.mainPhoto {
        float: none;
        margin-bottom: 10px;
        width: 280px;
    }
}

@media screen and (max-width: 420px) {
    div#blockPageNews > figure > a {
        width: 115px;
    }
    div#blockPageNews > figure > figcaption {
        width: calc(100% - 125px);
    }
    div#blockPageNews > figure > figcaption > p {
        word-break: break-word;
    }
    div#blockPageFullNews a.mainPhoto {
        width: 100%;
    }
}