/* --------------------------------------------------- */
/* --------------------------------------------------- */
/* меню-каталог */
.katalog-div{
width:0; max-width:900px; height:100vh;
position:fixed; top:0; left:0; z-index:105;
margin:0;
padding:0;	
background:#fff;
text-align:left;
box-shadow:0 0 10px #777;
overflow-y:scroll;
}
.katalog-div-div{
width:90%;	
margin:0;
text-align:left;
padding:20px 5%;		
}
.katalog-div-div div{
display:flex;
flex-direction:row;
justify-content:space-between;
align-items:center;
margin:0;
padding:0 0 10px 0;
}
.katalog-div-div div div{
display:block;
width:auto;
margin:0;
padding:0;
text-align:left;
}
/* --------------------------------- */
/* контакты */
.katalog-div-left table{
width:auto;
border-collapse:collapse;
margin:0;
cursor:pointer;
}
.katalog-div-left td{
padding:0;
text-align:left;
vertical-align:middle;	
}
.katalog-div-left td img{
display:block;
width:70px;
margin:0 20px 0 0;	
}
/* --------------------------------- */
/* кнопка закрыть */
.katalog-div-right table{
width:auto;
border-collapse:collapse;
margin:0;
cursor:pointer;
}
.katalog-div-right td{
padding:0;
color:#777;
text-align:left;
font-weight:600;	
}
.katalog-div-right td img{
display:block;
width:20px;
margin:0 10px 0 0;		
}

/* --------------------------------- */
/* разделы */
.katalog-div ul{
width:100%;
margin:0;
padding:0;
text-align:left;
list-style:none;
}
.katalog-div .katalog-div-bol li{
display:inline-block;
width:28.3%;
margin:20px 0 0 0;
padding:0 5% 0 0;
text-align:left;
vertical-align:top;
cursor:pointer;
}
.katalog-div .katalog-div-mal li{
display:block;
width:100%;
margin:20px 0 0 0;
padding:0;
text-align:left;
vertical-align:top;
cursor:pointer;
}
.katalog-div li a{
display:inline-block;
margin:0;
}
.katalog-div li a:hover{	
color:#68904d;
}
/* --------------------------------- */
/* разделы заголовки */
.katalog-div li table{
width:auto;
border-collapse:collapse;
margin:0;	
}
.katalog-div li td{
padding:0;
text-align:left;
vertical-align:middle;	
}
.katalog-div li td img{
display:block;
width:30px;
margin:0 10px 0 0;
}
/* --------------------------------------------------- */
/* разделы пункты */
.katalog-div .katalog-div-bol ul ul{
width:100%;
margin:0;	
}
.katalog-div .katalog-div-bol li li{
display:block;
width:100%;
margin:10px 0 0 0;
padding:0;
font-size:90%;
vertical-align:middle;
cursor:pointer;
}

@media screen and (min-width:100px) and (max-width:400px){
	.katalog-div-left td img{
	width:50px;
	margin:0 10px 0 0;	
	}
	.katalog-div-right td img{
	width:10px;	
	}
	.katalog-div .katalog-div-bol li{
	width:100%;
	padding:0;
	}
}	
@media screen and (min-width:401px) and (max-width:500px){
	.katalog-div-left td img{
	width:50px;
	}
	.katalog-div .katalog-div-bol li{
	width:100%;
	padding:0;
	}
}	
@media screen and (min-width:501px) and (max-width:600px){
	.katalog-div .katalog-div-bol li{
	width:100%;
	padding:0;
	}
}
@media screen and (min-width:601px) and (max-width:700px){
	.katalog-div .katalog-div-bol li{
	width:46%;
	padding:0 4% 0 0;
	}
}
@media screen and (min-width:701px) and (max-width:800px){
	.katalog-div .katalog-div-bol li{
	width:46%;
	padding:0 4% 0 0;
	}
}
@media screen and (min-width:801px) and (max-width:900px){
	.katalog-div .katalog-div-bol li{
	width:46%;
	padding:0 4% 0 0;
	}
}
@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){

}