

@media (max-width: 768px) {
/* показываем кнопку для переключения верхней навигации */
	.dop_t {
		display: none !important;
	}
	
	#rp a {

	font-size:2.6em !important;
	
}
	.small2 {
		display:none !important;
	}

.toplogo {
	display:inline-block;
}

#rp {
	float:none;
	margin-left:0px;
	position:absolute;
	top:45px;
	left:0px;
	width:100%;

}
#rp a {
font-family: 'Yanone Kaffeesatz', sans-serif;
	font-size:2.8em;
	color:#990000;
	font-weight: bold;
	text-align:center !important;
	width:100%;
	display:inline-block;
	text-shadow: 
		-0   -2px 1px #FFFFFF,
		 0   -2px 1px #FFFFFF,
		-0    2px 1px #FFFFFF,
		 0    2px 1px #FFFFFF,
		-2px -0   1px #FFFFFF,
		 2px -0   1px #FFFFFF,
		-2px  0   1px #FFFFFF,
		 2px  0   1px #FFFFFF,
		-1px -2px 1px #FFFFFF,
		 1px -2px 1px #FFFFFF,
		-1px  2px 1px #FFFFFF,
		 1px  2px 1px #FFFFFF,
		-2px -1px 1px #FFFFFF,
		 2px -1px 1px #FFFFFF,
		-2px  1px 1px #FFFFFF,
		 2px  1px 1px #FFFFFF,
		-2px -2px 1px #FFFFFF,
		 2px -2px 1px #FFFFFF,
		-2px  2px 1px #FFFFFF,
		 2px  2px 1px #FFFFFF,
		-2px -2px 1px #FFFFFF,
		 2px -2px 1px #FFFFFF,
		-2px  2px 1px #FFFFFF,
		 2px  2px 1px #FFFFFF;
}

.small2 {
		margin-top:-3px !important;
}
.small2 a {
	font-size:1.6em;

}

li.none {
	display: inline-block !important ;
}

span.none {
	display: inline-block !important ;
}


.nav-toggle {
display: block;
position: relative ;
}
header {
padding: 0 0;
}



/* скрываем верхнее меню, отменяем обтекание, позиционируем его, сместив на высоту шапки сайта */ 
#menu {
max-height: 0;
background: white;

float: none;
position: absolute;
overflow: hidden;
top: 175px;
right: 0;
left: 0;
margin: 0;
padding: 0;
z-index: 300;

}
/* делаем элементы списка блочными, чтобы они располагались друг под другом */
#menu li {
display: block;
padding-left: 15px;
	padding: 5px;
	

border-bottom: 1px solid #EBEBE3;
margin-right: 0;
}
/* отменяем обтекание левой и правой колонок, устанавливаем им ширину 100%*/
.posts-list, aside {
width: 100%;
float: none;
}
.widget-post-title {
font-size: 1.5em;
}
}





@media (max-width: 480px) {
	
	.skk_decor  {
	width:110px !important;
	height:110px !important;
	padding:0px !important;	
	margin-right:5px !important;
	}
	
	.skk_decor  img {
	width:110px;
	height:110px;	
	}
	
	.skk_decor span {

	width:90%;
	padding:1px;
	text-align:center;
	position: absolute;
	left:0px;
	top:0px;
	font-family: 'PT Sans Narrow', sans-serif;
	font-size:1.1em;
}
	
	
.decor  div.skk_decor input[type=checkbox]  ,.decor  div.skk_decor input[type=radio]  
{

	left:12px;
	bottom:12px;
	transform:scale(1.2);
	
}



	
	.dop_t {
		display: none;
	}
	.container_svg {
		width: 100%;
		height: 310px !important;
	}
	
	.deca {
		position:absolute;
		text-align:center;
		left:0px;
		top: 220px !important;
		padding: 2px 5px 0px 5px;
		z-index:110;
		background-color:#FFFFFF;
		font-size:1.2em;
		width:100%;
		color:#990000;
		opacity:0.6;
		
	}
	
	.deca2 {
		position:absolute;
		text-align:center;
		left:0px;
	    bottom: 15px !important;
		padding:0px 5px;
		z-index:100;
		background-color:#FFFFFF;
		font-size:1.2em;
		width:100%;

		opacity:0.9;
		
	}
	
.ph_global_left , .ph_global_right   {
	float:none;
	width:100%;
	margin-right:10px !important;
	margin-left:10px !important;
}

.ph_global_left img, .ph_global_right  img  {
	
	width: 90%;
}
	
	
 #cboxTitle{
	 position:absolute; 
	 top:0px; 
	 left:0px;
	 border-radius:0px 0px 7px 0px;
	 text-align:center; 
	 width:120px !important; 
	 height: 50px !important ;
	 
	 color:#900;
	 background-color:#FFFFFF;
	 padding:4px;
	 }

	.small2 {
		display:none;
	}
	.s_stop {
	display:none;
}
	
	.w_win {
		padding:0px;
		margin-left:0px;
		padding-right:5px;
	}

	.w_win ul li {
	float:none;
	width:100%;
	padding:5px;

}

.w_win ul li img {
width:110px;
height:110px;
}

.im_5 {
	font-size:1.6em;
	
}

	
.nav-toggle {
display: block;
position: absolute;
right:0px;
top:0px;
z-index:310;
}
.top_sl p {
		top: 188px;
	font-size:0.7em;
		line-height: 1em;
			padding:0 10px;
			text-shadow: 1px 2px 0 #000;
			color: #FFEEE6;
}

.top_sl h2 {
	font-size:1em;
	top: 140px;
}
.slider1 {
	height:auto !important;
	border:1px solid #900;
}
.slider1 .top_sl {
	height:auto;
}

.main_txt img {
	margin:0 auto;
	margin-bottom:15px;
	
}

/* выравниванием логотип по центру */
nav {
text-align: center;
}
/* отменяем обтекание для логотипа */
.logo {
float: none;
margin-bottom: 15px;
}
/* позиционируем меню на увеличившуюся высоту шапки */
#menu {
top: 180px;
z-index:100;
}

#menu a  {
	padding-left:20px;
}
/* позиционируем форму поиска по левому краю 
*/

#rp {
width:280px;
float: none;
margin-left: -20px;

}

#searchform {
float: left;
margin-left: 0;
}

/* убираем верхнюю и нижнюю границы и выравниваем кнопку по центру */
.post-footer {
border-top: none;
border-bottom: none;
text-align: center;
}
/* отменяем позиционирование кнопок соцсетей */
.post-social {
position: static;
text-align: center;
transform: none;
margin-top: 20px;
}
.widget-post-title {
font-size: 1.2em;
}
/* отменяем обтекание для столбцов подвала страницы */
.footer-col {
float: none;
margin-bottom: 20px;
width: 100%;
text-align: center;
}
.footer-col:last-child {
text-align: center;
margin-bottom: 0;
}
li.none {
	display: inline-block !important ;
}
span.none {
	display: inline-block !important ;
}

}



@media (max-width: 414px) {
	
	
.ph_global_left , .ph_global_right   {
	float:none;
	width:100%;
	margin-right:10px !important;
	margin-left:10px !important;
}

.ph_global_left img, .ph_global_right  img  {
	
	width: 90%;
}	
	
 #cboxTitle{
	 position:absolute; 
	 top:0px; 
	 left:0px;
	 border-radius:0px 0px 7px 0px;
	 text-align:center; 
	 width:120px !important; 
	 height: 50px !important ;
	 
	 color:#900;
	 background-color:#FFFFFF;
	 padding:4px;
	 }
 
.w_win ul li {
	float:none;
	width:100%;
	padding:2px;

}
.w_win ul li img {
width:110px !important;
height:110px !important;
}

.s_stop {
	display:none;
}

#rp {

	top:40px;

}
#rp a {

	font-size:3.0em;
	
}

.small2 {
		margin-top:-10px !important;
}
.small2 a {
	font-size:1.6em !important;

}


}


