
 @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 (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)  {

#articles {
 
    word-break: break-word;
}
 #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 {
font-size: 16px;
}
#articles .big-one .caption { padding: 20px}

#articles .big-one .caption h2 {font-size: 16px; width: 100% }
#articles .big-one .caption p { font-size: 12px}
#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}
  }
