@media only screen 
and (max-width : 980px) {
nav .menu {
	width: 90%;
}

}
@media only screen 
and (max-width : 800px) {
nav .menu {
	width: 100%;
}	
.smal-cap{display:block}
.big-cap{display:none}
}

@media only screen 
and (max-width : 480px) {
	nav .menu {
	display:none;
}
#toggle-menu {
	display: block;
}	
#upload_wrap {
	 display: none; 
}
nav .menu {padding-left: 8px;margin-left: 0px;}
nav .menu li {text-align: left;	}
nav .menu li{border-right:none;border-bottom: solid 1px #373F51;}	
nav .menu li:last-child {border-bottom: none;}	
nav .menu .m-submenu {left: 116px;width: 55%;}
}

@media only screen 
and (max-width : 360px) {
.top-white{justify-content:center;}

#icon-mask {flex: 0;}
#hd-inf {margin-right: 5px; text-align:right; flex:2}	
.icon-wrap {font-size: 18px; flex:1}		
 
.clearOf {font-size: 18px;}

}	
@media only screen 
	and (max-width : 360px){
	#hd-inf {
	font-size: 22px;
	margin-right: 0px;

}	
	.annotation {
	font-size: 18px;
	top: 0px;
	width: 100%;
	text-align: center;
}
#icon-mask {
	height: 30px;
}
		
#hd-inf {
	font-size: 19px;
}		
.main-wrap {
	margin: 0px auto 0px auto;
	width:360px;
	
}	
.both-colume {
	width: 360px;
	}		
.top-text {
	font-size: 18px;
	
}		
#pag_wrapper {
	width: 360px;
	overflow: auto;
}	
	.center-coll {
	width: 100%;
	 height: inherit; 
}
		ul.pagination {
	display: flex;
	 height:inherit; 

	width: 360px;
	justify-content: center;
}
	#maxWidth {
	width: 360px!important;
	display: flex;
	flex-direction: column;
		/*margin-bottom:20px;*/
		height:700px!important;
}
	#leftBlock {
	position: relative!important;
}	
#rightBlock {
	width: 360px!important;
	display: flex;
	flex-direction: column;
	position: relative!important;
	height:800px!important;
}		
	.pusto {
	display: none;
}	
	.panel-inside {
	width: 360px!important;
	}
		.tab{
		margin-left: 5px!important;
		}
	.left-title {
	width: 360px!important;
	text-align: center;
		padding-left:0px;
}	
		.catalog {
	 height: auto!important; 
	display: flex;
	flex-direction: column;
	font-family: 'Hortensia';
	padding: 0px 5px 40px 5px!important;
}
	.loader {
	padding: 5px 8px!important;
		text-align: center;
		width:340px;
	
}	
		.info{
			margin-top:0px!important;
			
			width:320px!important;
		}
		#area {
	width: 344px;
	text-align: justify;
}
}