
@media (max-width:767px) {
	
	.wrapper {
		overflow: hidden
	} 
	
	.consult .btn-blue  {
		max-width:100%;
		margin-left:0
	}
	
	.btn-yell {
		max-width:100%
	} 
	
	header .logo-img {
		width: 70px;
		margin-left:15px;
	}
	
	.slider-h1 span {
		z-index:0;
	}
	
	.slider-h1 span:after {
		height:9px;
	}
	
	.usage-list {
		margin-left: -15px !important;
		margin-top:40px
	}	
	
	.usage-list .col-md-6 {
		height: auto;
	}	
	
	.industry .title {
		margin-bottom:0
	}
	
	.industry-wrap {
		margin-top:20px;
	}
	
	.usage .title {
		margin-bottom: 20px;
	}	
	
	.usage .article-desc {
		display: none
	}
	.detail h3 {
	  font-size: 18px;
	}	
	.why-icons .row .col-md-3:nth-child(2n+1) {
		clear:both
	} 
	
	.index .article-title {
		font-size:17px;
		font-family: 'GraphikLC-Medium';		
	}
	
	.index .articles {
		border-bottom: none;
		margin-bottom: 0
	}
	
	.index .articles {
		float: none
	}
	
	.catalog-h2 {
		margin-top:40px;
		margin-bottom: 50px;
	}
	
	.catalog-h2 p {
		font-size: 15px;
	}
	.prod-img {
		background: url(/images/prod-block-mobile.jpg) center top no-repeat;
		background-size: cover;			
		position:relative;	
	}
	
	.prod-title {	
		position: absolute;
		bottom: 30px;			
	} 
	
	.catalog-item-text {
		padding-right:0
	}
	
	.catalog-head .catalog-item-label {
		margin-top: 30px;
	}	
	
	.catalog .catalog-block-line {
		padding:0 15px
	}
	.article-item .article-img {
		//width:calc(100% + 40px);
		//margin-left:-20px;
		//margin-bottom: 30px
	}
	.article-item .article-title {
		display: block;
		border-bottom: none;
		margin:15px 0
	}
	
	.article-item .article-img  img {
		border-radius: 26px;		
	}
	
	.consult {
	  padding: 40px 0;
	}	
	
	.index .news-img img {
		border-radius:0; 
		margin-left: -30px;
		width: calc(100% + 60px)
	}
	
	.life .title {
		margin-bottom: 40px;
	}
	
	.catalog-seo {
		font-size: 16px;
		margin-bottom: 40px; 
	}	
	
	.catalog-seo .title {
		margin-bottom:30px;
	}
	
	.catalog h1 {
		padding-left:15px;
	}
	
	.catalog-page .catalog-items {
		margin-top:20px;
	}
	
	.catalog-body .catalog-item {
	  text-align: left;
	  padding: 25px;
	}

	.catalog-body .maxwidth {
		padding: 0
	}
	
	.catalog-detail .catalog-body .maxwidth {
		padding: 0 15px;
	}
	
	.breadcrumbs > span {
		padding-right:0;
	}
	
	.catalog-page .assortiment .catalog_cat.category_2 img {
		margin-left: 0px;
	}
	
	.body.catalog-page .assortiment {
		padding: 0px 15px;
	}	
	
	.sect-title {
		font-size:20px;
		margin-bottom:10px;
		line-height: 1.2;
	}
	
	.sect-subtitle + .row {
	  margin-top: 40px;
	}
	
	.sect-title + .row {
	  margin-top: 40px;
	}

	
	
	.sect-wrap {
	  padding-bottom: 0;
	  margin-bottom: 40px;
	}	
	.it-name {
		font-size:18px;
	}
	
	.it-desc {
		font-size:14px;
	}
	
	.it-picture {
		width:110px;
	}
	
	.it img {
		max-width:90px
	}
	
	.it-text {
		width: calc(100% - 110px);
	}
	.test .btn-blue {
		margin-top:20px
	}
	
	.catalog-head .btn-yell {
		margin-bottom: 20px
	}
	
	.item-desc {
	  margin-bottom: 0;
	  padding: 0 15px;
	}	
	
	.h1-catalog-subtitle {
		font-size:17px;
		margin-bottom:40px;
		min-height:0px
	}
	
	.catalog-detail .catalog h1 {
		padding: 0;
		font-size: 23px;
	}	
	
	.catalog-head img {
		max-height:200px;
		margin: 0 auto 30px
	}
	
	.catalog-head .btn-yell,
	.catalog-head .btn-black,
	.catalog-head .btn-obraz-main	{
		float: none;
		margin-left: auto;
		margin-right: auto;
		max-width:300px;
		width: auto;
		padding-left:0;
		padding-right:0
	}
	
	.catalog-detail .catalog-head {
		margin-left:0
	}
	
	.catalog-detail .catalog-desc {
		margin-top:10px;
	}
	
	.service-top .service-page{
		min-height:0px;
	} 
	
	.service-page h2 {
		font-size:26px;
	}
	
	.service-page .industry {
		margin: 40px 0;
		font-size:17px;
	}
	
	.service-img img {
		z-index:0
	} 
	
	.service-sections {
	  padding: 0 15px;
	}
	
	.subsection {
		margin-bottom:20px
	}
	
	.service-page .consult {
	  width: calc(100% + 30px);
	  margin-left: -15px;
	  padding:40px 15px
	}

	.articles-det {
	  margin-top: 50px !important; 
	}	
	
	.catalog .articles-det .news-item {
	  margin-bottom: 30px;
	}
	
	.inner.articles-page h1 {
		font-size:26px
	}
	
	
	.number-value {
		font-size:60px
	}
	
	.number-text {
		padding: 10px 0;
		margin-bottom: 11px;
		line-height: 1.2;
	}
	
	.how-line {
		padding: 40px 0
	}
	
	.time-item span {
	  font-size: 32px;
	}
	
	.how .times {
		margin-bottom: 20px
	}
	
	.time-item {
		height: auto;
	}
	.why-we {
		margin-top:30px;
	} 
	
	.why-text {
		margin-bottom:30px;
	}
	
	.time-item span.bigger {
		font-size: 26px;
	}

	.how .title {
		margin-bottom: 0;
	}	
	
	.how-subtitle {
		font-size:20px;
	}
			
	.assortiment {
		padding-bottom:50px;
	}
		
	.assortiment .catalog_cat img {
		margin-top: 0 !important
	}
	
	.assortiment .catalog_cat {
		margin-bottom:10px;		
	}
	
	.assortiment .catalog_cat span {
		padding-top:0;
	}
	
	.assortiment .catalog_cat {
		font-size:20px;
		line-height: 1.4;
	}
	
	.subtitle {
		margin-bottom:35px;
	}
	
	
	.assortiment .btn-yell {
		margin-top:10px;
	}
	
	.usage-list > div {
	  margin-bottom: 10px;
	}	
	
	.whatis .title {
		line-height: 1.2
	}
	
	.whatis:before {
	  content: '';
	  display: block;
	  position: absolute;
	  left: -77px;
	  top: 125px;
	  width: 324px;
	  height: 354px;
	  background: url(/images/whatis-bg.png) center center no-repeat;
	  background-size: 269px auto;
	  display: none
	}
	
	.nsf-text img.visible-xs {
		width: 170px;
		margin-left: -30px;
		margin-bottom: 40px;
	}
	
	.title2 {
	  font-size: 20px;
	  line-height: 1.2;
	}	
	 
	.mats p {
		text-align: center 
	}
	
	.mats {
		text-align: center
	}
	
	.mats > div:nth-child(2n+1) {
		clear: both
	}
	
	.whatis:before {
		background: url(/images/whatis-bg-mobile.png) center center no-repeat;
		background-size:171px auto;
	}
	
	.article-item .article-img img {
		width:100%
	}
	
	.use-items .use-item:nth-child(3n) {
		margin-right:10%;
	}
	
	.article-link {
		//margin-top:0;
	}
	
	.owl-dots {
		text-align: center
	}
	.owl-dot {
		width:10px;
		height:10px;
		border-radius:100%;
		background: #F6F8F9 !important;
		margin:0 3px;
	}
	
	.owl-next {
		position:absolute;
		right:-20px;
		margin-top:-25px;
		top: 50%;
		width:50px;
		height:50px;
		background: url(/images/right2.png) left center no-repeat !important;
		background-size: 50px 50px !important;		
	} 
  	.owl-prev {
		position:absolute;
		left:-20px;
		margin-top:-25px;
		top: 50%;
		width:50px;
		height:50px;
		background: url(/images/left2.png) left center no-repeat !important;
		background-size: 50px 50px !important;		
	} 	
	
	.inner-page .container img {
		max-width:100%;
		height:auto;
	}
	
	.delivery-head-img {
		margin: 20px 0 20px;
	}

	.delivery-foot-img  {
		margin: 20px 0 20px;
	}	
	
	.delivery-wrap {
		padding: 0 15px;
	}
	
	.company-wrap {
		padding: 0 15px;		
	}
	
	.catalog-page .gray-to-right {
		padding: 50px 0;
	}
	
	.catalog-page .gray-to-right:before {
	  background: #f3f6fb;
	  position: absolute;
	  top: 0px;
	  bottom: 0px;
	  content: " ";
	  left: -100px;
	  width: 100px;
	  z-index: -1;
	  overflow: hidden;	
	}
	
	.catalog-seo {
		margin-top:20px;
	}
	
	.sect-subtitle {
		font-size:16px;
	}
	
	.table-btn {
		font-size:15px;
		padding-left:30px;
		padding-right:30px;
		margin-left:-150px
	}
	
	#amobutton {
		width: 55px !important;
		height: 55px !important;
	}
	
	.top-description {
		font-size:11px;
		margin-top: 5px;
		padding: 0px 0 0 14px;
	} 
	
	.top_menu .header-phone {
		display: block;
		margin-left: 50px;
		font-size: 18px !important;
		color: #fff !important;
		line-height: 55px !important;
		margin-top:30px;
		background: url(/images/phone-logo-w.png) left center no-repeat;
		background-size: 20px auto; 
		padding-left:30px;
	}
 	
	.top_menu .header-phone a{
		font-size: 18px !important;
		color: #fff !important;	 	
	}
	
	.slider-h2 p {
		font-size: 17px;
		line-height: 1.27;
	}
	
	.usage-t {
		font-size:24px;
	}
	
	.slider-text img {
		max-width:calc(100% + 60px);
		margin-left:-30px;
		margin-top:10px
	}
	
	.why-icons {
		font-size:17px
	}
	
	.why-title {
		font-size:18px;
	}
	
	.why-we {
		margin-bottom: 0px;
	}
	
	.loading {
		margin-top:50px;
		margin-bottom: 50px
	}
	
	.loading-content {
		margin-left:35px
	}
	
	.loading img {
		max-width: 100%;
		margin-left: 0;
	}
	
	.usage img {
		max-width: 100%;
		float: none;
	
	}
	
	.usage a {
		float: none;
		margin-bottom: 40px;	
	}
	
	.results {
		padding: 40px 0;
		font-size: 15px;
		line-height: 1.47;
		border-radius: 30px
	}
	
	.stamp {
		margin:0 auto 20px auto;
		display: block;
		width:256px
	}
	
	.test-results {
		font-size: 20px;
		margin-bottom: 35px;
		padding-left: 28px;
	}
	
	.test-results span {
	  font-size: 24px;
	  line-height: 1.25;
	  margin-left: -20px;
	}	
		
	.fix-item {
		margin-left: auto;
		margin-right:auto;
		margin-bottom: 70px
	}	
	
	.fixing {
	  padding: 70px 0 20px;
	}
	
	.catalog-item-right {
	  width: 100%;
	  float: none;
	}	
	
	.catalog-block-item {
		margin-top:0
	}
	
	.catalog-block-line {
	  border-bottom: none;
	}
	
	
	.all-items {
		margin-top:0
	}
	
	.catalog-item-right img.visible-xs {
		display: block;
		margin: 20px auto;
		max-width:100px;
	}
		
	.result-item {
		height: auto;
		margin-bottom: 35px
	}
		
	.slider-h2 p:before {
		top:-6px;
		background-size: 11px 21px;
	}
	
	.slider-btns {
		margin-top: 35px;
	}	

	.slider .btn-blue {
		margin-left:auto;
		margin-right:auto;	
		margin-bottom:15px;
		float: none;
		font-size:16px;
	} 
	
	.slider .btn-obraz-main {
		margin-left:auto;
		margin-right:auto;	
		float: none;
		font-size:16px;
	} 	
	
	footer .header-wrap {
		width:100% !important;
		padding: 10px 0 11px 24px !important;
		background: url(/images/ph.png) left center no-repeat !important;
		background-size: 26px 26px  !important;
		padding-left:40px !important;	
		margin: 20px 0;
	} 
	
	#callb .title {
		font-size: 28px
	}
	
	.form .form-header {
		padding:0;
	}
	
	#callb .jqmClose {
		width:35px;
		height:35px;
		background-size: 35px 35px;
		top:30px;
		right: 30px;
	}
	
	.title-wrap {
		max-width: 175px
	} 
	
	#callb .form-footer {
	  padding: 0 30px;
	}
	
	#callb .btn-lg {
		max-width: 100%
	}  
	
	#callb .form-body {
	  padding: 0 30px;
	}
	
	#callb .form .form-header {
		margin-top:65px
	}
	
	#callb .pull-left {
		float: none !important
	}
	
	#callb .descript {
		margin: 30px 0
	}
	
	.form-tabs {
		margin-left:-30px;
		width: calc(100% + 60px);
		border-radius:0;
		text-align: center;
	}
	
	.form-tab {
		padding: 15px 16px 13px 16px;
	}
	
	.form.success .form-header {
		padding: 0px 15px 0px 15px;
	}
	
	#callb .form-header .text {
		padding: 0 30px !important;
	}
	
	#callb .btn-default {
		margin-left: auto;
		margin-right: auto;
	}
	#callb .modal-dialog {
	  max-width: 100%;
	}  
	#callb .modal-dialog {
	  max-width: 96%;
	  margin-left: auto;
	  margin-right: auto;
	}		
	
	.catalog-block {
		padding-top:45px;
	}
	
	.prod-d {
		font-size: 15px
	}
	
	.prod-title {
		font-size: 17px;
		max-width: 100%;
		padding-right:15px;
	}
	
	.prod-img {
		height: 214px;
		padding: 80px 0 0 0 
	}
	
	.prod-txt {
	  padding: 40px 0 10px;
	}
}

@media (max-width:374px) {
	.mats > div:nth-child(3) p {
	  margin-left: -15px;
	}	

	.top-description {
		//width:200px;
	}
}


@media (min-width:993px) and (max-width: 1199px) { 
	header nav.main-menu ul {
		padding:0
	}

	header nav.main-menu li {
		font-size:14px;
	}
	
	.catalog h1 {
		font-size:36px;
	} 
	
	.slider-img {
		right: -315px;
	}
	
	.slider-h1 br{
		display: none
	}
	

	
	.slider-h1 {
		max-width: 525px
	}	

	.whatis:before {		
		background-position: -90px center !important;
	}	
	
	.result-item {
		min-height:225px
	}
		

}

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

	.maxwidth-theme {
		min-width:600px
	}
	
	.maxwidth-theme img {
		max-width:100%
	}
	header nav.main-menu ul{
		padding:10px 0
	}
 
	header nav.main-menu li {
		font-size:13px;
	}

	header nav.main-menu li a {
		padding-left:42px;
	}
	
	.why-txt {
		margin-bottom: 40px;
	}	
	.prod-title {
		max-width:70%;
	}	
	.usage-list {
		margin-left: 0 !important
	}
	
	.consult .subtitle {
		margin-bottom:40px
	}   
	
	.usage-title {
	  float: left;
	  width: calc(100% - 185px);
	}	
	
	.whatis:before {		
		background-position: -150px center !important;
	}
 	 
	header nav.main-menu li:nth-child(1) a {
		background-position: 10px center !important
	}
	header nav.main-menu li:nth-child(2) a {
		background-position: 10px center !important
	}	
	header nav.main-menu li:nth-child(3) a {
		background-position: 0 center !important
	}
	header nav.main-menu li:nth-child(4) a {
		background-position: 0 center !important
	}	
	header nav.main-menu li:nth-child(5) a {
		background-position: 5px center !important
	}	
	header nav.main-menu li:nth-child(6) a {
		background-position: 5px center !important
	}	

	header nav.main-menu li.active a {
		padding-top: 13px;
		padding-bottom:13px;
	}	
	

	.catalog-head .btn-yell {
		margin-bottom: 20px;
	} 
	
	.catalog-detail .title,
	.catalog-detail h3	{
		line-height:1.2
	}
	
	.test .btn-blue {
		float: none;
		margin-top:20px;
	} 
	
	.slider-img {
		right:-370px
	}
	
	.slider-img img {
		max-height: 450px;
	}
	
	.slider-h1 br{
		display: none
	}
	
	
	.slider-h1 {
		max-width: 525px
	}
	
	footer {
		margin-top:0
	}
	
	footer .btn-blue {
		margin-bottom: 30px;
		margin-top:0;
	}
		
	header .btn-blue {
		width: 199px;
		height: 40px;
		font-size: 14px;
		margin-right: 19px;
	}	
	
	.header-wrap {
		width: 188px;
		margin-right: 0;
	}	
	
	.header-phone {
		font-size:16px
	}
	
	.body.index {
		background-size: 172% 860px;
	}

	.why-icons	.col-md-3 {
		min-height:230px;
	}
	
	.why-we {
		margin-bottom: 0;
	}
		
	.usage {
	  padding: 30px 0 0;
	}	
	
	.usage a {
		float: none;
		display: block;
		margin:0 auto;
	}
	
	.usage img {
		float: none;
		display: block;
		margin:0 auto 100px;		
	}
	
	.catalog-block-line {
		border-bottom: none
	}
	
	.fix-item {
	  width: 150px;
	  height: 150px;
	}	
	
	.loading img {
	  max-width: 479px;
	  margin-left: -210px;
	}	
	
	.results {
	  font-size: 16px;
	  padding-top:80px;
	}	
	
	.test-results {
	  font-size: 16px;
	  line-height: 1.2;
	}

	.stamp {
	  width: 235px;
	}	
	
	.test-results span {
	  font-size: 20px;
	  line-height: 1.2;
	}	
	
	.result-item {
		height:170px;
	}
	
	.why-icons {
		font-size:17px
	}
	
	.slider-h2 p {
		font-size:18px
	}
} 


@media (min-width: 1200px) and (max-width:1919px) {
	.whatis:before {
		background-position:-90px center !important;
	}
	.slider-h1 br{
		display: none
	}
	
	.slider-img img {
		max-width:555px
	}
		
	.slider-h1 {
		max-width: 645px
	}	 
}
@media (min-width: 500px) and (max-width:878px) {
	.top-description	{
		margin-top: -2px;
	}
}

@media (max-width: 510px) {
	.social .header-wrap	{
		display: none
	}
	.top-description	{
		margin-top:-2px;
	}	

	.header-top .logo {
		width: calc(100% - 70px);
		padding-right:0
	}
	.header-top .social {
		width: 70px
	}	
}

@media (max-width:320px) { 
	.top-description {
		display: none 
	}
}

.howline-mobile {
	margin-top:20px
} 