@media only screen and (min-width : 320px) and (max-width : 1359px),handheld{
    html, body {
        width: 100%;
        display: block;
        height: auto;
    }
    body {
        min-width: 100%;
        width: 100%;
        overflow-x: hidden;
    }
    .wrap{
        min-width: 100%;
        width: 100%;
    }
    .col-grid-1{
        width: 8.3333%;
    }
    .col-grid-2{
        width: 16.6666%;
    }
    .col-grid-3{
        width: 25%;
    }
    .col-grid-4{
        width: 33.3333%;
    }
    .col-grid-5{
        width: 41.6666%;
    }
    .col-grid-6{
        width: 50%;
    }
    .col-grid-7{
        width: 58.3333%;
    }
    .col-grid-8{
        width: 66.6666%;
    }
    .col-grid-9{
        width: 75%;
    }
    .col-grid-10{
        width: 83.3333%;
    }
    .col-grid-11{
        width: 91.6666%;
    }
    .col-grid-12{
        width: 100%;
    }

    .col-grid-3 .col-grid-2,
    .col-grid-6 .col-grid-4,
    .col-grid-9 .col-grid-6,
    .col-grid-12 .col-grid-8{
        width: 66.6666%;
    }
    .col-grid-2 .col-grid-1,
    .col-grid-4 .col-grid-2,
    .col-grid-6 .col-grid-3,
    .col-grid-8 .col-grid-4,
    .col-grid-10 .col-grid-5,
    .col-grid-12 .col-grid-6{
        width: 50%;
    }
    .col-grid-5 .col-grid-2,
    .col-grid-10 .col-grid-4{
        width: 40%;
    }
    .col-grid-5 .col-grid-3,
    .col-grid-10 .col-grid-6{
        width: 60%;
    }
    .col-grid-5 .col-grid-4,
    .col-grid-10 .col-grid-8{
        width: 80%;
    }
    .col-grid-3 .col-grid-1,
    .col-grid-6 .col-grid-2,
    .col-grid-9 .col-grid-3,
    .col-grid-12 .col-grid-4{
        width: 33.3333%;
    }
    .col-grid-4 .col-grid-1,
    .col-grid-8 .col-grid-2,
    .col-grid-12 .col-grid-3{
        width: 25%;
    }
    .col-grid-4 .col-grid-3,
    .col-grid-8 .col-grid-6,
    .col-grid-12 .col-grid-9{
        width: 75%;
    }
    .col-grid-5 .col-grid-2,
    .col-grid-10 .col-grid-5{
        width: 20%;
    }
    .col-grid-6 .col-grid-1,
    .col-grid-12 .col-grid-2{
        width: 16.6666%;
    }
    .col-grid-6 .col-grid-5,
    .col-grid-12 .col-grid-10{
        width: 83.3333%;
    }
    .col-grid-7 .col-grid-1{
        width: 14.2857%;
    }
    .col-grid-7 .col-grid-2{
        width: 28.5714%;
    }
    .col-grid-7 .col-grid-3{
        width: 42.8571%;
    }
    .col-grid-7 .col-grid-4{
        width: 57.1428%;
    }
    .col-grid-7 .col-grid-5{
        width: 71.4285%;
    }
    .col-grid-7 .col-grid-6{
        width: 85.7142%;
    }
    .col-grid-8 .col-grid-1{
        width: 12.5%;
    }
    .col-grid-8 .col-grid-1{
        width: 37.5%;
    }
    .col-grid-8 .col-grid-1{
        width: 62.5%;
    }
    .col-grid-8 .col-grid-1{
        width: 87.5%;
    }
    .col-grid-9 .col-grid-1{
        width: 11.1111%;
    }
    .col-grid-9 .col-grid-2{
        width: 22.2222%;
    }
    .col-grid-9 .col-grid-3{
        width: 33.3333%;
    }
    .col-grid-9 .col-grid-4{
        width: 44.4444%;
    }
    .col-grid-9 .col-grid-5{
        width: 55.5555%;
    }
    .col-grid-9 .col-grid-6{
        width: 66.6666%;
    }
    .col-grid-9 .col-grid-7{
        width: 77.7777%;
    }
    .col-grid-9 .col-grid-8{
        width: 88.8888%;
    }
    .col-grid-10 .col-grid-1{
        width: 10%;
    }
    .col-grid-10 .col-grid-3{
        width: 30%;
    }
    .col-grid-10 .col-grid-7{
        width: 70%;
    }
    .col-grid-10 .col-grid-9{
        width: 90%;
    }
    .col-grid-11 .col-grid-1{
        width: 9.0909%;
    }
    .col-grid-11 .col-grid-2{
        width: 18.1818%;
    }
    .col-grid-11 .col-grid-3{
        width: 27.2727%;
    }
    .col-grid-11 .col-grid-4{
        width: 36.3636%;
    }
    .col-grid-11 .col-grid-5{
        width: 45.4545%;
    }
    .col-grid-11 .col-grid-6{
        width: 54.5454%;
    }
    .col-grid-11 .col-grid-7{
        width: 63.6363%;
    }
    .col-grid-11 .col-grid-8{
        width: 72.7272%;
    }
    .col-grid-11 .col-grid-9{
        width: 81.8181%;
    }
    .col-grid-11 .col-grid-10{
        width: 90.9090%;
    }
    .col-grid-12 .col-grid-1{
        width: 8.33%;
    }
    .col-grid-12 .col-grid-5{
        width: 41.66%;
    }
    .col-grid-12 .col-grid-7{
        width: 58.33%;
    }
    .col-grid-6 .col-grid-5,
    .col-grid-12 .col-grid-10{
        width: 83.33%;
    }
    .col-grid-12 .col-grid-11{
        width: 91.66%;
    }
    .col-grid-1 .col-grid-1,
    .col-grid-2 .col-grid-2,
    .col-grid-3 .col-grid-3,
    .col-grid-4 .col-grid-4,
    .col-grid-5 .col-grid-5,
    .col-grid-6 .col-grid-6,
    .col-grid-7 .col-grid-7,
    .col-grid-8 .col-grid-8,
    .col-grid-9 .col-grid-9,
    .col-grid-10 .col-grid-10,
    .col-grid-11 .col-grid-11,
    .col-grid-12 .col-grid-12{
        width: 100%;
    }
    .menu-gray-header{
        margin: 0 0 0 -15px;
    }
    .menu-gray-header ul li a{
        padding: 10px 15px;
    }
    .menu-gray-header ul li.sub-menu a svg{
        right: 4%;
    }
    .ss-element-gray-header{
        margin: 0 3%;
    }
    .ss-block-gray-header{
        margin: 0 -3%;
    }
    .ss-element-black-header{
        margin: 0 3%;
    }
    .ss-block-black-header{
        margin: 10px -3% 0 0;
    }
    .menu-black-header ul li a{
        padding: 10px 15px;
    }
    .menu-black-header{
        margin: 0 0 0 -15px;
    }
    .menu-black-header ul li.sub-menu a svg{
        right: 4%;
    }
    .menu-blue-header ul li a{
        padding: 0 15px;
    }
    .menu-blue-header{
        margin: 0 0 0 -15px;
    }
    .menu-blue-header ul li.sub-menu a svg{
        right: 4%;
    }
    .sub-menu-block ul li a{
        padding: 0 15px;
    }
    .all-rubric-sub-menu ul li a{
        padding: 0 15px;
    }
    .content .col-grid-1 img, .content .col-grid-2 img, .content .col-grid-3 img, .content .col-grid-4 img, .content .col-grid-5 img, .content .col-grid-6 img{
        margin: 0 auto 10px auto;
    }
    .img-small-news{
        width: 22.7272%;
    }
    h2{
        margin: 0 0 30px 0;
    }
    .text-small-news{
        width: 69.3181%;
    }
    .gray-footer-ss-block-a{
        margin: 0 6px;
    }
    .h2-logo-gray-footer{
        font: bold 26px/30px 'noto serif';
    }
    .longcat{
        width: 137%;
    }
    #fixed-ss-block-wrap{
        margin: 0 0 0 -20px;
    }
    .r-horizontal,
    .content .news p,
    .news h2,
    .news h3,
    .news h4,
    .news h5,
    .news h6
    {
        padding: 0 0 0 16.66%;
    }
    .content .news .source-news-img{
        padding: 5px 0 0 21.2121%;
        background: url("../img/source.svg") no-repeat 16.66% 2px;
    }
    .ss-block-news{
        margin: 0 0 0 16.66%;
    }
    .col-gray-block{
        width: 47%;
    }
    .col-gray-block .text-small-news{
        width: 73%;
    }
    .black-footer-ss-block-a{
        margin: 0 3px;
    }
    .news td, .news table {
        width: 100% !important;
        display: block;
        float: none;
        clear: both;
    }
}
@media only screen and (min-width : 320px) and (max-width : 1023px),handheld{
    html, body {
        width: 100%;
        display: block;
        height: auto;
    }
    .col-off-device{
        display: none;
    }
    .col-md-100{
        width: 100% !important;
    }
    .ss-element-gray-header{
        width: 27%;
    }
    .ss-element-gray-header svg{
        width: 100%;
        height: auto;
    }
    .input-gray-header{
        padding: 10px;
        width: 80%;
    }
    .btn-search-gray-header{
        width: 20%;
    }
    .menu-gray-header{
        display: none;
    }
    .all-rubric-gray-header{
        float: none;
        display: block;
        margin: 0 auto;
        width: 160px;
    }
    .col-grid-3,
    .col-grid-2,
    .col-grid-1,
    .col-grid-4,
    .col-grid-5{
        width: 50%;
    }
    .col-grid-7,
    .col-grid-8,
    .col-grid-9,
    .col-grid-10,
    .col-grid-11,
    .col-grid-12,
    .col-grid-6{
        width: 100%;
    }
    header .col-grid-3,
    header .col-grid-2,
    header .col-grid-1,
    header .col-grid-4,
    header .col-grid-5,
    header .col-grid-6{
        width: auto;
    }
    header .col-grid-7,
    header .col-grid-8,
    header .col-grid-9,
    header .col-grid-10,
    header .col-grid-11,
    header .col-grid-12{
        width: 100%;
    }
    header .col-grid-2{
        width: 25%;
    }
    header .col-grid-7{
        width: 50%;
    }
    header .col-grid-3{
        width: 25%;
    }
    .col-grid-center{
        width: 100% !important;
    }
    .search-form-black-header{
        height: 35px;
    }
    .input-black-header{
        padding: 8px 10px;
        width: 80%;
    }
    .btn-search-black-header{
        width: 20%;
        height: 35px;
    }
    .wrap-btn-search-black-header{
        height: 35px;
    }
    .ss-element-black-header{
        width: 35px;
    }
    .ss-element-black-header svg{
        width: 100%;
        height: auto;
    }
    .all-rubric-black-header{
        float: none;
        width: 170px;
        display: block;
        margin: 0 auto;
        text-align: center;
    }
    .input-blue-header{
        padding: 10px;
        width: 80%;
    }
    .btn-search-blue-header{
        width: 20%;
    }
    .small-logo-blue-header{
        padding: 0 0 0 35px;
        margin: -5px 0 0 0;
    }
    .all-rubric-blue-header{
        float: none;
        width: 170px;
        display: block;
        margin: 0 auto;
        text-align: center;
    }
    .r-horizontal{
        padding: 0;
    }
    .content .news p{
        padding: 0;
    }
    .r-horizontal, .content .news p, .news h2, .news h3, .news h4, .news h5, .news h6{
        padding: 0;
    }
    .img-in-news{
        float: none;
        display: block;
        width: 100%;
    }
    .content .news .img-in-news img{
        max-width: 100%;
    }
    .content .news .source-news-img {
        padding: 20px 20px 20px 30px;
        background: url("../img/source.svg") no-repeat 0 16px;
        margin: -20px 0 20px 0;
    }
    .content .news p{
        margin: 0 0 20px 0;
    }
    .ss-block-news{
        margin: 0;
    }
    .col-grid-12.stop-fixed .col-grid-4,
    .col-grid-12.stop-fixed .col-grid-3{
        width: 50%;
    }
    .col-gray-block{
        width: 46%;
    }
    .col-gray-block .text-small-news{
        width: 70%;
    }
    .black-footer-small{
        display: block;
        text-align: center;
    }
    .longcat-right-logo{
        margin: 0;
    }
    .number-top{
        padding: 0;
    }
    .news td, .news table {
        width: 100% !important;
        display: block;
        float: none;
        clear: both;
    }
}
@media only screen and (min-width : 320px) and (max-width : 639px),handheld{
    html, body {
        width: 100%;
        display: block;
        height: auto;
    }
    .col-off-min-device{
        display: none;
    }
    .col-grid-3,
    .col-grid-2,
    .col-grid-1,
    .col-grid-4,
    .col-grid-5,
    .col-grid-7,
    .col-grid-8,
    .col-grid-9,
    .col-grid-10,
    .col-grid-11,
    .col-grid-12,
    .col-grid-6{
        width: 100% !important;
        margin: 0 0 20px 0;
    }
    .wrap-top-gray-header{
        padding: 30px 0;
    }
    /*.i-logo-gray-header, .i-logo-black-header, .i-logo-blue-header{*/
        /*display: none;*/
    /*}*/
    .logo-gray-header{
        text-align: center;
    }
    .h2-logo-gray-header{
        font: bold 14px/20px 'noto serif';
    }
    /*.line-gray-header{*/
        /*display: none;*/
    /*}*/
    .gray-header{
        min-height: 60px;
        height: auto;
        margin: 0 0 30px 0;
    }
    .all-rubric-gray-header {
        float: none;
        margin: 0 auto 0 auto;
        padding: 20px 10px 20px 10px;
        height: auto;
        width: auto;
        display: block;
        text-align: center;
    }
    .all-rubric-sub-menu{
        top: 180px;
    }
    .all-rubric-sub-menu ul{
        padding: 0;
        text-align: left;
    }
    .all-rubric-sub-menu ul li{
        display: block;
    }
    .wrap-top-black-header{
        padding: 30px 0;
    }
    .img-logo-black-header{
        width: 20px;
        margin: 0 10px 0 0;
    }
    .h2-logo-black-header{
        font: bold 14px/20px 'noto serif';
    }
    /*.small-logo-black-header{*/
        /*display: none;*/
    /*}*/
    /*.line-black-header{*/
        /*display: none;*/
    /*}*/
    .all-rubric-black-header{
        float: none;
        margin: 0 auto 0 auto;
        padding: 20px 10px 20px 10px;
        height: auto;
        width: auto;
        display: block;
        text-align: center;
    }
    .black-header{
        min-height: 60px;
        height: auto;
        margin: 0 0 30px 0;
    }
    .img-logo-blue-header{
        width: 20px;
    }
    .h2-logo-blue-header{
        font: bold 14px/20px 'noto serif';
    }
    .small-logo-blue-header{
        display: block;
        padding: 10px 0 0 0;
        font: 14px/20px 'noto sans';
    }
    .logo-blue-header{
        padding: 30px 0;
        text-align: center;
    }
    /*.line-blue-header{*/
        /*display: none;*/
    /*}*/
    .all-rubric-blue-header{
        float: none;
        margin: 0 auto 0 auto;
        padding: 20px 10px 20px 10px;
        height: auto;
        width: auto;
        display: block;
        text-align: center;
    }
    .blue-header{
        min-height: 60px;
        height: auto;
        margin: 0 0 30px 0;
    }
    .header-gray-block{
        margin: -30px 10px 0 10px;
    }
    h1{
        font: 26px/30px 'noto serif';
        margin: 0 0 20px 0;
    }
    h2{
        font: 16px/26px 'noto serif';
        margin: 0 0 20px 0;
    }
    h3{
        font: bold 22px/26px 'noto serif';
        margin: 0 0 20px 0;
    }
    h4{
        font: 14px/26px 'noto serif';
        margin: 0 0 20px 0;
    }
    h5{
        font: 14px/26px 'noto serif';
        margin: 0 0 20px 0;
    }
    h1 a{
        font: 20px/30px 'noto serif';
        margin: 0 0 20px 0;
    }
    h2 a{
        font: 16px/26px 'noto serif';
        margin: 0 0 20px 0;
    }
    h3 a{
        font: bold 22px/26px 'noto serif';
        margin: 0 0 20px 0;
    }
    h4 a{
        font: 14px/26px 'noto serif';
        margin: 0 0 20px 0;
    }
    h5 a{
        font: 14px/26px 'noto serif';
        margin: 0 0 20px 0;
    }
    .header-gray-block .big-calendar{
        display: none;
    }
    .header-gray-block h2{
        margin: 0;
    }
    .content p{
        margin: 0 0 20px 0;
    }
    h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child{
        margin: 0;
    }
    .split-triangle-big{
        display: none;
    }
    .content p:last-child{
        margin: 0;
    }
    .content .col-grid-1 img, .content .col-grid-2 img, .content .col-grid-3 img, .content .col-grid-4 img, .content .col-grid-5 img, .content .col-grid-6 img{
        width: 100%;
    }
    .content article{
        border-bottom: 1px solid #d8d8d8;
        padding: 0 0 20px 0;
    }
    .content .col-grid-6 article{
        border-bottom: none;
        padding: 0;
    }
    .btn-ellipse-red{
        display: block;
        margin: 0 auto;
    }
    h3{
        text-align: center;
    }
    .img-small-news{
        width: 100px;
    }
    .text-small-news{
        width: 64%;
    }
    .slider-tab:before{
        display: none;
    }
    .slider-tab:after{
        display: none;
    }
    .slider-tab{
        padding: 20px !important;
        margin: 0;
        border-bottom: none !important;
    }
    .slider-tab h4:before{
        height: 5px;
        background-size: 10px 5px;
        top: -5px;
    }
    .slider-h6{
        margin: 0 !important;
    }
    .slider-tab i{
        display: none;
    }
    .slider-tab h4{
        margin: 0;
        font: 16px/26px 'noto serif';
    }
    .slider-tab h4 a{
        font: 16px/26px 'noto serif';
    }
    footer .all-rubric-gray-header{
        margin: 0 -10px;
        float: none;
        display: block;
        text-align: center;
    }
    footer .all-rubric-gray-header.active{
        border-bottom: 1px solid #ffffff;
    }
    footer .all-rubric-gray-header.active:hover{
        border-bottom: 1px solid #ffffff;
    }
    .gray-footer-wrap{
        padding: 20px 0;
    }
    .content{
        padding: 0 0 20px 0;
    }
    .col-show-device{
        display: block !important;
    }
    .gray-footer-link, .gray-footer-link:last-child{
        margin: 0 25px;
    }
    .hFooter-gray-footer{
        height: 60px;
    }
    .gray-footer{
        margin: -60px 0 0 0;
    }
    footer .col-grid-3.col-grid-wrapper .col-grid-2{
        text-align: center;
    }
    footer .line-gray-header{
        display: block;
        margin: 0;
    }
    footer{
        position: relative;
    }
    .slick-prev, .slick-prev:hover{
        width: 13px;
        height: 100px;
    }
    .slick-next, .slick-next:hover{
        width: 13px;
        height: 100px;
    }
    .slider-div.slick-center .circle-img-slider span{
        width: 100px;
        height: 100px;
    }
    .slider-div.slick-center .circle-img-slider span img{
        max-width: 100px;
        max-height: 100px;
    }
    .source-news-img{
        padding: 10px;
        background: none;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    i {
        font: italic 16px/26px 'noto serif';
    }
    .r-horizontal{
        margin: 0 0 20px 0;
    }
    .content .news q{
        margin: 0 0 20px 0;
        padding: 10px 20px;
    }
    .content .news q:before, .content .news q:after{
        display: none;
    }
    .news h2,
    .news h3,
    .news h4,
    .news h5,
    .news h6{
        text-align: center;
    }
    .content .news .source-news-img{
        margin: -20px 0 0 0;
    }
    .col-gray-block{
        margin: 0 0 20px 0;
        width: 100%;
    }
    .col-gray-block .text-small-news{
        width: 60%;
    }
    .col-gray-block:last-child{
        margin: 0;
    }
    .col-gray-block:last-child article{
        border-bottom: none;
    }
    .gray-block{
        padding: 15px 20px 0 20px;
    }
    .black-footer-wrap{
        padding: 20px 0;
    }
    .black-footer-link{
        margin: 0 25px !important;
    }
    .black-footer-link-block{
        margin: 0;
    }
    .black-footer{
        height: 60px;
        margin: -60px 0 0 0;
    }
    .hFooter-black-footer{
        height: 60px;
    }
    .news td, .news table {
        width: 100% !important;
        display: block;
        float: none;
        clear: both;
    }
    
    div[style="float:right;width:300px;margin: 0 0 10px 10px;"]{
        display: block;
        float: none !important;
        clear: both;
        margin: 0 auto 20px auto !important;
        width: 300px !important;
        text-align: center;
    }
    .news-img-block{
        margin: 0 0 20px 0;
    }
    .content .news .news-img-block .source-news-img{
        margin: 0;
        background: none;
        padding: 20px;
    }
    .big-calendar, .big-calendar:last-child{
        margin: 0 0 20px 0;
    }
    .breadcrumbs li{
        padding: 0 20px 10px 5px;
    }
    .breadcrumbs li:first-child{
        padding: 0 20px 10px 0;
    }
    .logo-black-header{
        text-align: center;
    }
}
@media only screen and (min-device-width : 320px) and (max-device-width : 639px){
    html, body {
        width: 100%;
        display: block;
        height: auto;
    }
    .col-off-min-device{
        display: none;
    }
    .col-grid-3,
    .col-grid-2,
    .col-grid-1,
    .col-grid-4,
    .col-grid-5,
    .col-grid-7,
    .col-grid-8,
    .col-grid-9,
    .col-grid-10,
    .col-grid-11,
    .col-grid-12,
    .col-grid-6{
        width: 100% !important;
        margin: 0 0 20px 0;
    }
    .wrap-top-gray-header{
        padding: 30px 0;
    }
    /*.i-logo-gray-header, .i-logo-black-header, .i-logo-blue-header{*/
        /*display: none;*/
    /*}*/
    .logo-gray-header{
        text-align: center;
    }
    .h2-logo-gray-header{
        font: bold 14px/20px 'noto serif';
    }
    /*.line-gray-header{*/
        /*display: none;*/
    /*}*/
    .gray-header{
        min-height: 60px;
        height: auto;
        margin: 0 0 30px 0;
    }
    .all-rubric-gray-header {
        float: none;
        margin: 0 auto 0 auto;
        padding: 20px 10px 20px 10px;
        height: auto;
        width: auto;
        display: block;
        text-align: center;
    }
    .all-rubric-sub-menu{
        top: 180px;
    }
    .all-rubric-sub-menu ul{
        padding: 0;
        text-align: left;
    }
    .all-rubric-sub-menu ul li{
        display: block;
    }
    .wrap-top-black-header{
        padding: 30px 0;
    }
    .img-logo-black-header{
        width: 20px;
        margin: 0 10px 0 0;
    }
    .h2-logo-black-header{
        font: bold 14px/20px 'noto serif';
    }
    /*.small-logo-black-header{*/
        /*display: none;*/
    /*}*/
    /*.line-black-header{*/
        /*display: none;*/
    /*}*/
    .all-rubric-black-header{
        float: none;
        margin: 0 auto 0 auto;
        padding: 20px 10px 20px 10px;
        height: auto;
        width: auto;
        display: block;
        text-align: center;
    }
    .black-header{
        min-height: 60px;
        height: auto;
        margin: 0 0 30px 0;
    }
    .img-logo-blue-header{
        width: 20px;
    }
    .h2-logo-blue-header{
        font: bold 14px/20px 'noto serif';
    }
    .small-logo-blue-header{
        display: block;
        padding: 10px 0 0 0;
        font: 14px/20px 'noto sans';
    }
    .logo-blue-header{
        padding: 30px 0;
        text-align: center;
    }
    /*.line-blue-header{*/
        /*display: none;*/
    /*}*/
    .all-rubric-blue-header{
        float: none;
        margin: 0 auto 0 auto;
        padding: 20px 10px 20px 10px;
        height: auto;
        width: auto;
        display: block;
        text-align: center;
    }
    .blue-header{
        min-height: 60px;
        height: auto;
        margin: 0 0 30px 0;
    }
    .header-gray-block{
        margin: -30px 10px 0 10px;
    }
    h1{
        font: 26px/36px 'noto serif';
        margin: 0 0 30px 0;
    }
    h2{
        font: 16px/26px 'noto serif';
        margin: 0 0 20px 0;
    }
    h3{
        font: bold 22px/26px 'noto serif';
        margin: 0 0 20px 0;
    }
    h4{
        font: 14px/26px 'noto serif';
        margin: 0 0 20px 0;
    }
    h5{
        font: 14px/26px 'noto serif';
        margin: 0 0 20px 0;
    }
    h1 a{
        font: 20px/36px 'noto serif';
        margin: 0 0 30px 0;
    }
    h2 a{
        font: 16px/26px 'noto serif';
        margin: 0 0 20px 0;
    }
    h3 a{
        font: bold 22px/26px 'noto serif';
        margin: 0 0 20px 0;
    }
    h4 a{
        font: 14px/26px 'noto serif';
        margin: 0 0 20px 0;
    }
    h5 a{
        font: 14px/26px 'noto serif';
        margin: 0 0 20px 0;
    }
    .header-gray-block .big-calendar{
        display: none;
    }
    .header-gray-block h2{
        margin: 0;
    }
    .content p{
        margin: 0 0 20px 0;
    }
    h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child{
        margin: 0;
    }
    .split-triangle-big{
        display: none;
    }
    .content p:last-child{
        margin: 0;
    }
    .content .col-grid-1 img, .content .col-grid-2 img, .content .col-grid-3 img, .content .col-grid-4 img, .content .col-grid-5 img, .content .col-grid-6 img{
        width: 100%;
    }
    .content article{
        border-bottom: 1px solid #d8d8d8;
        padding: 0 0 20px 0;
    }
    .content .col-grid-6 article{
        border-bottom: none;
        padding: 0;
    }
    .btn-ellipse-red{
        display: block;
        margin: 0 auto;
    }
    h3{
        text-align: center;
    }
    .img-small-news{
        width: 100px;
    }
    .text-small-news{
        width: 64%;
    }
    .slider-tab:before{
        display: none;
    }
    .slider-tab:after{
        display: none;
    }
    .slider-tab{
        padding: 20px !important;
        margin: 0;
        border-bottom: none !important;
    }
    .slider-tab h4:before{
        height: 5px;
        background-size: 10px 5px;
        top: -5px;
    }
    .slider-h6{
        margin: 0 !important;
    }
    .slider-tab i{
        display: none;
    }
    .slider-tab h4{
        margin: 0;
        font: 16px/26px 'noto serif';
    }
    .slider-tab h4 a{
        font: 16px/26px 'noto serif';
    }
    footer .all-rubric-gray-header{
        margin: 0 -10px;
        float: none;
        display: block;
        text-align: center;
    }
    footer .all-rubric-gray-header.active{
        border-bottom: 1px solid #ffffff;
    }
    footer .all-rubric-gray-header.active:hover{
        border-bottom: 1px solid #ffffff;
    }
    .gray-footer-wrap{
        padding: 20px 0;
    }
    .content{
        padding: 0 0 20px 0;
    }
    .col-show-device{
        display: block !important;
    }
    .gray-footer-link, .gray-footer-link:last-child{
        margin: 0 25px;
    }
    .hFooter-gray-footer{
        height: 60px;
    }
    .gray-footer{
        margin: -60px 0 0 0;
    }
    footer .col-grid-3.col-grid-wrapper .col-grid-2{
        text-align: center;
    }
    footer .line-gray-header{
        display: block;
        margin: 0;
    }
    footer{
        position: relative;
    }
    .slick-prev, .slick-prev:hover{
        width: 13px;
        height: 100px;
    }
    .slick-next, .slick-next:hover{
        width: 13px;
        height: 100px;
    }
    .slider-div.slick-center .circle-img-slider span{
        width: 100px;
        height: 100px;
    }
    .slider-div.slick-center .circle-img-slider span img{
        max-width: 100px;
        max-height: 100px;
    }
    .source-news-img{
        padding: 10px;
        background: none;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    i {
        font: italic 16px/26px 'noto serif';
    }
    .r-horizontal{
        margin: 0 0 20px 0;
    }
    .content .news q{
        margin: 0 0 20px 0;
        padding: 10px 20px;
    }
    .content .news q:before, .content .news q:after{
        display: none;
    }
    .news h2,
    .news h3,
    .news h4,
    .news h5,
    .news h6{
        text-align: center;
    }
    .content .news .source-news-img{
        margin: -20px 0 0 0;
    }
    .col-gray-block{
        margin: 0 0 20px 0;
        width: 100%;
    }
    .col-gray-block .text-small-news{
        width: 60%;
    }
    .col-gray-block:last-child{
        margin: 0;
    }
    .col-gray-block:last-child article{
        border-bottom: none;
    }
    .gray-block{
        padding: 15px 20px 0 20px;
    }
    .black-footer-wrap{
        padding: 20px 0;
    }
    .black-footer-link{
        margin: 0 25px !important;
    }
    .black-footer-link-block{
        margin: 0;
    }
    .black-footer{
        height: 60px;
        margin: -60px 0 0 0;
    }
    .hFooter-black-footer{
        height: 60px;
    }
    .news td, .news table {
        width: 100% !important;
        display: block;
        float: none;
        clear: both;
    }

    div[style="float:right;width:300px;margin: 0 0 10px 10px;"]{
        display: block;
        float: none !important;
        clear: both;
        margin: 0 auto 20px auto !important;
        width: 300px !important;
        text-align: center;
    }
    .news-img-block{
        margin: 0 0 20px 0;
    }
    .content .news .news-img-block .source-news-img{
        margin: 0;
        background: none;
        padding: 20px;
    }
    .big-calendar, .big-calendar:last-child{
        margin: 0 0 20px 0;
    }
    .breadcrumbs li{
        padding: 0 20px 10px 5px;
    }
    .breadcrumbs li:first-child{
        padding: 0 20px 10px 0;
    }
    .logo-black-header{
        text-align: center;
    }
    .small-logo-black-header{
        padding: 10px 0 0 0;
    }
}
@media only screen and (min-device-width : 320px) and (max-device-width : 639px) and (orientation : landscape){
    html, body {
        width: 100%;
        display: block;
        height: auto;
    }
    .col-off-device{
        display: none;
    }
    .col-md-100{
        width: 100% !important;
    }
    .ss-element-gray-header{
        width: 27%;
    }
    .ss-element-gray-header svg{
        width: 100%;
        height: auto;
    }
    .input-gray-header{
        padding: 10px;
        width: 80%;
    }
    .btn-search-gray-header{
        width: 20%;
    }
    .menu-gray-header{
        display: none;
    }
    .all-rubric-gray-header{
        float: none;
        display: block;
        margin: 0 auto;
        width: 160px;
    }
    .col-grid-3,
    .col-grid-2,
    .col-grid-1,
    .col-grid-4,
    .col-grid-5{
        width: 50%;
    }
    .col-grid-7,
    .col-grid-8,
    .col-grid-9,
    .col-grid-10,
    .col-grid-11,
    .col-grid-12,
    .col-grid-6{
        width: 100%;
    }
    header .col-grid-3,
    header .col-grid-2,
    header .col-grid-1,
    header .col-grid-4,
    header .col-grid-5,
    header .col-grid-6{
        width: auto;
    }
    header .col-grid-7,
    header .col-grid-8,
    header .col-grid-9,
    header .col-grid-10,
    header .col-grid-11,
    header .col-grid-12{
        width: 100%;
    }
    header .col-grid-2{
        width: 25%;
    }
    header .col-grid-7{
        width: 50%;
    }
    header .col-grid-3{
        width: 25%;
    }
    .col-grid-center{
        width: 100% !important;
    }
    .search-form-black-header{
        height: 35px;
    }
    .input-black-header{
        padding: 8px 10px;
        width: 80%;
    }
    .btn-search-black-header{
        width: 20%;
        height: 35px;
    }
    .wrap-btn-search-black-header{
        height: 35px;
    }
    .ss-element-black-header{
        width: 35px;
    }
    .ss-element-black-header svg{
        width: 100%;
        height: auto;
    }
    .all-rubric-black-header{
        float: none;
        width: 170px;
        display: block;
        margin: 0 auto;
        text-align: center;
    }
    .input-blue-header{
        padding: 10px;
        width: 80%;
    }
    .btn-search-blue-header{
        width: 20%;
    }
    .small-logo-blue-header{
        padding: 0 0 0 35px;
        margin: -5px 0 0 0;
    }
    .all-rubric-blue-header{
        float: none;
        width: 170px;
        display: block;
        margin: 0 auto;
        text-align: center;
    }
    .r-horizontal{
        padding: 0;
    }
    .content .news p{
        padding: 0;
    }
    .r-horizontal, .content .news p, .news h2, .news h3, .news h4, .news h5, .news h6{
        padding: 0;
    }
    .img-in-news{
        float: none;
        display: block;
        width: 100%;
    }
    .content .news .img-in-news img{
        max-width: 100%;
    }
    .content .news .source-news-img {
        padding: 20px 20px 20px 30px;
        background: url("../img/source.svg") no-repeat 0 16px;
        margin: -20px 0 20px 0;
    }
    .content .news p{
        margin: 0 0 20px 0;
    }
    .ss-block-news{
        margin: 0;
    }
    .col-grid-12.stop-fixed .col-grid-4,
    .col-grid-12.stop-fixed .col-grid-3{
        width: 50%;
    }
    .col-gray-block{
        width: 46%;
    }
    .col-gray-block .text-small-news{
        width: 70%;
    }
    .black-footer-small{
        display: block;
        text-align: center;
    }
    .longcat-right-logo{
        margin: 0;
    }
    .number-top{
        padding: 0;
    }
    .news td, .news table {
        width: 100% !important;
        display: block;
        float: none;
        clear: both;
    }
}
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
    html, body {
        width: 100%;
        display: block;
        height: auto;
    }
    .col-off-device{
        display: none;
    }
    .col-md-100{
        width: 100% !important;
    }
    .ss-element-gray-header{
        width: 27%;
    }
    .ss-element-gray-header svg{
        width: 100%;
        height: auto;
    }
    .input-gray-header{
        padding: 10px;
        width: 80%;
    }
    .btn-search-gray-header{
        width: 20%;
    }
    .menu-gray-header{
        display: none;
    }
    .all-rubric-gray-header{
        float: none;
        display: block;
        margin: 0 auto;
        width: 160px;
    }
    .col-grid-3,
    .col-grid-2,
    .col-grid-1,
    .col-grid-4,
    .col-grid-5{
        width: 50%;
    }
    .col-grid-7,
    .col-grid-8,
    .col-grid-9,
    .col-grid-10,
    .col-grid-11,
    .col-grid-12,
    .col-grid-6{
        width: 100%;
    }
    header .col-grid-3,
    header .col-grid-2,
    header .col-grid-1,
    header .col-grid-4,
    header .col-grid-5,
    header .col-grid-6{
        width: auto;
    }
    header .col-grid-7,
    header .col-grid-8,
    header .col-grid-9,
    header .col-grid-10,
    header .col-grid-11,
    header .col-grid-12{
        width: 100%;
    }
    header .col-grid-2{
        width: 25%;
    }
    header .col-grid-7{
        width: 50%;
    }
    header .col-grid-3{
        width: 25%;
    }
    .col-grid-center{
        width: 100% !important;
    }
    .search-form-black-header{
        height: 35px;
    }
    .input-black-header{
        padding: 8px 10px;
        width: 80%;
    }
    .btn-search-black-header{
        width: 20%;
        height: 35px;
    }
    .wrap-btn-search-black-header{
        height: 35px;
    }
    .ss-element-black-header{
        width: 35px;
    }
    .ss-element-black-header svg{
        width: 100%;
        height: auto;
    }
    .all-rubric-black-header{
        float: none;
        width: 170px;
        display: block;
        margin: 0 auto;
        text-align: center;
    }
    .input-blue-header{
        padding: 10px;
        width: 80%;
    }
    .btn-search-blue-header{
        width: 20%;
    }
    .small-logo-blue-header{
        padding: 0 0 0 35px;
        margin: -5px 0 0 0;
    }
    .all-rubric-blue-header{
        float: none;
        width: 170px;
        display: block;
        margin: 0 auto;
        text-align: center;
    }
    .r-horizontal{
        padding: 0;
    }
    .content .news p{
        padding: 0;
    }
    .r-horizontal, .content .news p, .news h2, .news h3, .news h4, .news h5, .news h6{
        padding: 0;
    }
    .img-in-news{
        float: none;
        display: block;
        width: 100%;
    }
    .content .news .img-in-news img{
        max-width: 100%;
    }
    .content .news .source-news-img {
        padding: 20px 20px 20px 30px;
        background: url("../img/source.svg") no-repeat 0 16px;
        margin: -20px 0 20px 0;
    }
    .content .news p{
        margin: 0 0 20px 0;
    }
    .ss-block-news{
        margin: 0;
    }
    .col-grid-12.stop-fixed .col-grid-4,
    .col-grid-12.stop-fixed .col-grid-3{
        width: 50%;
    }
    .col-gray-block{
        width: 46%;
    }
    .col-gray-block .text-small-news{
        width: 70%;
    }
    .black-footer-small{
        display: block;
        text-align: center;
    }
    .longcat-right-logo{
        margin: 0;
    }
    .number-top{
        padding: 0;
    }
    .all-rubric-gray-header{
        margin: -60px 0 0 200px;
    }
    .all-rubric-black-header{
        margin: -60px 0 0 200px;
    }
    .all-rubric-blue-header{
        margin: -63px 0 0 200px;
    }
    footer .all-rubric-gray-header{
        margin: 0 auto;
    }
    .news td, .news table {
        width: 100% !important;
        display: block;
        float: none;
        clear: both;
    }
}