@media screen and (max-width: 1280px) and (min-width: 1000px) {
    .bf iframe { margin: 0 auto; width: 1000px !important; height: 100px }
    .bf img {  height: auto; }


}
@media screen and (max-width: 1024px) and (min-width: 480px) {
    .lentaYandex { max-width: 250px;     overflow: hidden;}
    .bf img { width:100%; height: auto; }

}

@media screen and (min-width: 481px) {
    #content .past-days #articles {
        display: none;
    }
}

@media screen and (max-width: 1280px) and (min-width: 480px) {


    .bf img {  height: auto; }

    .subscribeBox { margin: 0 0 20px 0; }
    .subscribeBox .cell { display: block !important; text-align: center !important}
    .subscribeBox .cell:last-child { margin-top: 10px;}
    .innerNews { padding-right: 40px !important}
    div.tabs {

        right: -10px;
    }
    #digital .number { font-size: 54px;}
    .newslist div.main h2 { font-size: 20px }
    .head { padding: 0; margin-bottom: 20px;}
    .head h1 { font-size: 24px; }
    #weatherBox  { width: 100%; min-width: 1000px;}
    #menuBox  { width: 100%; min-width: 1000px;}
    #searchBox  { width: 100%; min-width: 1000px;}
    #header ul {

        margin-left: 0px;
    }

    #searchBox .block { width: 100%; min-width: 1000px;}
    #menuBox .block { width: 100%; min-width: 1000px;}
    #weatherBox .block { width: 100%; min-width: 1000px;}
    #menuBox #closeMenu {

        right: 100px;
    }

    #content #online img { height: 80px }

    #content #editor img { height: 80px }
    #content #editor .btn { font-size: 12px; }
    #content #online .btn { font-size: 12px; }
    .head {min-width: 1000px; box-sizing: border-box}
    .head .block { padding: 10px; box-sizing: border-box; min-width: 1000px}
    #blogs img {
        width: 60px;
    }

    #content .table {
        box-sizing: border-box;}
    #weatherBox #closeSearch {

        top: 10px;
        right: 30px;
    }
    #searchBox #closeSearch {

        top: 65px;
        right: 70px;
    }
    #header { min-width: 1000px}
    #footer { min-width: 1000px}
    #header li.w1024 { display: none}


    #header .block {padding: 10px;   box-sizing: border-box; }
    .gallery .thumb .over { height: 100px}

    .block { position: relative;   margin: 0 auto; width: 1000px; padding: 0;position:relative;}
    .newshead { width: 650px;}

    #content .one { width: 250px;}
    .lenta img { max-width: 250px;}
    #content .lenta div { font-size: 1.2em}

    #content .table2 .cell1 { width: 240px;}
    #photo div.gallery  div h2 { font-size: 2em}
    #stories  h3 { margin-left: 20px;}
    #stories div.story {  }
    #stories div.root img {  padding-bottom: 0;}
    #stories div.root h2 { height: auto; color: #000; margin-top: 100px; font-size: 2em; top: 100px; }
    #stories div.reference { padding-top: 0; position: relative; display: block;background: #fff }
    #stories div.reference h2 { font-size: 24px; color: #000}
    #stories div.reference div.items { display: block; width: 100%}
    #stories div.reference div h2 { color: #000}
    .banner { position: relative; width: 100%}

    .banner iframe {  margin: 0 auto; width: 100%;  }
    .cell1 iframe {
        max-width: 300px;
    }

    .centerBanner img { width: 380px; height: auto; z-index: -1; }
    .centerBanner object { width: 380px; height: auto; }
    .lentaBanner img { width: 250px !important; height: auto;}

    #articles .big-one .caption { padding: 20px;}

    #articles .big-one .news h2 {
        font-size: 1.3em;
    }
    #articles .big-one .caption p.date {
        color: #fff;
        color: #ccc;
        font-size: 14px;
    }

    #articles .table-row div h2 {

        font-size: 1.2em;
    }



    #articles div p.date {

        font-size: 11px;

    }
    #pop div img {
        width: 150px;

    }
    #pop h2 { font-size: 1.3em;}
    #pop div p.short { display: none}
    #pop div p.date { font-size: 13px}

    #content .column h2 {
        font-size: 1.3em;
    }
    #content .column img {
        width: 100px;

    }
    #content .column p {
        font-size: 14px;

    }
    #articles .big-one .caption h2 {font-size: 1.5em;
    }
    #articles .big-one p {

        font-size: 1.2em;

    }
    #footer p { font-size: 13px}
    #content .tvsar .video p.short { display: none}
    #main .block { height: 350px;}
    #main #image { height: 350px;}
    #main .side .mini { height: 70px;}
    #main .side .mini h2 { font-size: 1.3em}
    #main .side {width: 400px;  height: 350px; left: 600px;}
    #main .big img { width: auto; height: 350px;}
    #main .big { width: 600px; height: 350px;}
    .newshead h1 {  font-size: 24px; font-weight: bold;}
    .newshead h2 {       font-size: 20px; }
    #stories div.reference div {

        padding: 0 10px;
    }
    h2.story { padding: 20px;}
    .three { padding: 0}
    .func { margin-left: 0; }
}

@media screen and (max-width: 480px)  {

    .past-days {
        padding: 0 !important;
    }

    .past-days>b>a {
        display: block;
        padding: 10px 20px;
    }

    #content .past-days #articles h3 {
        padding: 0;
        font-size: 0.8em;
    }

    #content .past-days #articles div {
        word-break: break-word;
        border-bottom: none !important;
    }


    #yandex_rtb_R-A-87589-6 { max-width: 300px}
    .digital {
        text-align: center;
        border: 1px solid #000;
        padding: 10px !important;
        border: 1px solid #000 !important;
        margin-top: 0;
        margin: 20px 20px;
        box-sizing: border-box !important;
        width: auto !important;
    }
    .lentaYandex { padding-top: 20px; margin-bottom: 10px;}
    .seealso_banner { display: none }
    .fastLine { padding: 10px 20px; text-align: left }
    .gallery .vertical img {
        margin: 0 auto;
        max-height: none;
        width: 100%;
    }
    .yandex-adaptive { display: none }
    .lentaBanner { }
    .threeIndex { padding: 0}
    .block {  width: 100%; box-sizing: border-box;}

    #header ul { display: none}
    #header .weather { display: none}
    #header .clock { display: none}
    #content { margin-top: 0; }
    #content .table .cell { display: block}
    #header .search { right: 20px; }
    #header .block { padding: 10px 20px; }
    .newshead h1 { font-size: 22px; line-height: 140%; font-weight: bold; margin-left: 20px; margin-right: 20px}
    .newshead div { float: none; display: block; width: 100%; box-sizing: border-box; padding: 0 20px }
    .newshead h2 { font-size: 18px; line-height: 140%; font-weight: bold; margin-left: 20px; margin-right: 20px}
    .newshead p { margin-left: 0; padding: 0 20px; widht: 100%; box-sizing: border-box;}
    .newshead { width: 100%;box-sizing: border-box;  padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 10px}

    .newshead .gallery { padding: 0 }
    .newshead .gallery .mainImg { padding: 0; }
    .gallery .scrollImg { padding: 0; margin-top: -5px}
    .gallery .scrollImg .thumb { border: 5px solid #fff; padding: 0; width: auto}
    .gallery .scrollImg .lastPhoto {   }
    .gallery .thumb .counterPhoto { padding: 0; margin: 0; border: none}
    .gallery .thumb .counterPhoto span { padding: 0; margin: 0; border: none; font-size: 12px;}
    #menuBox .table { margin-top: 0; border-top: 0; padding-top: 0}
    .header-phones { display: none}
    .newshead .add {     float: right;
        width: auto;
        display: inline;
        text-align: right;}
    .newshead .social { display: none }

    .newshead .photoauthor {   text-align: right}
    .newshead .ya-share2 { display: none}

    .newshead .video {padding: 0; }
    .newshead .video .wrapper { padding-top: 25px;
        padding-bottom: 56.34%;}
    .three { padding: 0}
    #footer .cell { display: block; width: 100%; box-sizing: border-box; padding:20px  }
    .func { margin: 0; box-sizing: border-box; width: 100%;}
    .func .tar { text-align:center }
    .func .cell { margin: 10px 0}
    .full .readalso { width: 100%; margin-left: 0; margin-right: 0; box-sizing: border-box;}

    div.smallImg { float: none; margin-right: 0; }
    div.smallImg img { width: 100%}
    .full .readalso { margin-left: 0}
    .full .readalso a p { margin-left: 0; padding: 0}
    .full p { margin-left: 0; margin-right: 0; padding: 0 20px; font-size: 18px; width: 100%; box-sizing: border-box; }
    .full table {   margin: 0 20px 1em 20px; font-size: 18px; width: auto; box-sizing: border-box; }
    .full li { margin-left: 20px; margin-right: 0; padding: 0 20px 0 0; font-size: 18px; width: 100%; box-sizing: border-box; }
    .full ul { margin-left: 0; margin-right: 0; padding: 0 20px; font-size: 18px; width: 100%; box-sizing: border-box; }
    .full ol { margin-left: 0; margin-right: 0; padding: 0 20px; font-size: 18px; width: 100%; box-sizing: border-box; }
    .full blockquote { width: auto;  box-sizing: border-box; padding: 20px; margin: 20px; font-size: 20px}

    .full .imgleft {   width: 100%; height: auto;   margin: 20px 0; float: none; }
    .full .imgright {  width: 100%;  height: auto;   margin: 20px 0; float: none; }
    .tags { margin-left: 20px;}
    #content .tvsar { padding: 20px;  box-sizing: border-box;}
    #content .tvsar .video{ display: block; width: 100%; box-sizing: border-box; margin:0; padding: 0; margin-bottom: 20px  }

    .pt35 { padding-top: 0;}
    .w300 { width: 100%}
    .cell1 { padding: 20px; box-sizing: border-box;}
    .aboutBloger h2 { margin-bottom: 0}
    .aboutBloger {
        box-sizing: border-box;

        padding: 0 !important;
        margin-right: 0;

        margin: 20px 0 0 20px;
    }
    .aboutBloger p { font-size: 14px;}
    .head  .aboutBloger {  margin: 0}
    .aboutBloger div { display: table-cell;  padding: 0;}
    .aboutBloger .bloger { height: 64px !important;  width: 64px !important;  margin: 0; }
    .head .aboutBloger h2 {
        font-size: 16px;
        color: #555;
        margin-bottom: 0px;
        margin-left: 30px;
        font-weight: normal;
    }

    #searchBox {width: 100%;  }
    #searchBox .block {width: 100%; padding: 60px 0 20px 0  }
    #searchBox input { font-size: 16px;}
    #searchBox button { font-size: 16px;}
    #searchBox #closeSearch { cursor: pointer;  height: 16px; position: absolute; top: 20px; right: 50%; left: 50%}
    #menuBox #menuLogo { display: none}
    #menuBox {width: 100%;  }
    #menuBox .block {width: 100%; padding: 60px 0 20px 0  }
    #menuBox input { font-size: 16px;}
    #menuBox button { font-size: 16px;}
    #menuBox img { height: 64px;}

    #menuBox #closeMenu { cursor: pointer;  height: 16px; position: absolute; top: 20px; right: 50%; left: 50%}

    #menuBox .table div { display: block; width: 100%; text-align: left;   }


    #menuBox .table div li { list-style: none; font-size: 16px; font-weight: bold; line-height: 200% }
    #menuBox .table div li a { color: #000}

    #footer  .column2 { text-align: center}
    #footer .footer-correct { display: none }
    #footer .footer-editor { text-align: center}
    .table2 { display: block !important; width: 100%; box-sizing: border-box;}
    .table2 .cell1 { display: block !important; width: 100%; box-sizing: border-box;}
    .table2 .cell2 { display: block !important; width: 100%; box-sizing: border-box;}
    .other { display: none}
    #main { margin-top: 0 }
    #main .big { position: relative; width: 100%;  box-sizing: border-box; height: auto; left: 0 }
    #main  .block { height: auto}
    #main .big img { position: relative; width: 100%; min-height: none;
        height: auto; }
    #main .side {position: relative; width: 100%;  box-sizing: border-box; height: auto; left: 0}
    #main .gradient { display: none }

    #main #image { height: auto;}

    #pop div img { float: none; width: 100%}
    #main .side .mini {

        display: block;
        height: auto;
        font-size: 10px;
        box-sizing: border-box;
        padding: 10px 20px;
        vertical-align: center;
    }
    #main .side .selected { background: #fff }
    #main .side .selected h2 { color: #ba3030 }
    #main .big img { display: block; width: 100%; height: auto}
    #main .big .inscription { top: 20px;
        bottom: auto;
        right: 20px;
        left: auto;}
    #main .big .info {

    }
    #content  {   }
    #content  .column img { float: none; width: 100%; margin-left: 0; margin-bottom: 10px}

    #content .one { width: 100%;box-sizing: border-box; position: relative;
        width: 100%;
        box-sizing: border-box;
        padding: 0;  }
    #projects { display: none !important}

    #content .one h3 { padding: 20px 0 0 20px;}
    .lenta  img { width: 100%; height: auto; margin-bottom: 10px; max-width: 100% }
    #content .lenta div { width: 100%;box-sizing: border-box; padding: 10px 20px}

    .cell1 .lenta div { padding: 10px 0 !important}

    #content .tvsar .video .play { display: none}

    #content .tvsar .video .duration { display: none}

    #content .table2 .cell2 { padding-right: 0}

    #content .tvsar .video img { height: auto; max-height: none}
    #articles .table-row div h2,
    #content .past-days #articles .table-row div h2 {
        font-size: 16px;
    }

    #content .past-days #articles .big-one,
    #content .past-days #articles .big-one>div {
        padding: 0;
        font-size: 12px;
    }

    #content .past-days #articles .big-one img { margin: 0}
    #articles .big-one .caption { padding: 20px}

    #articles .big-one .caption h2 {font-size: 16px; width: 100% }
    #articles .big-one .caption p { font-size: 12px}
    #articles .table-row div {width: 50%}
    #content .past-days #articles .table-row>div {
        width: 50%;
        padding: 0;
    }
    #content .past-days #articles .table-row>div:first-child {
        padding-right: 10px;
    }

    #content .past-days #articles .table-row>div:last-child {
        padding-left: 10px;
    }

    #articles .table-row div .date {font-size: 12px !important;}
    #photo div h2 { font-size: 18px; margin-top: 10px}

    #content .column h2 { font-size: 18px}
    #stories div img { width: 100%}
    #content .table2 .cell1 { width: 100%; width: 100%;box-sizing: border-box; padding: 20px}


    .readalso { display: none}
    .dategrid  { margin-bottom:20px}
    .dategrid div span.day { font-size: 10px;}
    .dategrid div span.w { font-size: 16px; }
    .dategrid div span.full { display: none; }
    .dategrid div span.cut { display: block; }
    .dategrid div { display: table-cell; box-sizing: border-box; padding: 5px}

    .newslist { padding: 20px; }

    .newslist div {

        margin-bottom: 20px;
    }

    .newslist div .cell  { display: table-cell !important}

    .newslist div .date { padding-right: 20px;  }

    .newslist div .cell img {
        width: 100px;
        margin-right: 20px;
    }
    .newslist div .imgBlogcell img, .newslist div.main .cell.imgBlogcell img { width: 80px !important; height: 80px; border-radius: 50%; margin-right: 20px;}
    .newslist div .cell .short { display: none}

    div.main .cell img {
        width: 100px !important;
    }

    .newslist h2 { font-size: 1em; }

    .newslist div.main h2 { font-size: 1.5em }
    .newslist   .main .cell { display: block !important;}
    .newslist   .main .cell img { width: 100% !important; margin-bottom: 10px}
    .newslist  .main div { margin-bottom: 0}
    .newslist  .main  .short { display: block !important}
    .newslist div .cell p.author { font-size: 12px;}
    .newslist .comment { background-size: 10px 10px;     padding-left: 20px;  font-size: 11px; }
    .newslist .views {  background-size: 15px 15px;     padding-left: 20px; font-size: 11px; }

    .head h1 { font-size: 2em; padding: 0 0 0 0; margin: 5px 0 0 0;}
    .full h2 { margin-left: 20px;}
    .full p.pre { font-size: 20px; padding-bottom: 20px; margin-bottom: 20px}
    .full p img { max-width: 100% !important}
    .full .br15 { font-size: 20px; }
    .full .bl15 { font-size: 20px; }


    .big-article .pd .caption { box-sizing: border-box; left: 20px; bottom: 20px;}
    .big-article .pd .caption  h2 {   font-size: 18px; }
    .big-article .pd .caption  h3 {   font-size: 14px; }

    #stories  h3 { margin-left: 20px;}
    #stories div.story { margin-bottom: 0; background: none}
    #stories div.root h2 { height: auto;   top: 140px;  }
    #stories div.root img {  padding-bottom: 0;}
    #stories div.reference { padding-top: 20px; position: relative; display: block; background: none }
    #stories div.reference div.items { display: block; width: 100%}
    #stories div.reference div.items h2 { color: #000}
    .gallery .thumb .over {
        overflow: hidden;
        position: relative;
        height: auto;
        padding: 0;
    }
    #stories div.reference div {

        padding: 0 20px 10px 20px;
    }
    #stories div.root h2  {
        top: 140px;
        padding: 0 20px;text-align: left;
        font-size: 2em; box-sizing: border-box
    }
    #stories div.root img { opacity: 1}
    .big-article .pd .caption h4 { display: none}
    .newslist div.main h2 { margin-top: 5px}
    .newslist .articles p.short { font-size: 14px }
    .newslist { padding-top: 0}
    .qa { margin-bottom: 20px;}
    .qa .question { font-size: 18px; margin: 0; padding: 0 20px; width: 100%; box-sizing: border-box}
    .qa .answer { font-size: 18px; margin: 0; padding:  20px; margin-top: 20px;  width: 100%; box-sizing: border-box}

    #posts .post img { width: 100%; margin-left: 0}

    .func .vote #lets { padding: 0 }
    .func .vote #rating { display: block }
    #photo h3 { padding-left: 20px}
    #photo div.gallery  div h2  { font-size: 2em;}
    #photo div.gallery div {

        padding: 20px;
    }
    .searchResults { padding: 0 20px; box-sizing: border-box}
    .searchBox { padding: 0 20px; box-sizing: border-box}
    .searchBox .table { display: table}
    .searchBox .cell { display: table-cell}
    a.button { display: block; box-sizing: border-box;}
    .newslist div .cell p.date { font-size: 11px; color: #858585}

.1gallery .scrollImg {
      overflow-y: hidden;
      overflow-x: visible;
      height: 60px;
      width: 100%;
      display: block;
  }
.1gallery .scrollImg ::-webkit-scrollbar {
      height: 6px;
      border: 2px solid #ba3030
  }

.1gallery .scrollImg ::-webkit-scrollbar-track {
      background: #eee;
      height: 8px;
  }

.1gallery .scrollImg ::-webkit-scrollbar-thumb {
      background: #ba3030; margin:2px;
      height: 8px;
  }
.1gallery .thumb img { height: 60px; width: auto;}
.1gallery .thumb .counterPhoto { display: none}
    .banner img { width: 100%; height: auto;}
    .banner iframe {  width: 100%;   min-width: 100%;
        width: 100px;
        *width: 100%; }
    .swf { display: none}
    .centerBanner img { width: 100%; height: auto; }
    .centerBanner object { width: 100%;; height: auto; }
    #editor .table { display: table !important}
    #editor .cell { display: table-cell !important}
    #editor img { width: 64px; height: 64px !important;  }
    #online img { width: 64px; height: 64px !important; margin-right: 20px !important;}
    .tags a { white-space: initial;}

    .page h1 { font-size: 32px; margin-top: 0}
    .page {width: 100%; padding: 0 20px; box-sizing: border-box }

    .newslist div .date {
        padding-right: 10px;
        font-size: 12px;
    }
    .reference h2 {
        color: #000;
        padding-top: 0;
        font-size: 24px;
    }

    div.tabs {

        top: 15px;

    }

    .indexLenta { margin-top: -20px; position: relative; z-index: 5;}
    #main { z-index: 10}
    #header { z-index: 20 }
    .innerNews { padding-right: 0}
    .form p { width: 100%}

    .form {
        padding: 20px
    }
    .form input {
        width: 100%;
        box-sizing: border-box
    }
    .form textarea {
        width: 100%;
        box-sizing: border-box
    }
    .form button {
        width: 100%;
        box-sizing: border-box
    }

    .subscribeBox { margin: 0}
    .subscribeBox .cell { text-align: center}
    .subscribeBox .cell input { width: 100%; box-sizing: border-box}
    .subscribeBox .cell button { width: 100%; box-sizing: border-box; display: block; margin-top: 10px;}
    .subscribeBox .cell:last-child { margin-top: 10px;}

    .subscribeBoxIndex button { display: block;
        margin-top: 10px; }
}
@media screen and (max-width: 320px)  {
    .socialPhone { font-size: 20px; }

    .yandex-adaptive { display: none }
    div.tabs {

        top: 15px;

    }
    .newslist div .date {
        padding-right: 10px;
        font-size: 11px;
    }
    .newslist div .cell img {
        width: 80px;
        margin-right: 20px;
    }
    .innerNews { padding-right: 0}
}