/***********************
Base size 1000px проверить при max-width: 1024px
************************/
@media screen and (max-width: 1000px){
/* pagewrap */
	#wrapper {
		width: 95%;
	}
	#contentFrame{top:0px;}
	#main-nav {
		position: relative;
		float:left;
	}
	#articles{
	width:74%;
	}
}

@media screen and (max-width: 951px){
/*"точка складывания верх.меню и скрытие прав.меню*/
	#header {
		height: 38px;
	}
#contentFrame{
/*margin-top:13px;*/
}
#main-nav a,#main-nav li ul li a{font-size:12px;}
#articles{width: auto;float: none;}
#sidebar #mnuArrow{display:block;}
#sidebar{width:50%;float: none;position:absolute;left:-51%;top:10px;
 transition: left 1s ease-out 0.5s;
z-index:100;
 -webkit-border-radius: 8px;
  -moz-border-radius: 8px; 
  border-radius: 8px;
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.6);
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,.6);
   box-shadow: 0 1px 3px rgba(0,0,0,.6);}
#sidebar:hover{left:2px;display:block;}
#rtMnu ul li a, .LikeRtMnu-ul-li-a{font-size:12px;} 
#rtMnu ul li ul li a, .LikeRtMnuUlLi2A{font-size:12px;}
#rekv{width:90%;}
#upArr{left:92%;}
.shwHd, a.shwHd{padding-top:4px;}
.tooltipCup span{left: -1600%;}
}
@media screen and (max-width: 874px){
	#articles{
	width:auto; /*	width:69%;*/
	}
	#contBtBlk{
	width:40%;
	}
	.shwHd, a.shwHd{
	padding-top:0px;
	}
}

@media screen and (max-width: 790px){
 .tooltipZoo1:hover span {
  	width: 290%;
	left:-240%;
}
div#contBtBlkOpt,div#contBtBlk{
float:none;
margin:6px auto;
width:80%;
}
}
@media screen and (max-width: 770px){
 .tooltipWms span,
  .tooltipWs8 span,
  .tooltipCup span,
 .tooltipCup1 span
 {
    left: -240px;
 }
}
@media screen and (max-width: 754px){
 .tooltipChain span{
    left: -260%;
 }
}
/*выравнивание скрытого блока ЕЩЕ верхнего меню*/
@media screen and (max-width:608px)
{#main-nav  li ul{left:-250%;}}
@media screen and (max-width:559px)
{#main-nav  li ul{left:1%;}}
@media screen and (max-width:488px)
{#main-nav  li ul{left:-250%;}}
@media screen and (max-width:392px)
{#main-nav  li ul{left:1%;}
#sidebar{width:90%;left:-91%;}
ul.constgML0{font-size:12px;}
}
@media screen and (max-width:328px)
{#main-nav  li ul{left:-250%;}}
@media screen and (max-width:307px)
{#main-nav  li ul{left:1%;}}
@media screen and (max-width:279px)
{#main-nav  li ul{left:-250%;}}
@media screen and (max-width:273px)
{#main-nav  li ul{left:1%;}}
@media screen and (max-width:249px)
{#main-nav  li ul{left:-250%;}}
@media screen and (max-width:211px)
{#main-nav  li ul{left:1%;}}

/****************************
позиционирование п. еще верх.меню
***********************************/
@media screen and (max-width: 670px){
 .tooltipZoo1:hover span {	left:40%;}
}
@media screen and (max-width: 660px){
 .tooltipWs8 span{ left: -90%; }
  .tooltipCup1 span{ left: -2100%; }
}
@media screen and (max-width: 572px){
div#contBtBlkOpt{width:80%;}
}
@media screen and (max-width: 614px){
 .tooltipWms span { left: -90%; }
}
@media screen and (max-width: 537px){
	.shwHd, a.shwHd{padding-top:0px;}
 .tooltipMulti span{ left: 50%; }
.tooltipObmen span{ left: -450%; }
}

@media screen and (max-width: 526px){
#main-nav  li ul{
left:-200%;
}
#rekvC{width:74%;}
#rekvL, #rekvR{width:13%;}
}
@media screen and (max-width: 520px){
div#contBtBlkNF{
width:70%;
}
div#contBtBlkNF form{
float:none;
display:block;
width:90%;
}
}
@media screen and (max-width: 489px){
	#header {height: 50px;}
#contentFrame{margin-top:24px;}
#main-nav  li ul{left:1%;}
.datYear  h2{font-size:large;}
#contBtBlk{	width:50%;}
#promo{width:60%;}
}

@media screen and (max-width: 484px){
.tooltipChain span{
    left: 40%;
	bottom:30px;
 }
 .tooltipChain:hover span{
  	width: 2000%;
	font-size: 1em;
}
.tooltipWms span,
.tooltipWs8 span
{
    left: -290%;
	bottom:30px;
 }
 .tooltipWms:hover span,
  .tooltipWs8:hover span,
  .tooltipCup:hover span,
 .tooltipCup1:hover span
 {
  	width: 2000%;
	font-size: 1em;
}
.tooltipCup span,
 .tooltipCup1 span{
    left: -1600%;
	bottom:30px;
 }
.soft{
width:30%;
}
.nazn{
width:0;
display:none;
}
.komy{
width:0;
display:none;
}
.cena{
width:23%;
}
.mest{
width:10%;
}
.summa{
width: 37%;
}
}
@media screen and (max-width: 450px){
.tooltipWs8 span{
    left: -100%;
 }
  .tooltipWs8:hover span,
  .tooltipCup:hover span,
 .tooltipCup1:hover span{
  	width: 1500%;
}
#modNm{
font-size:12px;
}
}
@media screen and (max-width: 446px){
.tooltip span:before,
.tooltip span:after{
 left: 20%;
 bottom: 45px;
}
.tooltip600 span:before,
.tooltip600 span:after{
 left: 20%;
 bottom: -10px;
}
.tooltip:hover span{
	width: 160%;
}
.tooltip600:hover span{
	width: 160px;
}
.tooltipZoo:hover span
 {
  	width: 500%;
	font-size: 1em;
}
 .tooltipZoo1:hover span 
 {
 	width: 200%;
	font-size: 1em;
}
.toHide{
display:none;
}
}

@media screen and (max-width: 421px){
.tooltipWms span
{
    left: -80%;
 }
 .tooltipWms:hover span
{
  	width: 1500%;
}
.txtBoxBej{
font-size:12px;
width: 70%;
}
}

@media screen and (max-width: 415px){
.forButt{padding:2px 2px;}	
#contBtBlk{width:65%; float:none;margin:6px auto;}	
}


@media screen and (max-width: 412px){
.tooltipScm span{
    left: 40%;
 }
  .tooltipScm:hover span{
  	width: 2000%;
	font-size: 1em;
}
.tooltipZoo:hover span {
	left:-400%;
	width: 400%;
}
.tooltipZoo1:hover span {
	left:-200%;
}
}
@media screen and (max-width: 408px){
.tooltipObmen span{
    left: 40%;
 }
  .tooltipObmen:hover span{
  	width: 250%;
}
.web{
display:none;
}
}
@media screen and (max-width: 402px){
.recomndH1{
font-size:12px;
}
div#imgCntr{
margin:10px auto; 
float:none;
}
}
@media screen and (max-width: 391px){
#main-nav  li ul{
left:-220%;
}
#rekvC{
width:70%;
}
#rekvR{
width:17%;
}
#tb0,#tb1,#tb2,#tb3,#tb4,#tb5,#tb6,#tb7,#tb8,#tb9{
width:90%;
}
.tooltipZoo1:hover span {
	left:40%;
}
}
@media screen and (max-width: 385px){
	.tooltipChain span{
    left: -900%;
 }
}

@media screen and (max-width: 380px){
 .tooltipMulti span{
    left: -200%;
 }
 .tooltipMulti:hover span{
  	width: 250%;
}
}
@media screen and (max-width: 360px){
#contBtBlk{
	width:80%;    
	float:none;
	margin:6px auto;   
}	
div#contBtBlkOpt{
	width:90%;  
}	
#contBtBlkRT{
	float:none;
	margin:6px auto;
}	
#funcSkUchLft, #funcSkUchRt{
	float: none;
	width:99%;
}
	.tooltipChain span{
    left: -1500%;
 }
 .tooltipWms span,
 .tooltipZoo span,
.tooltipZoo1 span
{
    left: -1500%;
 }
  .tooltipWs8 span{
    left: -90%;
 }
 div#contBtBlkOpt{
/*width:90%;*/
}
 #optTavt{
display:none;
}
}
@media screen and (max-width: 359px){
.tempPop{
display:none;
}
.wdt7pt{
width:15%;
}
.tooltipWms span,
.tooltipWs8 span
{
    left: -80%;
 }
}
@media screen and (max-width: 349px){
 .tooltipZoo:hover span,
 .tooltipZoo1:hover span 
 {
  	width: 290%;
	left:-130%;
}
#tire1{display:inline;}
#tire{display:inline;}
}
@media screen and (max-width: 346px){
	#header {
		height: 62px;
	}
#contentFrame{
margin-top:36px;
}
#main-nav  li ul{
left:1%;
}
	#upArr{
	left:90%;	
}
.datYear  h2{
font-size:small;
}
.tooltipScm span{
    left: -100px;
 }
.tooltipChain span{
    left: -170px;
 }
}
@media screen and (max-width: 326px){
 .tooltipZoo:hover span,
 .tooltipZoo1:hover span 
 {
	left:-180%;
}
}
@media screen and (max-width: 321px){
 .tooltipZoo:hover span,
 .tooltipZoo1:hover span 
 {
	left:-90%;
}
#articles{padding:20px 1px;}
#contBtBlk{width:70%;}
}

/* 29.09.19 for resolution 270 px*/
@media screen and (max-width: 430px){
#contBtBlk{width:55%;}
}
@media screen and (max-width: 304px){
#articles{padding:20px 1px;}
}
@media screen and (max-width: 287px){
#specH1 h1{font-size: 1.3em;line-height:1em;}
#specH1 h3{font-size: 1em;line-height:1em;}
#pgZagCell1{width:0;display:none;}
#pgZagCell2{width:100%;}
.recomndH1{width:auto;}
h3{font-size: 1em;line-height:1em;}
.forButt{width:99%;}
}