/* mobile staff */

@media(max-width:1081px){
ul#top_menu li.hd-2,ul#footer_menu li.hd-2{display:none!important}
/*ul#cnt,#header{width:100%!important}
#wrapper{min-width:100%}*/
}

@media(min-width:826px){
#hh,.hh-toggle,.hh-logo,.hh-menu{display:none!important}
}

@media(max-width:825px){
 
.inner h1 a{font-size:18px}
 
#hh{color:#fff;	background-color:#f15638}
.hh-logo{padding:12.5px 20px 5px 20px}
.hh-logo img{width:44px}
.hh-menu{
	background-color:rgb(51, 51, 51);
	z-index:10000;padding:1.5em;
	position:fixed;right:0;top:0;
	
	padding-bottom:40px;
	height: 300px;
	max-height: 300px; 
	overflow-y: scroll;
	-webkit-overflow-scrolling:touch; // mobile safari
 
}
.hh-menu ul li{margin-bottom:1;list-style:none}
#topleft{margin-left:10px}

.pt li a, #topleft li a,#topleft li a:hover,#topleft li a:focus,#topleft li.cur a
 {color:#fff;font-size:1.75em;text-decoration:none;text-transform:none;
display:block; 
 }
 #topleft li{ margin-bottom:7px}
 #topleft li.cur a{color:#ccc}
 .pt li a:hover,#topleft li a:hover{text-decoration:underline}
 
a.l-0{display:block;font-size:1.85em;color:#fff;margin-top:0.85em}
.hh-menu li:first-child a.l-0{margin-top:8px}

.hh-close{cursor:pointer;display:block;
width:34px;height:34px;position:fixed;top:20px;right:25px;
background-image:url(/i/close.svg);background-repeat:no-repeat;background-position:50% 50%;
}

#header,#toppers,#top_eve{display:none}
 
.hh-menu{display:none} 
.hh-toggle{top:22px;right:25px;position:absolute;}
.hh-toggle button{
width:34px;height:34px;border-style:none;cursor:pointer;
background-image:url(/i/open.svg);
background-color:transparent;background-repeat:no-repeat;background-position:50% 50%;
}
 
.inner p,.inner a,.links{font-size:15.25px;line-height:1.25} 
 
.main-catalog .inner p,
.main-catalog .inner a,.main-catalog .inner li a{font-size:12px;line-height:14px}
#aps{position:fixed;top:232px!important}
.jScrollPaneTrack{height:800px}
/*.main-catalog .jScrollPaneTrack{width:30px!important}*/


 /*.short.inner.new p{display:block;width:100%}*/
 .short.inner img,
 .short.inner.new img,.short.inner.new p img,
.full.inner img.align /*div.clear p:first-child img*/
 /*.full.inner img*/
 {width:100%!important;display:block!important;height:auto!important}
 .short.inner.new img{min-width:100%!important;}
 .short.inner a[rel="xl"] img,
 .short.inner a[rel="mz"] img{width:33%!important;display:inline!important;}
 
 
 .main-catalog #panel div p{margin-bottom:5px!important}
 
 .enlarge a img{width:auto}
 
#cnt li:nth-child(1),
#cnt li:nth-child(3){display:none}
li.hd-3{width:100%!important}

.author-container ul#cnt,
#workorder_in,
div#sample_text{width:100%!important}

#cnt .alpha li:nth-child(1),#cnt .alpha li:nth-child(3){display:inline}
#cnt #workorder_in li:nth-child(1),#cnt #workorder_in li:nth-child(3){display:block!important}

#autors-artwork li:nth-child(1),#autors-artwork li:nth-child(3),
#cnt .pg li:nth-child(1),
#cnt .pg li:nth-child(3){display:block}

ul#top_menu li.hd-1,ul#footer_menu li.hd-1
{display:none!important}
#container,#middle,#header,#footer,#content,#YMapsID{width:100%!important}
#wrapper,#footer{min-width:auto!important}

#icons li a{width:36px;height:36px}
#toppers,#content{margin-left:0}
 
#footer{height:100px;padding-bottom:40px}
#footer_menu span{margin-top:1.5em;float:none;display:block;margin-top:15px}
#footer_menu span ul{margin-left:auto;margin-right:auto;width:200px;}
#footstyle{width:100%!important;text-align:center;margin-left:auto;margin-right:auto}
#footstyle img.,#footer_menu span{
margin-bottom:1.5em;float:none!important;clear:both;display:block!important;
margin-left:auto;margin-right:auto}
ul#footer_menu{width:100%}
ul#footer_menu,ul#footer_menu li{float:none;display:block;background-color:transparent}
ul#footer_menu ul#icons li{float:left}
#autors-artwork input,
input.story{padding:7px 10px;font-size:16px}
input.button{padding-top:4px;padding-bottom:4px;padding-left:10px;padding-right:10px;font-size:16px}
.alpha{/padding-bottom:6px;}
 
 .jScrollPaneContainer{min-height:650px;max-width:360px}
.main-catalog #authors{width:100%;max-width:360px} 
.main-catalog #workorder{width:100%;max-width:360px}

}
.sport{position:absolute;z-index:2;}
@media(max-width:767px){
.hh-menu{width:95%;left:0px}
.hh-close{left:auto;z-index:10001}
} 
@media(max-width:530px){#toppers li a {font-size:14px;padding-left:7px;padding-right:7px}}