.shading-div{
display:none;
width:100%; height:100vh;
position:fixed; top:0; left:0; z-index:99;
margin:0;
padding:0;
background:rgba(0, 0, 0, 0.4);
}

/* --------------------------------------------------- */
/* --------------------------------------------------- */
/* подменю */
.podmenyu-div{
width:0; max-width:320px; height:100vh;
position:fixed; top:0; left:0; z-index:102;
margin:0;
padding:0;	
background:#f2f2f2;
text-align:left;
box-shadow:0 0 10px #777;
overflow-y:auto;
}
.podmenyu-div-div{
width:auto;	
margin:0;
padding:20px 0;		
}
.podmenyu-div ul{
width:100%;
margin:10px 0 0 0;
padding:0;
list-style:none;
}
.podmenyu-div li{
display:inline-block;
width:86%;
margin:0;
padding:0 7%;
text-align:left;
cursor:pointer;
}
.podmenyu-div li a{
display:block;
border-bottom:1px solid #aaa;
margin:0;
padding:10px 0;
text-align:left;
}
.podmenyu-div li a:hover{
color:#058240;	
}
/* --------------------------------- */
/* заголовок */
.podmenyu-div-zagol{
width:86%;
border-collapse:collapse;
margin:0 7%;
cursor:pointer;
}
.podmenyu-div-zagol table{
display:inline-block;		
width:auto;
}
.podmenyu-div-zagol td{
padding:0;
text-align:left;
vertical-align:middle;	
}
.podmenyu-div-zagol td:last-of-type{
text-align:right;	
}
.podmenyu-div-zagol p{
margin:0;
text-align:left;
font-size:150%; font-weight:700;
cursor:pointer;
white-space:nowrap;	
}
.podmenyu-div-zagol img{
display:block;
width:20px;
margin:0 10px 0 0;	
}
/* --------------------------------- */
.podmenyu-div li table{
width:auto;
border-collapse:collapse;
margin:0;	
}
.podmenyu-div li td{
padding:0;
text-align:left;
vertical-align:middle;	
}
.podmenyu-div li td img{
display:block;
width:25px;
margin:0 10px 0 0;
}
/* --------------------------------------------------- */
.podmenyu-div ul ul{
width:auto;
margin:0 0 0 40px;	
}
.podmenyu-div li li{
margin:10px 0 0 0;
font-size:80%;
cursor:pointer;
}


@media screen and (min-width:100px) and (max-width:400px){
	.podmenyu-div li{
	font-size:100%;	
	}
	.podmenyu-div li td img{
	width:20px;	
	}
}
@media screen and (min-width:401px) and (max-width:500px){
	.podmenyu-div li{
	font-size:110%;	
	}
	.podmenyu-div li td img{
	width:20px;	
	}
}
@media screen and (min-width:501px) and (max-width:600px){
	
}
@media screen and (min-width:601px) and (max-width:700px){
	
}
@media screen and (min-width:701px) and (max-width:800px){
	
}
@media screen and (min-width:801px) and (max-width:900px){
	
}
@media screen and (min-width:901px) and (max-width:1000px){
	
}
@media screen and (min-width:1001px) and (max-width:1100px){
	
}
@media screen and (min-width:1101px) and (max-width:1200px){
	
}
@media screen and (min-width:1201px){
	
}