.pc {
  display: none;
}
nav {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: 0;
  padding: 4px;
}
	nav img {
		float: left;
		width: 130px;
		margin: 5px 10px 0;
	}
	nav a {}
		nav a#m-logo {}
		nav a#m-phone {}
	nav span {
		float: right;
		padding: 2px 2px 0;
		cursor: pointer;
	}
		nav span i.fa-stack-2x {
			color: #fff;
		}
		nav a span i.fa-stack-1x {
			color: rgba(73, 101, 149, 0.7);
		}

.slide-menu li div strong a {
  font-size: 16px !important;
  letter-spacing: auto !important;
}
#wrapper {
  min-height: auto !important;
}
.header__phone b a {
  color: #fff;
}
/*---------------------------------
	Responsive Grid Media Queries - 1280, 1024, 768, 480
	1280-1024 	- desktop (default grid)
	1024-768 	- tablet landscape
	768-480 	- tablet 
	480-less 	- phone landscape & smaller
-----------------------------------*/
@media all and (min-width: 1100px) and (max-width: 1280px) {
	.greeting, .product-inner, .form-container .inner {
		max-width: 1100px;
	}
}
@media all and (max-width: 1024px) {
	.address-container {
		padding: 2em;
	}
	.address-container .primary, .address-container .secondary {
		float:none;
		margin: 0 auto;
		padding: 2em;
		position: static;
	}
	.address-container .inner .title {
		text-align: center;
		font-size: 3em;
	}
}
@media all and (min-width: 1024px) and (max-width: 1280px) {
	
	.grid *[class*="col_"]{}
	* .inner{max-width: 1024px;}
	.grid{max-width: 1024px;}
	.greeting, .product-inner, .form-container .inner  {max-width: 1024px;}
	.show-desktop	{display:block;}
	.hide-desktop	{display:none;}
	.show-tablet	{display:none;}
	.hide-tablet	{display:block;}
	.show-phone		{display:none;}
	.hide-phone		{display:block;}
	
}

@media all and (min-width: 768px) and (max-width: 1024px) {
	
	.grid *[class*="col_"]{}
	* .inner{max-width: 768px;}
	.grid{max-width: 768px;}
	.show-desktop	{display:none;}
	.hide-desktop	{display:block;}
	.show-tablet	{display:block;}
	.hide-tablet	{display:none;}
	.show-phone		{display:none;}
	.hide-phone		{display:block;}
	
}


@media all and (max-width: 768px) {
	
	.greetingcol, .text-description {
		float:none;
		width:auto;
		margin: 0 auto;
	  padding: 2em 0;
	}
	
	.form-container .title {font-size: 3em;}

	.fifth-zone-inner .area-form {
		padding: 1em;
	}
	.area-form form ol {
		padding: 1em;
		width: 100%;
	}
	.form-container .input-half {
		width: 100%;
	}

		.address-container .primary, .address-container .secondary {
			padding: 1em;
			width: 100%;
		}

	.newstapeicon {
		float:none;
		width:auto;
		padding: 0 2em 1em 0;
		max-width: 320px;
		margin: 0 auto;
	}
	.news-inner-img {
		float: none;
		margin: 2em auto;
    width: 100%;
	}
	
	.oxichlorid-images .img-responsive {
		height: auto;
	}
  
  .slide-menu {margin: 0 0 100px !important;}
  .slide-menu li div strong {height: auto !important; display: block; width: 50%; padding: 10px; float: left;}
	
}
@media only screen and (max-device-width : 1024px) {
	.main-nav ul li a {padding: 8.2px;}
	.headline-top .logo--img {width: 50px;right: 0;top: -1px;left: 50px;height: 32px;}
	
	.intro {
		height: auto;
		background: unset;
	}
	.bx-wrapper {margin: 0!important;}

	/* .new-var-slide .slide-li {height: 400px;} */
	
	.header__contacts {height: 60px;}
	.header__contacts--na {height: 60px;opacity: 0;}
	.header__menubutton {position: absolute;top: 6px;left: 1px;}
	#open-left i, a.menubutton i {color: #fff;}

	.header__phone {font-size: 1.8em;line-height: 1.3em;display: inline-block;width: auto;padding-right: 15px;}
		.header__phone b {margin-right: 0;}

	.header__address {font-size: 60%;padding-right: 15px;}

	nav {z-index: unset;}
		
		
	.production figure.col_4 {margin: 1em 0.4em;}

	.greeting, .product-inner, .form-container .inner, .service-container .inner, .mp-advantages-container .inner{max-width: 480px;}
	
	.product-container {height: 500px;}
	.product-container .product li {padding: 5px;}
	.product figure figcaption {padding: 10px;}
	.product figure figcaption img {height: 50px;position: absolute;left: 0;right: 0;margin: 0 auto;bottom: 100px;}
	.product figure .product-bg {height: 290px;}
	.product figure h2 {font-size: 18px;}
	
	.product-container .title {font-size: 30px;}
	.service-container .title {font-size: 30px;}
	.service-container li {width: 100%;line-height: 1.6em;font-size: 20px;}
	.mp-advantages figure figcaption img {height: 100px;}

	.form-container .title { font-size: 2em;}
	.address-container {padding: 0; height: auto;}
	.address-container .inner .title {font-size: 2em;}

	#content.inner {max-width: 290px;padding-top: 54px;}

	.list--onecol li {line-height: 1.6em;font-size: 20px;}
	.list li {width: 100%;line-height: 1.6em;font-size: 20px;}

	.vot {width: 290px;padding: 0;margin: 0 auto;line-height: 2;color: #ccc;}
	.userInfo {margin: 0.5em 0 1.5em -2px;font-size: 26px;}
	.comments {width: 290px;}
		.comments p {padding: 0 5% 0 0;}
			.comments p > i {left: 0;top: -20px;}
			.comments p span i {vertical-align: -20px;}
	.comment-form {width: 290px;}
		.comment-form ol li input[type="submit"] {font-size: 18px;padding: 16px;}
	h2.newstitle {text-align: left; width: 290px; margin: 0 auto !important;}
	#map address {line-height: 1.7;text-align: center;}

	.gallery img {margin: 0.5em;}

}
@media only screen and (max-device-width : 1024px) and (orientation : landscape) {
	#content.inner {max-width: 768px;}
	
	.production figure {height: 180px;overflow: hidden;}
	
	.mp-advantages figure figcaption {padding: 10px;}
	.mp-advantages-container .mp-advantages li {padding: 0px;}

	.left-zone-footer {float: unset;width: 768px;margin: 0 auto;}
	.counters {margin-left: -10px;}
	.menu-footer {float: none;width: 768px;margin: 0 auto;}
	.menu-footer li {float: left;width: 100%;}
	.socials {display: inline-block;padding: 0.4em;padding-left: 0;padding-bottom: 0;margin-left: -10px;}
	.socials a {box-shadow: unset;margin-bottom: 0;}
	
}
@media only screen and (max-device-width : 768px) and (orientation : portrait) {
	#content.inner {max-width: 480px;}
	.mp-advantages-container .title {font-size: 30px;}
	.mp-advantages-container .mp-advantages li {width: 100%;padding: 0;}
	body {
		overflow-x: hidden;
	}
	.left-zone-footer {float: unset;width: 480px;margin: 0 auto;}
	.counters {margin-left: -10px;}
	.menu-footer {float: none;width: 480px;margin: 0 auto;}
	.menu-footer li {float: left;width: 100%;}
	.socials {display: inline-block;padding: 0.4em;padding-left: 0;padding-bottom: 0;margin-left: -10px;}
	.socials a {box-shadow: unset;margin-bottom: 0;}
	
	.adaptcol.col-1 {border-right: 0;padding-right: 0;}
	.adaptcol.col-2 {border-left: 0;margin-left: 0;padding-left: 0}
}
 



@media all and (min-width: 480px) and (max-width: 768px) {

	* .inner{
	float:none;
	width:auto;
	clear:both;
	display:block;
	}

	.grid *[class*="col_"]{
	float:none;
	width:auto;
	clear:both;
	display:block;
	}
	
	/* columns inside of columns */
	.grid *[class*="col_"] [class*="col_"]{
	margin-left:0;
	margin-right:0;
	width:100%;
	}
	
	.grid{max-width: 480px;}
	* .inner {max-width: 480px;}
	.greeting {max-width: 480px;}
	.show-desktop	{display:none;}
	.hide-desktop	{display:block;}
	.show-tablet	{display:block;}
	.hide-tablet	{display:none;}
	.show-phone		{display:none;}
	.hide-phone		{display:block;}
	
}
@media all and (max-width: 480px) {
	
	header {
		display: block;
	}
	.intro {
		height: auto;
		background: unset;
	}
	.bx-wrapper {margin: 0!important;}

	/* .new-var-slide .slide-li {height: 250px;} */

	.intro a.logo {
		background: url(/design/logo.png) no-repeat 0 0 / 100% auto;
		box-sizing: border-box;
		display: block;
		height: 94px;
		margin: 0 auto;
		margin: 5em auto 3em;
		position: static;
		width: 150px;
		z-index: unset;
	}
	.maintitle {font-family: 'Open Sans Condensed', sans-serif;}
	.maintitle + span:first-letter {color: rgba(73, 101, 149, 0.8);	text-transform: capitalize;}
	
	.address-container {height: auto;}

	* .inner{
	float:none;
	width:auto;
	clear:both;
	display:block;
	}
	
	.greetingcol, .text-description, .product-inner, .form-container .inner {width: 290px;}

	.product-container, .form-container {height: auto;}
	.product-container .product li {
		width: 100%;
		padding: 20px 0;
	}
	.product .getmore a {
		font-size: large;
	}
		.product figure .product-bg {
			height: 270px;
		}
		.product figure h2 {
			width: 100%;
			padding: 20px 0;
			font-size: 20px;
		}
		.product figure figcaption img {
			margin: 10px 0 0;
			height: 30px;
			position: static;
		}


	
	.main-nav ul li a {padding: 8.2px;}
	.headline-top .logo--img {width: 50px;right: 0;top: -1px;left: 50px;height: 32px;}

	.header__contacts {height: 48px;padding: 0;width: 55%;float: right;}
	.header__contacts--na {height: 48px;padding: 0;width: 55%;float: right;opacity: 0;}
	.header__menubutton {position: absolute;top: 6px;left: 1px;}
	#open-left i, a.menubutton i {color: #fff;}

	.header__phone {font-size: 1.1em;line-height: 1.3em;display: inline-block;width: auto;padding-right: 15px;}
		.header__phone b {margin-right: 0;}

	.header__address {font-size: 60%;padding-right: 15px;}

	nav {z-index: unset;}
		
	.product-container .title {font-size: 30px;}
	.service-container .title {font-size: 30px;}
	.service-container li {width: 100%;line-height: 1.6em;font-size: 20px;}
	.service-container .inner {width: 290px;}
	.mp-advantages-container .title {font-size: 30px;}
	.mp-advantages-container .inner {width: 290px;}
	.mp-advantages-container .mp-advantages li {width: 100%;padding: 0;}
	.mp-advantages figure figcaption img {height: 100px;}
	.form-container .title { font-size: 2em;}
	.address-container {padding: 0;}
	.address-container .inner .title {font-size: 2em;}

	#content.inner {max-width: 290px;padding-top: 54px;}

	.list--onecol li {line-height: 1.6em;font-size: 20px;}
	.list li {width: 100%;line-height: 1.6em;font-size: 20px;}

	
	.vot {width: 290px;padding: 0;margin: 0 auto;line-height: 2;color: #ccc;}
	.userInfo {margin: 0.5em 0 1.5em -2px;font-size: 26px;}
	.comments {width: 290px;}
		.comments p {padding: 0 5% 0 0;}
			.comments p > i {left: 0;top: -20px;}
			.comments p span i {vertical-align: -20px;}
	.comment-form {width: 290px;}
		.comment-form ol li input[type="submit"] {font-size: 18px;padding: 16px;}
	h2.newstitle {text-align: left; width: 290px; margin: 0 auto !important;}

		
	.adaptcol.col-1 {border-right: 0;padding-right: 0;}
	.adaptcol.col-2 {border-left: 0;margin-left: 0;padding-left: 0}


		
	.form-container textarea, .form-container input {
		padding: 10px 20px;
	}
	.form-container textarea, .form-container input, .form-container input.col_50 {
		width: 100%;
	}
	.form-container .captcha-container input[type="submit"] {
		float: none;
		width: 49.2%;
		margin: 0 auto;
		padding: 10px;
		font-size: inherit;
	}
	.form-container .captcha-container #captha3 {display: none;}
	.left-zone-footer {float: unset;width: 290px;margin: 0 auto;}
	.counters {margin-left: -10px;}
	.menu-footer {float: none;width: 290px;margin: 0 auto;}
	.menu-footer li {float: left;width: 100%;}
	.socials {display: inline-block;padding: 0.4em;padding-left: 0;padding-bottom: 0;margin-left: -10px;}
	.socials a {box-shadow: unset;margin-bottom: 0;}
			



	.faq-container label, .faq-container small {
		display: none;
	}
	.faq-container input[type="text"], .faq-container textarea {
		width: 100%;
		padding: 10px 20px;
		height: 60px;
	}
	.faq-container .captcha {
		width: 100%;
	}
	.faq-container .captcha input {
		width: 50%;
	}
	.faq-container .captcha img {
    float: left;
	}
	
	
	.gallery img {
    max-width: 100%;
    margin: 1em auto;
    border: 1px solid #ccc;
	}





	
	.grid *[class*="col_"]{
	float:none;
	width:auto;
	clear:both;
	display:block;
	}
	
	/* columns inside of columns */
	.grid *[class*="col_"] [class*="col_"]{
	margin-left:0;
	margin-right:0;
	width:100%;
	}
	
	.grid{max-width: 100%;/*320*/}
	* .inner{max-width: 100%;/*320*/}
	.show-desktop	{display:none;}
	.hide-desktop	{display:block;}
	.show-tablet	{display:none;}
	.hide-tablet	{display:block;}
	.show-phone		{display:block;}
	.hide-phone		{display:none;}
	
}
@media all and (max-width: 320px) {
    .slide-menu li div strong {width: 100%;}
}