@media screen and (max-width: 480px) {
 .print { display: none }
 .top { height: auto; max-height: 100px}
 .top img { width: 100%; height: auto;}
  .top iframe { width: 100%; height: auto;   min-width: 100%; 
        width: 100px;
        *width: 100%; }
 .swf { display: none}
 .c11 { padding-bottom: 1em}
 .c1 { padding-right: 0;}
 .invisible { display: none}
 #topbutton { display: none !important }
 .matNav { display: none}
 .block { width: auto}
 .quote { display: none}
  #menu { display: none}
  
    .heading i { display: block; height: 1em;}
    .heading a.button { float: none; margin: 0.5em 0;}
      
  .int   .block { width: auto !important}
  .leftcenter { display: block; padding-right: 0;}
    .leftcenter { display: block;}
	#comments { margin-left: 0}
  .table {display: block;   }
	    	.colspan .infographic  .cell { display: block; width: auto }
			.lenta td.load { border: none; text-align: center; padding-right: 0 !important;}
	 
     .lenta td:last-child { padding-right: 0}
 		.lenta td.load a {     display: block; 
    text-align: center;
    font-weight: normal;
    text-align: center;
    padding: 0.5em 0;
     margin-top: 1em;
    background-color: #fafafa;
    color: #3968a3;
    cursor: pointer;
    border-radius: 2px;
    transition: background .15s ease-out;}
			.colspan .infographic  .cell:last-child { padding-left: 0}
		.colspan .infographic  .cell:first-child { padding-right: 0}
			.lenta .button { display: table-row}
			#scf { display: none}
			
			.relatedblock .wrap div { display: table-cell; vertical-align: top; }
			
			  .relatedblock img { width: 90px; margin-right: 0; margin-right: 1em; height: auto;    
	transition: none;  }
			.relatedblock:hover img {overflow: hidden;	 
	transform: none; }
				  .relatedblock { display: table;
 width: 100%;
     }
		.relatedblock a {text-decoration: none; }
		 
		.relatedblock  .wrap { margin: 0 0 2em 0;    }
	.relatedblock h2 {  text-decoration: none; color: #000; font-family: 'Roboto Slab'; text-decoration: none; font-size: 1.2em; line-height: 120%}
				.matRight {
    display: inline-block;
    width: 32px;
    height: 64px;
    background: url(../img/pagenav.png) -32px 0 no-repeat;
    position: fixed;
    top: 46%;
    right: 0;
    z-index: 1000;
}
  .colspan {display: block;  padding-right: 0;  width: auto; padding-left: 0; padding-right: 0;}
  .center { display: block; width: auto; padding-left: 0; padding-right: 0;}
  .right { display: block; width: auto; padding-left: 0; padding-right: 0;}
    .bigleft { display: block; padding: 0; width: auto;}
  #mainnews { height: auto}
  #mainnews .bigitem { width: 100%;  }
    #mainnews .first { width: 100%;  }
   #mainnews .bigitem {  display: block; position: relative;  width: auto;  height: auto;}
     #mainnews .bigitem img { width: 100% !important; min-height: none; height: auto !important; margin: 0}
	 .share { margin: 0}
	 .shareBottom .rating { display: block; padding: 1em 0 0 0; }
	 .shareBottom  { margin-bottom: 1em;}
	 .page { margin: 0}
	     #mainnews .bigitem .caption {   text-align: left; padding: 10px; bottom: 0; left: 0; width: auto; 
transition: background 5s ease;
 background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );}
		 #mainnews .bigitem .caption h2 {font-size: 1.4em; border: none; text-shadow: 1px 1px 1px #000}
		  #mainnews .bigitem .short { display: none}
		 
		    #mainnews .item .caption {  position: relative;  text-align: left; padding: 10px;  margin: auto;
 
  top: 0; left: 0; bottom: 0; right: 0; width: auto; background: none}
		 #mainnews .item   h2 {font-size: 1.2em; border: none; text-shadow: 1px 1px 1px #000}
		 #mobilelogo { display: block;}
		 #logo { display: none}
   #mainnews .item {   background: #000; position: relative;  width: 100%; height: auto; right: 0; top: 0;}
    #mainnews .item a {text-decoration: none }
 #mainnews .item img { -webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out; opacity: 0.5; width: 100%; margin: -60px 0 0 0; position: absolute; top: 0; left: 0; height: auto; }
  #mainnews .item:hover img { opacity: 1;}
 #header, #footer { min-width: inherit}
#footer ul.topmenu li { display: block;}
	#mainnews .second { width: auto;}
	#mainnews .first {width: auto;}
		#mainnews .third { width: auto;}
			#mainnews .fifth { width: auto;}
				#mainnews .fifth { width: auto;}
				#subheader { margin: 15px 0 10px 0;}
				#subheader h1 { font-size: 2em; text-align: left}
				 
	#subheader .block .col:nth-child(2) {   display: none;}
		#subheader .block .col:last-child img { display: none}  
	#subheader .search input[type="text"]:focus { width: 89%; margin-left: 2em}
	#subheader .block .col { text-align: left; width: auto;}
	 
	#subheader .weather span.temp { display:inline}
 .archiveNavigator { float: none; padding-top: 0; text-align: center; display: block  }
  .archiveNavigator a span {display: none; }
  
 
		#header { padding: 10px 0 } 
		#subheader .currency span.dynamic  { display: none}
	.lenta td .img img { width: 100%; float: none; clear: both; padding: 0; }
	.lenta td .img { display: block; width: 100%; margin: 0 0 10px 0;}
	.lenta td .img span img { clear: none; padding: 0}
	.lenta td a { display: block;   clear: both}
	.lenta td:first-child { padding: 0 10px 10px 0 }
	.prevdate { font-size: 0.8em}
		.prevdate  span.t { display: none}
		.prevdate td { width: auto}
	 #sandwich { display: block}
	  
	 #menu { position: fixed; z-index: 1000; top: -10px; left: 0; padding: 20px; width: 100%; height: auto; min-height: 100%;   box-sizing: border-box;  background: rgba(0,0,0, 0.85)}
	 #menu ul.menu { margin-top: 40px;     margin-right: 0;}
	 #header li a {   border-bottom: 1px solid #333; padding: 10px 0; display: block; color: #fff; font-size: 1.2em}
	 #header li a.selected { color: #fff }
	 #header li  { display: block;
    margin: 0 0 0 0;  padding: 0;
 text-align: center;
    }
	 #header ul { position: relative; top: 0;
    left: 0; margin-right: 20px;}
 #close { display: block;}
 
 .news #text img { width: 100% !important; height: auto  !important;}
  #text ol { margin-left: 30px; }
 #text ul { margin-left: 30px; }
  #text table { margin-left: 0; }
 	.news p.date { margin: 0; color: #999; font-size: 1em;  }
		.news #social {  margin: 0; }
		.news #social img { width: 100%}
		 h1 {line-height: 120%; font-family: 'Roboto Slab'; text-decoration: none;  font-weight: bold; color: #000;  font-size: 1.6em;  margin: 0 0 20px 0}
		.news h2 { margin: 0 0 10px 0; }	
			.news  h1 {line-height: 120%; font-family: 'Roboto Slab'; text-decoration: none;  font-weight: bold; color: #000;  font-size: 1.6em; margin: 0 0 20px 0;  }
			.news ul { margin: 0 }
				.news #vote { margin: 0}
				.related { margin: 0}
				.related h1 { color: #1473ab}
				.related .lenta { width: 100%}
				.related .lenta h2 { font-size: 0.9em;}
				.related .lenta  td:first-child { padding: 0}
				.news .pre   {    line-height: 120%; font-size: 1.5em; color: #717e7f; font-family: 'PT Sans', serif; margin: 0 0 20px 0; }
				.news p { font-size: 1.4em; margin-left: 0; margin-right: 0; right: 0;  }
				.news blockquote p { font-size: 1.6em}
				.news #img { margin: 20px 0 0 0; min-width: 100%; }
				.seealso_banner { display: none}
 .seealso { background: #eee;  float: none; width: 100%; margin: 10px 0 10px 0 }
  .seealso p { display: none}
    .seealso img { display: none}
	.seealso a  div { padding-top: 0;}
 .card { width: 100% } 
 .column { width: 100%; display: block;}
 	.forecast table { width: 100%;}
	
	.wide .search { padding: 20px 0; margin: 0}
	.wide .search span { display: none;}
	.wide  .search input  { margin: 0}
 .nowrap { white-space: normal}
 a.commnetsPanel { margin-left: 0; font-size: 1.2em }
 .showcats { display: block; padding-left: 1em;font-family: 'Roboto Slab'; }
 .subcats  { display: none;  padding-left: 1em; margin-bottom: 2em; -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;}
 
 }
 
 
 
 @media screen and (max-width: 480px) and (orientation:landscape) {
  .print { display: none }
  #menu { position: absolute; }
 }


 
 
 @media screen and (max-width: 1200px) {
 
 
 #text {
    padding-right: 0;
}
 .int #content .block {  width: 960px }
		.int #header .block {  width: 960px; }
		.int #footer .block {  width: 960px; }
		.int  .block {    width: 960px;}
 #header .cell:first-child {
    width: 120px;
    padding-right: 20px;
}
 #header .cell:last-child {
	paddin-left: 20px;
	width: 300px;display: none !important
 }
  #header {
 min-height: 64px;
 }
 .weatherCell {  }
 #mainnews .first {
	border-radius: 0;
    width: 450px;
    height: 244px;
 
}
#mainnews .bigitem .caption div.short {
display: none;
}
.bigitem .caption h2 {
    
    font-size: 1.5em;
}
.bigitem .caption  {
    
    padding: 20px;
}
 
#mainnews {
     
    height: 245px;
}

#mainnews .item {
    border-radius: 0px;
    height: 122px;
    width: 255px;
}

#mainnews .item img {
    
    width: 100%;
    height: auto;
}
.item .caption h2 {
    font-size: 15px;
	}
#mainnews .caption {
	height: auto
}
.second { 
right: 255px !important;}
.fifth {
     
    top: 122px !important;
}
.fourth {
    right: 255px !important;
 
    top: 122px !important;
}
#mainnews { height: 245px;  }
#mainnews .first img {
	width: auto; height: 244px;margin-left: 0; min-height: 0
}
#mainnews .caption {
    height: auto;
    width: 100%;
    box-sizing: border-box;
}
 }
 
 @media screen and (max-width: 480px) {
 
 #header .search {
 
    margin: 0 auto;
 
}
 #mainnews { height: auto; margin-bottom: 20px;}
  #text {
    padding-right: 0;
}
  #mainnews .first {
 
    width: 100%;
    height: auto;
 
}
#header span.date { display: none }

#header .cell:first-child {
   
    text-align: left;
}

#mainnews .item { 
width: 100%; height: auto; position: relative; top:0 !important; left: 0;
margin-top: 10px; background: #fff; overflow: unset; min-height: 57px;
}
#mainnews .item .caption { padding: 0; background: none }
#mainnews .item .caption h2 { text-shadow: none; color: #1473ab; position: relative; top: 0; left: 0; width: 100%; padding-left: 110px;}

#mainnews .item img { border-radius: 3px; position: absolute; width: 100px; height: auto; opacity: 1; margin: 0; top: 0; left: 0}
 	#logo_vector {
				display: inline-block;
   height: 40px;
    width: 113;
    background: url(/templates/default/style/img/logo_2_rows.svg) center center;
    background-size: 113px 40px;
    background-repeat: no-repeat;
    border-bottom: none;
				}
 #content { margin-top: 0}
#header .cell {
	width: 100%;
	display: block;
	text-align: center;
}
#header  #menuCell { display: none    }
#header #weatherCell { display: none  }

#header li {
	margin: 20px 0 !important;
    text-align: center;
	
}
#header li a { padding: 5px 0; border: none; display: inline}

#header li span.search { display: block;
    margin: 0 auto; }
#close { display: none}

.lenta td:first-child {
    padding: 0 10px 10px 10px;
}
#sandwichA {
    width: 32px;
    height: 32px;
    top: 10px;
    right: 20px;
	position: absolute;
    z-index: 1000;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}
 #sandwichA span {
  display: block;
  position: absolute;
  height: 4px;
  width: 100%;
  background: #fff;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#sandwichA span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#sandwichA span:nth-child(2) {
  top: 10px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#sandwichA span:nth-child(3) {
  top: 20px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#sandwichA.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -3px;
  left: 0;
}

#sandwichA.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

#sandwichA.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 20px;
  left: 0px;
}

#close { display: none;}
#sandwich { display: none;}

 .lentaCheckbox { display: block;  }
}