body, #skin, #skin_add, #skin_back {min-width:320px;}
/* styles */
@media screen and (max-width: 980px) {.wrapper {padding-left: 40px; padding-right: 40px;}}
@media screen and (max-width: 800px) {.wrapper {padding-left: 20px; padding-right: 20px;}}
@media screen and (max-width: 600px) {.wrapper {padding-left: 10px; padding-right: 10px;}}
@media screen and (max-width: 400px) {.wrapper {padding-left: 5px; padding-right: 5px;}}

@media screen and (max-width: 600px) {
	.footer_inf.sides .grx{display:block; float: none; text-align: center;}
	.footer_inf.sides .cop{display:block; float: none; text-align: center;}
}

@media screen and (max-width: 980px) {
	.left_width {width:200px; }
	.catalog_center_space {margin-left:240px;}
	#logo {max-width:353px; min-width:40%;}

	.messenger-block {
		position:fixed;
		bottom: 0px;
		left: 0px;
		z-index: 10;
		width: 100%;
		height: 150px;
		justify-content: center;
		align-items: center;
		background: rgba(255,255,255,0.5);
		border-top: 5px solid #3a4a5e;
	}

	.messenger-block a {		
		width: 120px;
		height: 120px;		
		margin: 0 10px;
	}

	.messenger-block a img {
		width: 100%;
	}
	
	#skin_add {
	background: repeat-y center top url(../img/images/fon.jpg) fixed;
	padding-bottom: 150px;
}

}
@media screen and (max-width: 800px) {
	.left_width { width:100%; }
	#left { float: none; }
	.catalog_center_space { margin-left:0px; }
}

@media screen and (max-width: 800px) {
	#logo, #top_info {margin: 0 auto; float: none;}
}

/* catalog */
@media screen and (max-width: 800px) {
	.iteminfo {  clear: both;}
}

/* news */
@media screen and (max-width: 600px) {
	.blockimg { float: none; margin-bottom: 20px;  }
	.blockimg img { margin: 0 auto; }
	.news.block .blocktext,.news .block .blocktext { margin-left: 0px; }
}
/* feedback */
@media screen and (max-width: 600px) {
	.feedback1 .form_left, .feedback1 .form_right { width:100%;}
	.feedback1 .form_line { height: auto; }
}

/* topmenu */
@media screen and (max-width: 800px) {
  #top_menu table, #top_menu tbody, #top_menu tr, #top_menu table td { display: block; width: 100%; }
	#top_menu table td.tm_razd{display:block; height: 2px; background: #00405b;  width: 100%;}
  #top_menu,
	#top_menu table { height: auto; }
	#top_menu a.tmau0 { width: 100%;  }
	#top_menu a.tmau0 > span { text-align: left; padding-left: 20px !important; padding-right: 20px !important;  }
}

@media screen and (max-width: 800px) {
	#top_menu .tmdvp1u { position: relative; top: 0;border-radius:0;max-width:none; width: 100%;box-shadow: none; }
}