
.the_new, .adapt_menu, .tnew {display:none}

@media (min-width: 768px) and (max-width:1003px) {
	body, html {
		min-width: 769px;
		margin:0
	}
	
	#shapka .tels:after,  #header-top:after {display: table;
	clear: both;
	content: '';}
	
	#all {min-width:0;width:95%;margin:0 auto;background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.3)}
		#shapka {position:relative;}
		#shapka .sh_wrap {width:100%;height:auto}
		#shapka .tels {position:relative;top:0;left:0;width:100%;height:auto}
		#shapka .tels li.lleft, #shapka .tels li {float:left;padding:5px 10px;display:block;}
	
	#header, #header-top {height:auto}
		.wrapper {width:100%}
		#header {background:none}
		#header #logo, #tele {float:left;width:auto;margin:0 10px}
			 #tele {position:relative;top:0;left:0;padding:10px}
			#logo img[align="left"] {float:none;}
		#phone {position:relative;top:auto;left:auto;width:100%;height:auto;clear:left}
		#header #logo a {float:none;display:block;height:auto;text-align:center}
		#phone div div {width:30%!important}
		.call_container {margin:25px 0 0}
		
		#header-menu {height:auto;background:#888;border-radius:10px}
		#header-menu ul {height:auto;background:none;padding:10px}
			#header-menu li.selected a {background:#29abe2}
			#header-menu li {float:none;display:inline-block}
			#header-menu li a {float:none;display:block;}
			#header-search, #header-menu li:first-child {display:none}
			
			
		.left-block-wrap {margin:0;width:250px;}	
			.left-side {margin:0;padding:10px}
			.center-block {width:auto;padding:10px;box-sizing: border-box; margin:0 0 0 270px;float:none;overflow:hidden}
			
			.big-pic {margin:10px 0}
				.big-pic img {height:auto;max-width:100%}
				
			.catalog-item {width:45%;margin:10px 2%;box-sizing: border-box;height:auto}	
			
			div.catalog-section-image {width:100%;margin:0 0 10px;float:none}
				div.catalog-section-image img {height:auto;max-width:100%}
				div.catalog-section-info {margin:10px 0}
				
			.content-block img {height:auto;max-width:100%}	
			.content-block embed, .content-block iframe, .content-block input, .content-block textarea {max-width:90%}
			.content-block div, .bx-yandex-map {max-width:100%}
			
			.product-question .inputs {width:100%}
			.question-b {margin:0}
			
			.product-picture {margin:0;float:left;width:40%}
			.product-details {width:auto;float:none;margin:0 0 0 45%}
			
			.product-details .button-disable, .product-details .button {margin:10px 0;float:none;display:inline-block;}
				
				.price-wrap {clear:both}
			
			.activedel {width:100%;height:auto;box-sizing: border-box}
			
			.catalog-item-card td {display:block;}
			
			.pay_on {display:none}
			
	#footer {min-width:0;height:auto}	
		#footer-top {min-width:0}
		#footer-top-back {height:auto}
		
	
	
	
}



@media (min-width: 481px) and  (max-width: 767px) {
	body, html {
		min-width: 480px;
		margin:0
	}
	
	#header #logo:after, #phone:after {display: table;	clear: both;	content: '';}
	
	#all {min-width:0;width:90%;margin:0 auto;background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.3)}
		#shapka {position:relative;}
		#shapka .sh_wrap {width:100%;height:auto}
		#shapka .tels {position:relative;top:0;left:0;width:100%;height:auto}
		#shapka .tels li.lleft, #shapka .tels li {float:none;padding:5px 10px;display:block;}
	
	#header, #header-top {height:auto}
		.wrapper {width:100%}
		#header {background:none}
		#header #logo {float:none;width:100%;text-align:center;}
			#logo img[align="left"] {float:none;}
		#tele, #phone {position:relative;top:auto;left:auto;width:100%;height:auto}
		#header #logo a {float:none;display:block;height:auto;text-align:center}
		#phone div {width:100%!important;height:auto!important;margin:10px 0!important}
		.call_container {margin:25px 0 0}
		
		#header-menu {height:auto;background:#888;border-radius:10px}
		#header-menu ul {height:auto;background:none;padding:10px}
			#header-menu li.selected a {background:#29abe2}
			#header-menu li {float:none;}
			#header-menu li a {float:none;display:block;}
			#header-search, #header-menu li:first-child {display:none}
			
			
		.left-block-wrap {margin:0}	
			.left-side {margin:0;padding:10px}
			.center-block {width:100%;padding:10px;box-sizing: border-box; }
			
			.big-pic {margin:10px 0}
				.big-pic img {height:auto;max-width:100%}
				
			.catalog-item {width:45%;margin:10px 2%;box-sizing: border-box;height:auto}	
			
			div.catalog-section-image {width:100%;margin:0 0 10px;float:none}
				div.catalog-section-image img {height:auto;max-width:100%}
				div.catalog-section-info {margin:10px 0}
				
			.content-block img {height:auto;max-width:100%}	
			.content-block embed, .content-block iframe, .content-block input, .content-block textarea {max-width:90%}
			.content-block div, .bx-yandex-map {max-width:100%}
			
			.product-question .inputs {width:100%}
			.question-b {margin:0}
			
			.product-picture {margin:0;float:none}
			
			.product-details .button-disable, .product-details .button {margin:0 0 10px 0;}
			
			.activedel {width:100%;height:auto;box-sizing: border-box}
			
			.catalog-item-card td {display:block;}
			
			.pay_on {display:none}
			
	#footer {min-width:0;height:auto}	
		#footer-top {min-width:0}
		#footer-top-back {height:auto}
		#footer-left {float:none;padding:10px;width:100%;box-sizing: border-box}
		#footer-right {margin:0;padding:10px}
	
	/****/
		.adapt_menu {display:block;padding:10px;font-size:18px;cursor:pointer;line-height:24px;color:#fff;background:#ff0040}
            .adapt_menu span {display:inline-block;vertical-align:middle;width:30px;margin:0 10px 0 0;height:3px;background:#fff;position:relative}
            .adapt_menu span:before {content:'';width:100%;position:absolute;top:-6px;left:0;height:3px;background:#fff;}
            .adapt_menu span:after {content:'';width:100%;position:absolute;bottom:-6px;left:0;height:3px;background:#fff;}
		
		#left-menu {display:none}
			.side-menu {margin:0}
			
		#header-menu, #phone {display:none}	
		
		.tnew {background:#1161d8;color:#fff;padding:10px;display:none;margin:20px 0}
			.tnew:after, .cls_n:after {display: table;	clear: both;	content: '';}
			.newmenu {float:left;width:32px;height:32px;cursor:pointer;background:url(navbar.png) 50% 50% no-repeat;}
			.newphone {float:right;width:32px;height:32px;cursor:pointer;background:url(navphone.png) 50% 50% no-repeat;}
			.the_new {padding:10px;background:#fff;clear:both;box-sizing: border-box}
			ul.the_new li:first-child {display:none}
			ul.the_new li {font-size:14px;display:block;padding:10px;}
	#oplata  {display:none}	
		
}


@media (max-width: 480px) {
	body, html {
		min-width: 210px;
		margin:0;
		padding:0
	}
		.catalognew h2 {display:none}
	#header #logo:after, #phone:after {display: table;	clear: both;	content: '';}
	
	#all {min-width:0;width:90%;margin:0 auto;background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.3)}
		#shapka {position:relative;}
		#shapka .sh_wrap {width:100%;height:auto}
		#shapka .tels {position:relative;top:0;left:0;width:100%;height:auto}
		#shapka .tels li.lleft, #shapka .tels li {float:none;padding:5px 10px;display:block;}
	
	#header, #header-top {height:auto}
		.wrapper {width:100%}
		#header {background:none}
		#header #logo {float:none;width:100%;text-align:center;}
			#logo img[align="left"] {float:none;}
		#tele, #phone {position:relative;top:auto;left:auto;width:100%;height:auto}
		#header #logo a {float:none;display:block;height:auto;text-align:center}
		#phone div {width:100%!important;height:auto!important;margin:10px 0!important}
		.call_container {margin:25px 0 0}
		
		#header-menu {height:auto;background:#888;border-radius:10px}
		#header-menu ul {height:auto;background:none;padding:10px}
			#header-menu li.selected a {background:#29abe2}
			#header-menu li {float:none;}
			#header-menu li a {float:none;display:block;}
			#header-search, #header-menu li:first-child {display:none}
			
			
		.left-block-wrap {margin:0}	
			.left-side {margin:0;padding:10px}
			.center-block {width:100%;padding:10px;box-sizing: border-box; }
			
			.big-pic {margin:10px 0}
				.big-pic img {height:auto;max-width:100%}
				
			.catalog-item {float:none;width:100%;margin:10px 0;box-sizing: border-box;height:auto}	
			
			div.catalog-section-image {width:100%;margin:0 0 10px;float:none}
				div.catalog-section-image img {height:auto;max-width:100%}
				div.catalog-section-info {margin:10px 0}
				
			.content-block img {height:auto;max-width:100%}	
			.content-block embed, .content-block iframe, .content-block input, .content-block textarea {max-width:90%}
			.content-block div, .bx-yandex-map {max-width:100%}
			
			.product-question .inputs {width:100%}
			.question-b {margin:0}
			
			.product-picture {margin:0;float:none}
			
			.product-details .button-disable, .product-details .button {margin:10px 0;width:100%}
			
			.activedel {width:100%;height:auto;box-sizing: border-box}
			
			.catalog-item-card td {display:block;}
			
			.pay_on {display:none}
			
	#footer {min-width:0;height:auto}	
		#footer-top {min-width:0}
		#footer-top-back {height:auto}
		#footer-left {float:none;padding:10px;width:100%;box-sizing: border-box}
		#footer-right {margin:0;padding:10px}
	
	/****/
		.adapt_menu {display:block;padding:10px;font-size:18px;cursor:pointer;line-height:24px;color:#fff;background:#ff0040}
            .adapt_menu span {display:inline-block;vertical-align:middle;width:30px;margin:0 10px 0 0;height:3px;background:#fff;position:relative}
            .adapt_menu span:before {content:'';width:100%;position:absolute;top:-6px;left:0;height:3px;background:#fff;}
            .adapt_menu span:after {content:'';width:100%;position:absolute;bottom:-6px;left:0;height:3px;background:#fff;}
		
		#left-menu {display:none}
			.side-menu {margin:0}
			
		#header-menu, #phone {display:none}	
		
		#oplata  {display:none}
			
		.tnew {background:#1161d8;color:#fff;padding:10px;display:none;margin:20px 0}
			.tnew:after, .cls_n:after {display: table;	clear: both;	content: '';}
			.newmenu {float:left;width:32px;height:32px;cursor:pointer;background:url(navbar.png) 50% 50% no-repeat;}
			.newphone {float:right;width:32px;height:32px;cursor:pointer;background:url(navphone.png) 50% 50% no-repeat;}
			.the_new {padding:10px;background:#fff;clear:both;box-sizing: border-box}
			ul.the_new li:first-child {display:none}
			ul.the_new li {font-size:14px;display:block;padding:10px;}
	
			
}
