@media (min-width: 1400px){
	.case-detail-item {
		background-size: 50% auto !important;
	}
	
	.about-map:after {
		background:  #cdcdcd url(/images/map1.png) 590px center no-repeat !important;
		background-size: 536px auto !important;
	}
	.about-map-en:after {
		background:  #cdcdcd url(/images/map2.png) 590px center no-repeat !important;
		background-size: 536px auto !important;
	}	
	

}

@media (min-width: 2000px){ 
	.slider-new-img-2 {
		background-position: 74% -20px;
	} 

}



@media (min-width: 1200px) and  (max-width: 1400px) {
	.owl-news {
		width:90%;
		margin:0 auto;
	}
	
	.case-detail-item {
		background-size: 50% auto !important;
	}	
	

	.other-hidden {
		margin-left:-570px;
		padding-left:40px;
	}
		
	.slider-new-img-2 {
		background-position: 100% -20px;
	} 
}
 @media (max-width: 1500px) {

	
	.article-detail h1 {
		max-width:45%;
	}

} 
  
 
@media (min-width: 993px) and  (max-width: 1199px) {
	.owl-news {
		width:80%;
		margin:0 auto;
	}
	.wrapper {
		overflow: hidden;
	}
	 
	.footer-wrapper {
		overflow:visible
	} 
	.top .phone {
		width:auto;
	}
	
	header .socials {
		padding-left: 15px;
	}	
	
	.container {
		padding:0 30px;
		box-sizing: border-box;
	}
	
	.container:after {
		width: calc(100% - 87px) !important;
		left: 57px !important;
	} 
	
	.logo {
		padding-right:0;
	}
	.logo img {
		width: 90%;
		//float: right;
	}
	.slider {
		padding-top:75px;
		background-position: 100% 50px !important;
	}
	
	.slider-new-img {
		background-position: 100% 50px !important;		
	}
	
	.slider h1 {
		//font-size: 55px;
		max-width: 55%;
		margin-bottom:50px;
	}	
	
	.language {
		width: 25%;
	}	
	
	.head nav {
		width:60%;
	}
	
	.recommend {
		float: none;
		margin-top: 20px;
	}
	
	.catalog-detail .modengy-dvs-together-cheaper {
		height:280px;
	}
	
	.slider-text .btn {
		float:none;

	}
	
	.antiprigar-img {
		width: 470px;
	}
	
	.special-right br {
		display: none
	}
	
	.other-popup {
		padding-left:30px;
	}	
	
	.public-text {
		margin-bottom:25px;
	}

	.slider-new-img-2 {
		background-position: 100% -20px;
		background-size:auto 100%;
		background-position: 100% 0px !important;
	} 
	
	h2 {
		margin-bottom: 55px;
	}	
	
	.news h2 {
		margin-bottom: 35px;
	}
	
	.example .before, .example .after {
		width: 220px;
		height: auto;
	}
	
	.example {
		padding: 80px 0 50px;
	}	
	
	.example .owl-carousel .container {
		padding: 55px 30px;
	}
	
	.example h2 {
		width: 100%;
	}
	
	.tehno img {
		width: 95%;
		height: auto;
	}	
	
	.tehno-text {
		margin-bottom: 30px;
	}
	
	.ex-img-2 .btn-orange {
		width:100%;

	}
	
	.ex-img-2 img {
		width: 100px;
	}
	
	.ex-text {
		max-width: 300px;
		margin-left:35px;
	}	
	
	.news-img {
		width: 570px;
		height: auto;
	}
	
	.news-date {
		//margin-top:10px;
	}
	
	footer {
		min-height: 350px;
	}
	
	.top .phone {
		font-size:20px;
	} 
	
	header .socials {
		padding-top: 2px;
	}	
	
	.catalog h2 {
		max-width:100%
	} 

	.catalog h1, .inner h1  {
		font-size:38px;
	}	
	
	.article-detail h1 {
		font-size:28px;
	}
	
	.article-detail-img {
		width:45%;
	}
	
	.article-detail-img img {
		//max-width: 100%;
	}	
	
	.article-detail h1 {
		height: auto;
		margin-top:50px;
		margin-bottom: 50px;
	}
	
	.article-body .img-block {
		margin: 50px 0;
	}
	 
	.article-body .article-round-left {
		margin-top:0; 
	}	
	
	.article-detail h2 {
		font-size: 23px
	}
		
	.new-detail h1 {
		font-size:32px;
		margin-bottom:15px;
		margin-top: 35px;
	}
	
	.service-detail h1 {
		font-size: 32px;
		margin-bottom: 55px;
	}	
	
	.case-img img {
		max-width: 100%;
	}	
	
		
	.before, .after {
		width: 43% !important;
		height: 263px !important;
		float: left;
		margin-right: 7%;
	}	
	
	.port-index .before, .port-index .after {
		height:300px !important;
	}

.case-detail-item .before {
	margin-right: 7%;
}	
	
.modengy-btitle {
	font-size: 15px;
}
	.example-text {
		max-width:73%;
	}
	
	.case-consist-text {
		float:left;
	}
	
	.case-detail-item {
		background-size: 45% auto !important;			
	}	

	.case-detail-item:after {
		right:calc(45% - 300px);
		
	}

		
	.slider .container {
		min-height:435px;		
	}
	
	.portfolio-btns {
		min-width:600px;
	}
	
	.news-btn {
		width:235px
	}
	
	.ex-text h3 {
		margin-top:45px;
	}
	
	.news-title {
		max-width:100%;
	}
	.news-text {
		margin-bottom: 20px;
	}
	
	.catalog-btn.two {
		padding: 13px 0px;
	}	
	
	.article-title {
		max-width:95%;
	}
	
	.article-desc {
		max-width: 95%;
	}
	header .menu-line ul {
		padding-left:50px;
	}
	
	.catalog-item-img {
		width:30%;
	}
	.catalog-item-text {
		width:65%;
	}
	
	.catalog-btn {
		width:95%
	}
	
	.catalog .catalog-right {
		padding-right:15px;
	}
	
	.catalog .catalog-item {
		padding-right:20px;
	}
	
	.article-body a.btn-orange {
		margin-bottom:20px;
	} 	
	
	.article-body a.btn-white {
		margin-bottom:40px
	}	
	
	.contacts .btn {
		max-width:90%
	}
	
	/*about 993px */
	
	.width90 {
		width: 100%;
	}
	
	.atsp {
		max-width:550px;
		margin-bottom:150px;
		padding: 55px 70px 55px 70px
	}
	
	.company .service-block {
		height:135px;
	}
	
	.company .service-title {
		height:87px;
		display: table-cell;
		vertical-align: middle;
	}
	
	.get-support .row .col-md-4:nth-child(5) .service-title {
		padding-top:0
	}
	
	.edu1, .edu2 {
		height: 235px !important;
	}
	
	.edu3, .edu4, .edu5 {
		height: 237px !important;
	}
	
	.events img {
		max-width: 140px;
	}	
	
	.company .col-sm-6 .video-title br {
		display: none
	}
	
	.about-video {
		width: 460px;
	}	
	
	.search-top {
		margin-left:65px;
	}	

	.tehno-img-1 img {
		max-width: 250px;
	}
	
	.teh .btn-orange {
		float: none
	}
	
	.teh .btn-white {
		float: none;
		margin-left:0;
		margin-top:30px;
	} 
	
}


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

	.slick-slide .col-sm-6 {
		width:60%
	}
	.case-detail-item:after {
		display: none
	} 
	.owl-news {
		width:80%;
		margin:0 auto;
	}
	.article-detail h2 {
		font-size: 23px
	}	
	.container {
		padding-left:15px;
		padding-right:15px;
	}
	.container:after {
		width: calc(100% - 57px) !important;
		left: 37px !important;
	} 
	
	.catalog-detail .modengy-dvs-together-cheaper {
		height:280px;
	}		
	.porfolio-img-mobile {
		display: block !important;
		max-width:62%;
		margin-bottom:30px;
	} 
	.about .owl-prev {
		left:-70px;
	}
	
	.search-top {
		margin-left:15px;
	}	
	.about .owl-next {
		right:-70px;
	}
	.catalog-left .catalog-btn {
		float:left
	}
	
	.other-hidden {
		margin-left:-570px;
		padding-left:40px;
	}	
	
	.article-title {
		max-width:95%;
	}
	
	.article-desc {
		max-width: 95%;
	}
	.ex-img-1 {
		background-position: center center;
	}
	.wrapper {
		overflow: hidden;
	}
	.footer-wrapper {
		overflow:visible
	} 	
	
	.top .phone {
		width:auto;
	}
	
	header .socials {
		padding-left: 15px;
		padding-right:0
	}	
	
	.top > div {
		margin-left: 0;
	}	
	.logo {
		padding-right:0;
	}
	.logo img {
		   width: 90%;
		//float: right;
	}
	.slider {
		padding-top:75px;
	}
	.slider h1 {
		//font-size: 42px;
		max-width: 65%;
		margin-bottom:50px;

	}	
	
	.language {
		width: 23%;
	}	
	
	.head nav {
		width:76%;
	}
	.case-consist-text {
		float:left;
	}
			
	.recommend {
		float: none;
		margin-top: 20px;
		margin-left:0;
	}
	
	.slider-text .btn {
		float:none;

	}
	

	.antiprigar-img {
		margin-bottom:70px;
		margin-top:-650px;

	}
	
	.antiprigar > .row {
		margin-top:700px;
	}
	.special-video blockquote {
		margin-top:90px;
	}
	
	.special-box img {
		margin-bottom: 53px;
	}
	.blockquote-special br{
		display: none
	}
	
	.special-right {
		font-size: 22px;
	}
	
	.special-video {
		margin-top:100px;
	}
	
	.special-after {
		margin-left:-50px;
	}
	.article-special .img-round {
		width:185px;
	}
	
	.article-special .problem-card {
		background: url(../images/problem.png) -167px top no-repeat;
			background-size: auto;
		background-size: auto 100%;
	}	
	
	.special-right br {
		display: none;
	}
	
	.special-left {
		margin-bottom:65px;
	}
	
	.special-btn-1, .special-btn-2 {
		width:330px;
	}
	
	.news-right .row .new-item:nth-child(3n+1) {
		clear: none
	}

	.news-right .row .new-item:nth-child(2n+1) {
		clear: both
	}
	
	
	.catalog-item-img {
		width:30%;
	}
	.catalog-item-text {
		width:65%;
	}	
	
	.public-text {
		margin-bottom:25px;
	}
	
	h2 {
		margin-bottom: 55px;
		font-size:38px;
	}	
	
	.news h2 {
		margin-bottom: 35px;
	}
	
	.example .before, .example .after {
		width: 145px;
		height: auto;
		margin-right:20px;
	}
	
	.example .item {
		background-position: center top !important;
	}
	.example .before:before,
	.example .after:before {
		width:42px;
		height:42px;
		background-size:42px 42px;
	}
	
	.example {
		padding: 80px 0 50px;
	}	
	
	.example .owl-carousel .container {
		padding: 55px 30px;
	}
	
	.example h2 {
		width: 100%;
	}
	
	.tehno img {
		width: 95%;
		height: auto;
	}	
	
	.tehno-text {
		margin-bottom: 30px;
	}
	
	.ex-img-2 .btn-orange {
		width:100%;
		
	}
	
	.ex-img-2 img {
		display:none;
	}
	
	.ex-text {
		max-width: 300px;
		margin-left:0px;
	}	
	
	.news-img {
		width: 490px;
		height: auto;
	}
	
	.news-title {
		max-width:100%;
	}
	
	.news-title {
		margin-bottom:15px;
	}
	
	.news-text {
		margin-bottom: 20px;
	
	}
	
	.news-date {
		//margin-top:10px;
		margin-bottom:20px;
	}
	
	.publications .btn-blue {
		width:100%;
	}
	
	.news-btn {
		width:200px;
	}
	
	footer {
		min-height: 350px;
		font-size:14px;
	}
	
	.catalog h2 {
		max-width:100%
	}		
	
	.catalog h1, .inner h1 {
		font-size:38px;
		margin-bottom:40px;
	}	

	.catalog-detail .catalog-left {
		display: none
	}
	
	.article-detail-img {
		width:45%;
		top:0;
	}
	
	.article-detail-img img {
		//max-width: 100%;
		 
	}	
	
	.article-detail h1 {
		height: auto;
		margin-bottom: 45px;
		font-size:22px;
		margin-top:45px;
	}	
	
	.article-detail h3 {
		font-size:18px;
	}
	
	.article-body {
		margin-bottom: 100px;
		max-width: 100%;
	}	
	
	.article-body .article-round-left {
		margin-top:0; 
	}
	
	.new-detail h1 {
		font-size:32px;
		margin-bottom:15px;
		margin-top: 35px;
	}
	
	.new-detail .news-left {
		display: none;
	}
	
	.service-detail .news-left {
		display: none;
	}
	
	
	.service-detail h1 {
		font-size: 32px;
		margin-bottom: 55px;
	}
	
	.service-detail {
		margin-top: 35px;
	}
	

	.case {
		min-height:auto;
	}
	
	.case-img img {
		max-width: 96%;
	}	
	
	.case-subtitle {
		font-size: 16px;
		margin-bottom: 30px;
		max-width: 100%;
		
	}	
	
	.case .before::before, .case .after::before {
		width: 40px;
		height: 40px;
		background-size: 40px 40px;
	}	
	
	.case-title {
		font-size: 29px;
		font-weight: 900;
		line-height: 1.1;
		margin-bottom: 10px;
	}
		
	.case .before, .case .after {
		width: 48%;
		margin-right: 0;
		height: auto;
		margin-bottom: 35px;
	}	
	

	
	.case-btn {
		margin-bottom:3;
	}
	
	.case-detail h2 {
		//font-size: 45px;
		margin-bottom: 30px;
	}	
	
	.case-detail-item {
		background-position: 180% center !important;
		margin-bottom:30px;
	}
	
	.case-consist-img {
		float: none;
	}
	
	.case-consist-text {
		font-size:18px;

	}
	
	.case-btns a {
		margin-right:5%;
		width:45%;
	}
	
	.case-bottom h3 {
		font-size: 40px;
	}
	
	.before, .after {
		width: 45% !important;
		height: auto !important;
		margin-right: 5%;
	}	
.case-detail-item .before {
	margin-right: 5%;
}
	
	.catalog .row .catalog-item:nth-child(3n+1) {
		clear:none;
	}
	.catalog .row .catalog-item:nth-child(2n+1) {
		clear:both;
	}
	
	.bx_filter.bx_blue {
		margin:0 auto 30px;
		display: none
	}
	
	.filter-m  {
		display: block
	}

	.bx_filter.bx_blue {
		max-width:100%
	} 
	
	
	.case-detail-item {
		background: none !important;
	}	
	
	.catalog-left .catalog-btn {
		float:left;
		
	}

	.catalog-left .bx_sitemap a:nth-child(2n+1) .catalog-btn {
		clear:both
	}
	
	.slider {
		//background-size: 580px auto;
		background-position:140% 50px !important;
	}
	
	.slider-new-img  {
		background-position:140% 50px !important;		
	}
	
	.slider-new-img-2 {
		background-position: 100% 0px !important;
	}	
		
	.slider .container {
		min-height:450px;
	}

	.before img, .after img {
		border-radius:40px;
	} 
	
	.owl-item .before img, .owl-item .after img {
		border-radius:20px;		
	}
	.case .before img, .case .after img {
		border-radius:20px;
	} 
	

	.new .catalog-btn {
		width:263px;
		float:none;
	} 
	
	.article-body a.btn-orange {
		margin-bottom:20px;
	} 	
	
	.article-body a.btn-white {
		margin-bottom:40px
	}
	
	/*about 768px */
		
	.atsp {
		max-width:600px;
		margin-bottom:150px;
		padding: 55px 70px 55px 70px
	}
	
	.company .service-block {
		height:135px;
	}
	
	.company .service-title {
		height:87px;
		display: table-cell;
		vertical-align: middle;
	}
	
	.get-support .row .col-md-4:nth-child(5) .service-title {
		padding-top:0
	}
	
	.edu1, .edu2 {
		height: 255px !important;
	}
	
	.edu3, .edu4, .edu5 {
		height: 257px !important;
	}
	
	.video-events {
		width:100%;
	}
	
	.events img {
		max-width: 160px;
	}	
	
	.company .col-sm-6 .video-title br {
		display: none
	}
	
	.about-video {
		width: 505px;
	}	
		
	.teh .btn-orange {
		float: none
	}
	
	.teh .btn-white {
		float: none;
		margin-left:0;
		margin-top:30px;
	} 	
}

@media (min-width: 680px) and (max-width: 767px) {
	 .slider h1 {
		 max-width:55% !important;
	 }
}
 

@media (max-width: 767px) {
	
	.article-detail .desktop {
		display: none !important;
	} 
	
	.company .col-sm-4  .video-img {
		height:250px;
	}
	
	.company .col-sm-4  .video-img .video-overlay {
		background-size: cover !important		
	}	
	.new-detail iframe {
		max-width:100%;
		height:auto;
		min-height:250px;
	}
	
	.article-body .documents-row {
		margin-left:0;
		margin-right:0
	} 	
	body.fixed {
/* 		position:fixed; */
/* 		width:100%; */
/* overflow: hidden; */
	}
	.top {
		padding:20px 0;
	}
	
	.menu-line nav{
		display: none;
	}

	.mini-slider-img15 {
		left: auto;
		right: 0;		
	}
	

	
	.item.bryansk {
		background-color: #665b54;
		background-image: none
	}
	
	header .soc-media {
		display: none !important
	}
	
	.mini-slider-img15 img {
		height: 155px;
		max-width: 153px
	}
	
	
	.mini-slider-img13 {
		left: auto;
		right:0;
	}
	
	.mini-slider-img13  img {
		height:153px;		
		width: auto !important; 
	}
	.bryansk .mini-slider-title {
		max-width:70%
	}
	
	.mini-slider-img12 {
		left: auto;
		right:0;
		width: 87px;
		margin-top: 10px;
	}
	
	.mini-slider-img13 {
		margin-top: 10px;
		height: 154px;
		bottom: -1px;
		top: auto;
	}
		
	.mini-slider-img-17 {
		max-width:70%
	}
	
	.lang {
		background: transparent;
		display: inline-block;
		float: none;
	}

	.about-left .left-menu-md {
		margin-bottom: 0px;
	}

	
	.inner h1 {
		line-height:1.1
	}
	
	
	.info-wrap {
		padding: 25px 60px 25px 20px;
	}
	.info-site-title {
		margin: 0;
		height:auto
	}

	.info-site .float-right {
		height:193px !important
	}	
	header {
		margin-bottom:0px;
	} 
	
	header .socials {
		padding-left:15px;
		width:30%;
		text-align:left;
		margin-bottom:20px;	
		padding-top:0px
	}
	
	.top .phone {
		padding-right:60px;
		padding-top:0px;
		font-size:18px;
	}
	
	.socials img {
		margin-right:3px;
	}
	
	.top .phone span {
		font-size:16px;
	}
	
	.menu-line:after {
		display: none
	}
	
	.menu-line:before {
		display: none
	}
	.case-detail-item:after {
		display: none
	} 		
	.language {
		width: 100%;
		margin-top: 0;
		text-align: center;
	}	
	
	.slider {
		//background-size:600px auto;
		background-position: right top;
		min-height:560px;
	}	
	
	.slider-new-img {
		background-position: right top;		
	}
	.slider .container {	
		position:relative;	
		min-height:465px;
	}	


	.ex-img-1 {		
		//background: url(../images/img3.png) center center no-repeat;
		background: transparent;
		background-size:88px auto;		
		height:200px;
	}
	
	.ex-text h3 {
		font-size: 24px;
		margin-top: 30px;
	}

	.owl-news {
		margin:0 auto;
	}
	
	.container {
		padding-left:20px;
		padding-right:20px;
	}
	.container:after {
		width: calc(100% - 57px) !important;
		left: 37px !important;
	} 
		
		
	.about .owl-nav {
		top: 50%;
		bottom: auto;
	}
	
	.about .owl-prev {
		left:-20px;
	}
	
	.about .owl-next { 
		right:-20px;
	}
	
	.case .before, .case .after {
		max-width: 300px !important;
	}
	
	.ex-img-1 {
		background-position: center center;
		width:100%;
		height:210px;
	}
		
	.ex-img-2 {
		width: 100%;
		text-align: left !important;
		padding: 0 60px;

	}	
	.example .owl-carousel, .example .item, .example .slick-slider-1  {
		height:auto;
		padding: 0 20px;
		min-height:auto;
	}
	
	.other-popup {
		text-align: center;
		padding-left:0
	}
	
	.example .before, .example .after {
		width:47% !important;
		max-width:47%
	}
	
	.example .before {
		margin:0 1.5% 0 0 !important;
		float:left;
	}
	
	.example .after {
		margin:0  0 0 1.5% !important;
		float:right
		
	}	
	
	.example .owl-prev, .example .owl-next {
		width:10px;
		height:20px;
		background-size:10px 20px !important;
	}
	
	.example .owl-carousel, .example .slick-slider-1  {
		background:  linear-gradient(to bottom, #f2f6f8, rgba(255, 255, 255, 0) 100%);
		margin-bottom:0px;
		padding-top:30px;
		min-height:auto 
		
	} 
	.example .item {
		//position:static
	}
	
	.slick-slider-1 .owl-nums {
		//position: absolute;
		width: 100%;
		bottom: 0;		
	}
	.example .slick-list {
		 padding-bottom: 50px;
		 
	} 
	
	.dvs_land .example .slick-list {
		padding-bottom:0;
	}
	.example-img-cont {
		position:static;
		height:240px;
		width: 100% !important;
		mix-blend-mode: darken;
		border-radius:25px;
		margin-bottom:15px;
	}


	 .example .item {
		 padding:0;
	 }

	 .example .owl-dots {
		 position:static;
		 margin-top:20px;
		 display: none
	 }
	  
	 .owl-examples .owl-nums, .slick-slider-1 .owl-nums{
		 margin-bottom:-30px;
	 }
	 
	 .promo-land {
		margin-left:-15px !important;		 
	 }
	 
	 .promo-land a {
		 margin-left: auto !important; 
		 margin-right:auto !important; 
	 }
	 
	 .promo-btn {
		 float: none;
		 display: block
	 }

	.publications {
		background-position: -250px top;
		
	}
	.wrapper {
		overflow: hidden;
	}
	
	.footer-wrapper {
		overflow:visible
	} 	
	.top .phone {
		width:auto;
		padding-top:2px;
		padding-bottom:2px;
	}
	
	
	.top > div {
		margin-left: 0;
	}	
	

	.logo {
		padding-right:0;
	}
	
	.logo img {
		width: 60%;
		float: none;
		margin: 0 auto 30px;
		display: block;

	}
	
	.slider {
		padding-top:75px;

	}
	
	.head nav {
		width:80%;
	} 
	
	.recommend {
		float: none;
		margin-top: 20px;
		margin-left:0;
	}
	
	.slider-text .btn {
		float:none;

	}
	
	.public-text {
		margin-bottom:25px;
	}
	
	h2 {
		margin-bottom: 30px;
		font-size: 24px;
	}	
	
	.news h2 {
		margin-bottom: 0px;
	}
	
	.example .before, .example .after {
		width: 145px;
		height: auto;
		margin-right:20px;
	}
	
	.example .item {
		background-position: center top !important;
	}
	.example .before:before,
	.example .after:before {
		width:72px;
		height:72px;
		background-size:72px 72px;
	}
	
	.example {
		padding: 50px 0 50px;
	}	
	
	.example .owl-carousel .container {
		padding: 55px 30px;
	}
	
	.example h2 {
		width: 100%;
	}
	
	.tehno img {
		width: 200px;

		height: auto;
		margin: 0 auto;
		display: block;
	}
	
	.tehno-text {
		margin-bottom: 30px;
	}
	
	.ex {
		margin-bottom:30px		
	}
	.ex-img-2 .btn-orange {
		width:100%;
		margin-bottom:30px
	}
	
	.ex-img-2 img {
		display:none;
	}
	
	.ex-text {
		max-width: 100%;
		margin-left:0px;
	}	
	
	.ex-img-2 {
		padding: 0 20px;
	}
	
	.news-img {
		margin-bottom: 20px;
		height:auto;		
		width: calc(100% + 40px);
		display:block;
		margin-left:-20px;
	}
	
	.news .row {
		margin-left:-20px;
		margin-right:-20px;
	}
	.news-title {
		max-width:100%;
	}
	
	.news-title {
		margin-bottom:15px;
	}
	
	.news-text {
		margin-bottom: 20px;
	
	}
	
	.news-date {
		//margin-top:10px;
		margin-bottom:10px;
	}
	.publications  {
		height:480px;
	}
	
	.head nav {
		width: 100%;		
	}
	
	.menu-line {
		margin-left: 0;
	}	
	
	.publications .btn-blue {
		width:100%;
		max-width:300px;

	}
	
	.news-btn {
		width:200px;
	}
	
	.main-menu li {

		margin-right: 1px;
		line-height: 32px;
		font-size: 15px;

	}	
	
	.example-title {
		display: none;
	}
	
	.example-title.visible-xs {
		line-height: 1.2;
		font-size:20px;
		font-weight:900;
	}
	
	.owl-examples  .owl-stage-outer {
		padding-bottom: 50px;
		box-sizing: unset;
	}
	.example-title br {
		display: none;
	}
	
	.example .owl-prev {
		left:5px;
	}

	.example .owl-next {
		right:5px
	}

	.example .col-xs-12 {
		text-align: center;
	}


	.example-text {
		text-align: left;
		line-height:1.3;
		padding-left:0;
		
	}	
	
	.example-text p {
		margin-bottom:0
	}
	
	.example-text:before {
		display: none
	}
	
	.example .owl-carousel .container, .example .slick-slider-1 .container {
		padding:0;
	}
	
	.example .item {
		background: none;
	}
	
	.slider {
		padding-top: 45px;
		background: url(../images/slide-mobile.png) right 0px no-repeat;
		background-size:260px auto;
		background-position: 240px 10px;
		min-height:500px;
	}
	
	.slider-new-img {
		background: url(../images/slide-mobile.png) right 0px no-repeat;	
		background-size:260px auto;
		background-position: 240px 10px;		
	}
	
	
	.slider-new-img-2 {
		background: url(../images/slide2.jpg) right 0px no-repeat;	
		background-size: 440px auto;
		background-position: 180px 33px !important;	 	
	}	
	
	
	.slider .container:after,
	.slider .container:before {
		display: none;
	}
	
	.slider .btn {
		width:100%;
		max-width:235px; 
		font-size:16px;
		height:60px;
		line-height:44px;
	}
	.slider .btn.index-en{
		font-size: 13px;
	}
	.slider h1 {
		font-size: 36px;
		max-width: 300px;
		margin-bottom: 50px;
		line-height:1.1
	}	
	
	.recommend {
		max-width:280px;
	}
	
	footer {
		min-height: 350px;
		font-size:13px;
	}	
	
	footer br {
		display: none;
	}
	footer .col-xs-6 {
		margin-bottom:40px;
	}
	
	footer .container .row .col-xs-6:nth-child(3) {
		clear:both
	}
	
	.footer-title {
		font-size:16px;
	}
	
	footer .logo-img-2 {
		width: 125px;
	}
	
	.catalog h2 {
		max-width:100%;
		font-size:26px !important;
	}		
	
	.catalog h1, .inner h1 {
		font-size:38px;
		margin-bottom:40px;
	}	

	.catalog-section:after {
		width:100%
	}	
	
	.content {
		padding-top: 35px;
	}
	
	.breadcrumbs a, .breadcrumbs span {
		font-size:14px;
		display: inline;
	}
	
	.catalog-detail .row {
		margin-left:0;
		margin-right:0;
	}
	
	.catalog-right h3 {
		font-size: 28px;
	}
	
	.catalog-detail {
		margin-top: 15px;
	}
	
	.catalog-detail .catalog-left {
		display: none;
		word-wrap: break-word;
	} 
	

		
	.catalog-right h1 {
		font-size: 32px;
		margin-bottom: 45px;
		margin-top: 20px;
	}		
	
	.consist {
		max-width: 100%;
	}	
	
	
	.catalog-right h2 {
		font-size: 18px !important;
		margin-top: 30px;
		margin-bottom: 35px;
		text-transform: none;
	}	
	
	
	.catalog-right .detail-desc {
		padding-left: 0;
		padding-right:0;
	}	
	
	.detail-btns {
		margin: 20px 0 50px;
	}	
	
	.detail-btns .btn-white {
		max-width:100%;
		font-size:16px;
		margin-bottom:15px;
	}
	
	.detail-btns  .btn-orange {
		max-width:100%;	
		font-size:16px;		
	}
	
	.catalog-detail table td,
	.article-detail	table td,
	.new-detail table td {
		min-height: 60px;
		line-height: 22px;
		padding: 10px 20px 10px 30px;
		font-size: 15px;
	}	
	
	.catalog-detail table,
	.article-detail table,
	.new-detail table	{
		max-width: 100%;
		overflow-x: auto;
		display: block;
		min-width: 100%;
	}
	
	
	.modal-dialog {
		width: 90%;
		margin: 100px auto !important;
	}
	
	.modal .btn {
		width:100%
	}
	
	.article img {
		max-width: 100%;
		vertical-align: middle
		
	}
	
	.article-img {
		max-height:200px;
		overflow: hidden;
	}
		
	.article-title {
		max-width: 100%;
		margin-bottom: 25px;
		padding: 0 20px;
	}
	
	.article-text {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.article-desc {
		max-width: 100%;
		padding: 0 20px;
		font-size: 16px;
	}
	
	.pagination span:not(.blue) {
		padding: 0px 8px;
	}
	
	.pagination .start {
		margin-right: 5px;
	}
	
	.pagination .end {
		margin-left: 18px;
	}	
	
	.pagination span:nth-child(2),
	.pagination span:nth-child(6) {
		//display: none;
	}
	
	.articles {
		margin-bottom: 40px;
	}
	
	.pagination {
		margin-bottom: 50px;
	}	
		
	.article-detail-img {
		width:100%;
		position:static;
		margin-bottom:40px;
	}
	
	.article-detail-img img {
		//max-width: 100%;
		
	}	
	
	.article-detail h1 {
		height: auto;
		max-width:100%;
		margin-bottom: 20px;
		font-size:22px;
		margin-top:45px;
	}	
	
	.article-detail h3 {
		font-size:18px;
	}
	
	.article-body {
		margin-bottom: 100px;
		max-width: 100%;
	}	
	
	.article-body .article-round-left {
		margin-top:0; 
	}
	
	.article-detail h2 {
		font-size:19px;
		margin-bottom: 65px;
	}
			
	.article-body .img-block {
		margin: 40px 0;
	}		
	
	.new-item {
		min-height: auto;
		margin-bottom: 30px;
	}	
	
	.new-detail h1 {
		font-size:32px;
		margin-bottom:15px;
		margin-top: 0px;
	}
	
	.new-detail .news-left {
		display: none;
	}	
	
	.new-detail  h1 br {
		display: none;	
	}
	
	
	.new-detail-img {
		margin-bottom: 20px
	}
	
	.new-detail h3 {
		font-size: 18px;
		margin-bottom: 30px;
		margin-top: 30px;
	}	
	
	.article-body .article-round-left {
		float:none;
		display:block;
	}
	
	.new-detail h1 {
		font-size:24px;
	}
	
	.service-title {
		margin-top:0;
	}
	
	.service-detail {
		margin-top: 35px;
	}
	.service-detail .news-left {
		display: none;
	}
	
	
	.service-detail h1 {
		font-size: 32px;
		margin-bottom: 55px;
	}

	.service-detail h1 {
		font-size: 24px;
		margin-bottom: 45px;
	}	
	

	.cont_map {
		height: 300px;
	}	
	
	.contacts .btn {
		max-width: 100%;
		margin-bottom: 20px;
	}
	
	.contacts .half2 {
		float: none;
		width: 100%;
	}	
	
	.contacts .agree {
		float: none;
		width: 100%;
		margin-bottom:30px;
	}
	
	.qq-upload-button {
		//margin:0 auto;
	}
	
	.contacts .half {
		float: none;
		width: 100%;
	}
	
	.contacts input[type="text"] {
		width:100%;
	}
	
	.contacts textarea {
		width:100%;
	}
	
	.case-img img {
		max-width: 100%;
	}	
	
	.case-consist .col-md-6, .case-consist .col-md-10{
		margin:30px 0;
	}
	
	.case-consist {
		padding: 20px;
		box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.12);
		margin-bottom:50px;
	}
	
	.case-btns {
		margin-bottom:60px;
	}
	
	.case-btns .btn-orange {
		margin-bottom:20px;
		font-size:18px;
		float: none;
	}
	.case-btns .btn-white {
		font-size:18px;
		float: none;			
	}
	
	.case-consist .row .col-md-6:nth-child(1):after {
/* 		content:' '; */
		width:80px;
		height:2px;
		background: #E3E5E6;
		position:absolute;
		bottom:-30px;
		left:50%;
		margin-left:-40px;
	}
	
	.case-detail {
		padding-top: 40px;
	}
	.case-detail-item {
		background:none !important;
		margin-bottom:30px;
		padding-bottom: 0px;
		padding-top: 20px;
		
	}
	
	.case-detail h1 {
		font-size: 40px;
		margin-bottom: 18px;
	}
		
	.case-detail h2 {
		font-size: 26px;
		margin-bottom: 30px;
	}
	
	.case-detail h2 br {
		display: none;
	}
	

	.case-consist-img {
		margin-right:0
	}
	.case-consist-text a {
		border-bottom: none
	}
	.case-btns a {
		margin-right:5%;
		width:65%;
	}
	

	.case-bottom h3 {
		font-size: 28px;
		margin-bottom:60px;
		
	}
	
	.case-consist-img img {
		max-width: 90%;
		margin: 0 auto;
		display: block;
	}
	
	.before, .after {
		max-width:200px;
		height: auto;
		margin-right: 5%;
		position:relative
	}		
	
.case-detail-item .before {
	margin-right: 5%;
}

	.before:before, .after:before {
		left:0;
	}
	.case-consist-alone {
		width: 100%;
	}	
	.confident {
		display: none
	}	
		
	.inner h1 div {
		font-size:30px;
		line-height:1.1
	}	


	.company .btn {
		max-width:100%
	}	
		
	.fancy_form_container {
		max-width: 100%;
	}	
	
	.fancy_form_container h2 {
		font-size:26px;
	}
	
	.fancy_form .btn {
		max-width:100%;
	}
	

	.article-detail img {
		max-width:100%;
		height: auto
	}

	.article-detail  table {
		max-width:100%
	}

	.article-detail  iframe {
		max-width:100%;
/* 		height:200px;  */
		height: 58vw;
	}
	
	.before img, .after img {
		border-radius:40px;
	}
	
	.owl-item .before img, .owl-item  .after img {
		border-radius:36px;		
	}
	
	.example .owl-nav {
		position: absolute;
		top: 50%;
		margin-top:-25px;
		width: 100%;
		margin-top: 0;
		left: 0;
	}	
	
	.example .owl-prev, .slick-prev {
		width: 50px;
		height:50px;
		background: url(../images/left2.png) left center no-repeat !important;
		background-size:50px 50px !important;
		left:5px; 
	}
	
	.example .owl-prev:hover, .slick-prev:hover {
		width: 50px;
		height:50px;
		background: url(../images/left-hover.png) left center no-repeat !important;
		background-size:50px 50px !important;
		left:5px; 		
	} 
	.slick-prev, .slick-prev:hover,
	.slick-next, .slick-next:hover{
		top: 45%;
	}
	
	.dvs_land .slick-prev, .dvs_land .slick-prev:hover,
	.dvs_land .slick-next, .dvs_land .slick-next:hover{
		top: 58%;
	}
	.example .owl-next,  .slick-next  {
		width: 50px;
		height:50px;
		background: url(../images/right2.png) left center no-repeat !important;
		background-size:50px 50px !important;
		right:5px
	}	
	
	.example .owl-next:hover, .slick-next:hover {
		width: 50px;
		height:50px;
		background: url(../images/right-hover.png) left center no-repeat !important;
		background-size:50px 50px !important;
		right:5px		
	}
		
	.example .port-index .slick-prev, 
	.example .port-index .slick-next  {
		top:45% !important 
	}  
	 	
	
	.about .owl-next,
	.video-action  .owl-nav button.owl-next	{
		background-image: url(../images/right2.png) !important;		
	}
	
	.about .owl-prev,
	.video-action  .owl-nav button.owl-prev	{
		background-image: url(../images/left2.png) !important;			
	}
	
	.video-action  .owl-nav button.owl-next:hover {
	  background-image: url(../images/right-hover.png) !important;	
	}	
	
	.video-action  .owl-nav button.owl-prev:hover {
	  background-image: url(../images/left-hover.png) !important;	
	}	

	.video-action .owl-dots {
		display: none
	}	
	
	
	
	.example-text {
		margin-top:20px
	}
	
	.example-img-cont:before {
		display: none;
	}
		
	.inner .catalog-section-h1 {
		font-size:28px;
	}	
	
	.bx_filter.bx_blue {
		margin:0 auto 30px;
		display: none
	}
	
	.catalog-left .catalog-btn {
		float:left;
		
	}

	.catalog-left .bx_sitemap a:nth-child(2n+1) .catalog-btn {
		clear:both
	}	
	.filter-m  {
		display: block
	}
	
	.bx_filter.bx_blue {
		max-width:100%
	} 
	
	.service-detail .btn-orange,
	.contacts_form .btn-orange {
		max-width:100%;
	}
	.service-detail .btn-orange.btn-edu {
		font-size:22px;
	}
	.video-title {
		font-size: 18px;
		font-weight: 600;
	}	
	
	.video {
		padding: 35px 25px;
		min-height: auto;
	}	
	
	.videos .row {
		margin-bottom: 10px;
	}	
	
	.case {
		min-height: auto;
		padding: 30px;
	}	
		
	.case-title {
		font-size: 26px;
		font-weight: 900;
		line-height: 1.1;
		margin-bottom: 10px;
	}	
	
	.case-btn {
		margin-bottom:0
	}
	
	.case-consist-text {
		font-size: 18px;
		font-weight: 400;
		padding-right: 0;
		margin-top: 20px;
		line-height: 1.5;
		padding-left:30px;
		overflow: hidden;
	}	
	
	.case-subtitle {
		font-size: 16px;
		margin-bottom: 20px;
		max-width: 100%;
		min-height:auto
	}	
	
	.cases .row {
		margin-bottom: 10px;
	}
	
	.news-left {
		margin-top:-20px;
	}
	 
	
	.service-detail h1 {
		font-size: 19px !important; 
		margin-top:0 !important;  
	}
	
	.service-detail h3 {
		font-size: 18px;
	}	
		
	.article-detail h1 {
		font-size: 19px !important;
		margin-top:20px !important;
	}	

	.article-body {
		margin-bottom:20px;
	}

	.new-detail {
		margin-bottom:30px;
	}	
	
	.new-detail h1 {
		font-size: 19px !important;
		line-height:22px;
	}
	
	.catalog-right {
		margin-bottom: 20px;
	}
	
	.catalog .catalog-right {
		padding-right:15px;
	}
	
	.about-left {
		margin-top:-20px;
	}

				
	.detail-img img {
		width:90%;
		margin:0 auto;
		display: block;
		max-width:300px;
		mix-blend-mode: darken;
	}		

	.detail-btns .btn-orange,
	.detail-btns .btn-white	{
		font-size:19px; 
	}	
	
	.btn-buy {
		width:360px;
	}
	
	.news {
		padding-top:50px;
	}
	.all-news {
		display: none;
	}
	
	.news-line {
		margin-top: 0px;
	}	
	
	.news-line .btn-orange {
		max-width:100%;
		margin-top:20px;
	}
		
	.news .news-btn {
		display: none
	}
	.news .container {
		padding-bottom:30px;
	}
	
	.news .col-md-6 {
		background-color: #f2f6f8;
	}	
	.news .col-md-6 .news-text  {
		margin-bottom:30px;		
	}
	
	.about .owl-dots {
		display: none
	}
	
	.ex .row {
		margin-left:0;
		margin-right:0;
	}
	
	.ex-img-2 {
		margin-left:0;
	}
	
	.btn-portfolio {
		margin-bottom:70px;
	}
	
	.about {
		margin-bottom:50px;
	}
	
	.owl-news {
		max-width:100%;
	}
	.service-detail {
		margin-bottom:50px;
	}	
	.service-detail h2 {
		font-size:16px;
	} 	
	
	.article-title a {
		border-bottom: none;
	}
	
	.new .catalog-btn {
		width:263px;
		float:none;
	} 

	.portfolio-slider .owl-dots{
		display: none;
	}
	
	.owl-carousel .example-text {
		margin-bottom:-20px; 
		height:172px;
		display: none
	}
	.slick-slider-1 .example-text {
		height:auto;
	}
	
	.slick-slider .example-text {
		display: none;
	}
	
	.dvs_land .slick-slider .example-text {
		display: block;
	}
	
	.example-text:after {
		height:40px;
		z-index:10;
	}	
	
	.after, .before {
		//display: none;
	}
	
	.images_list .col-lg-4, .numbers_list .col-lg-4{
		position: relative;
		width: 100%;
		max-width:100%;
		min-height: 1px;
		padding-right: 15px;
		padding-left: 15px;
		flex: none
	} 
	
	.slick-dots  {
		display: none !important
	}
	
	
	.readmore-portfolio {
		width: 250px;
		height: 50px;
		border-radius: 4px;
		background-color: 	#eef4f7;
		text-align: center;
		font-size: 14px;
		line-height: 50px;
		font-weight: 500;
		color:	#333 !important;
		display: block;
		margin:0 auto;
		text-decoration: none !important
	}
	
	.readmore-portfolio:hover {
		text-decoration: none !important
	}	
	
	.inner.company, .inner.new {
		margin-top:30px;
	} 
	
	.portfolio-btns {
		display: none;
	}
	
	.ex {
		margin-top:-20px;
	}

	.promo-land  .btn-orange {
		padding-left:25px	
	}
	
	.new .news-right {
		padding-right: 15px;
	}
	.new .new-item-wrap {
		max-width: 100%;
		min-height:auto;
	}
	
	.catalog-item-img {
		text-align: center;
	}
		
		
	.article-container {
		background: none;
		margin-top:0;	
		margin-bottom:0;
	}
	
	.article-detail-img {
		max-width:100%
	}
	
	.portfolio-h1 {
		margin-bottom:30px !important;
	}	
	
	.catalog-right iframe {
		height:285px;
	}
	
	.article-body a.btn-orange {
		margin-bottom:20px;
	} 	
	
	.article-body a.btn-white {
		margin-bottom:40px
	}


	.bx_filter .bx_filter_input_checkbox {
		padding-top:2px;
		padding-bottom:2px;
	}	
	
	.article-preview {
		max-width:100%
	}
	
	.catalog-detail .catalog-right h1 {
		margin-top:0;
	}
	
	.case-detail-item .after {
		float:right;
		margin-right:0;
	}
	
	.case-detail-item  .before, .case-detail-item  .after {
		max-width:47%;
		width:47%;
		height: auto !important
	}
	.catalog-detail .catalog-right {
		padding-left: 0;
	}
	
	.case-detail-item .example-text {
		max-width: 100%;
		margin-top:30px;
	}
	
	.catalog-detail .modengy-dvs-together-cheaper {
		width: 100%;
		height: 595px;
		background-image: url('/images/modengy-dvs-together-cheaper-mobile.png') ;
		background-repeat: no-repeat
	}	
	
	.catalog-detail .modengy-dvs-together-cheaper a {
		position: absolute;
		bottom: 36px;
		left:95px;
	}	

	.bx_filter .bx_filter_popup_result {
		font-size:20px !important;
		text-align: center;
		height:80px !important;
		line-height:60px !important;
		padding-bottom:15px;
		bottom:0 !important
	}
	
	.bx_filter .bx_ui_slider_handle.left {
		width: 20px;
		height: 20px;
		margin-left: -6px;
		top: -8px;
	}
	
	.bx_filter .bx_ui_slider_handle.right {
		width: 20px;
		height: 20px;
		margin-right: -6px;
		top: -8px;
	}	
	
	.teh .btn-orange {
		float: none
	}
	
	.teh .btn-white {
		float: none;
		margin-left:0;
		margin-top:30px;
	} 
	
	.tehno-b1 {
		margin-bottom: 50px;
	}
	
	.tehno-txt-1 {
		padding: 0 15px;
		margin-left: 0;
	}	
	
	.tehno-img-1 {
		text-align: center;
		margin-bottom:35px;
		margin-top:35px;
	}
	
	.tehno-icon {
		width: 100%;
		display: block; 
		text-align: center;
		padding-right:10px;
		padding-left:10px;
		margin-bottom:15px;
	}
		
		
	.tehno-icons br {
		display: none
	}	
	
	.tehno-icons p {
		display: block;
		vertical-align: middle;
		text-align: center;
		font-size: 13px;
	}	
		
	.prims {
		text-align: center;
	}	
	
	.prims p {
		max-width:220px;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:32px;
	}
	
	.teh .video-title {
		font-weight:500;
		font-size:16px;
		line-height: 1.5;
	}
	
	.teh90 {
		margin-bottom: 0;
	}
		
	.cons {
		padding: 40px 20px;
		font-size: 14px;
		margin-bottom: 30px;
		margin-left: -20px;
		width: calc(100% + 40px);
	}	
	
	.cons .col-xs-12 {
		padding-left:0
	}
	
	.cons-title {
		margin-bottom:20px;
		font-size:22px;
	}
	.cons-title2 {
		font-size: 18px;
		font-weight: bold;
		margin-top: 10px;
		margin-bottom: 10px;
	}	
	
	.teh .about-right ul li {
		margin-bottom: 25px;
	}
	
	.teh .btn-orange,
	.teh .btn-white {
		max-width:100%
	}
		
	
	/*about <767px */

	.width90 {
		width: 100%;
	}	
	
	.over15 {
		margin-left:0;
		margin-top:40px;
		margin-bottom:30px;
		box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.12);
		padding: 70px 0 20px;
		margin-left: -20px;
		width: calc(100% + 40px);		
	}
	
	.over15-text {
		text-align: center;
		padding-left: 15px;
	}
	
	.over15-text br {
		display: none
	}	
	
	.over15-text a.btn {
		margin: 35px auto;
	}
	
	.over15 img {
		max-width: 100%;
		margin: 0 auto 20px;
		display: block;
	}	
		
	
	.about-right h2 {
		margin-top:50px;
		font-size: 26px;
		line-height:1.23;
		font-weight:900
	}
	
	.about-right h2 br {
		display: none
	}
	
	.atsp {
		max-width: auto;
		margin-bottom: 50px;
		padding: 25px 20px;
		width: calc(100% + 40px);
		margin-left: -20px;
		box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.12);
	}
	
	
	.atsp:after {
		display: none
	}
	
	.atsp .btn {
		width: 283px;
		height: 54px;
		border-radius: 4px;
		background-color:		#eef4f7;
		text-align: center;
		font-size: 16px;
		line-height: 35px;
		margin-top: 35px;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:20px;
		font-weight: 500;
		display: block;
		color:	#0e1a20 !important;
		text-decoration: none !important;		
	}
	
	.atsp h3 {
		font-size:26px;
		margin-top:25px;
		margin-bottom:50px;
		font-weight:900
	} 
	
	.get-support .row {
		margin:30px 0
	}
	
	.atsp .samolet {
		margin-bottom:20px;
		margin-left:-20px;
		width: calc(110% + 40px);
		max-width:900px; 
	}
	
	.support-services {
		border-radius: 7px;
		box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.2);
		margin-left:-20px;	
		width: calc(100% + 40px);	
		padding: 1px 20px 1px;		
		margin-top:40px;
		position:relative;
		z-index:2;
		background: #fff
	} 
	
	.company .service-block {
		height: auto !important;
		margin: 10px auto 10px auto;
		max-width:400px
	}
	
	.company .service-title {
		height:auto !important;
		display: table-cell;
		vertical-align: middle;
	}
	
	.company .service-title br {
		display: none;
	}
	
	.get-support .row .col-md-4:nth-child(5) .service-title {
		padding-top:0
	}
	
	
	.edu1 {
		height: auto !important;
		width:53.7%
		
	}
	.edu2  {
		height: auto !important;
		width:46.3%		
	}
	.edu3 {
		height: auto !important;
		width:31%;
	}
	.edu4  {
		height: auto !important;	
		width:46%;		
	}
	.edu5 {
		height: auto !important;
		width:23%;		
	}

	.edu-imgs {
		width: calc(100% + 40px);
		margin-left:-20px;
	}
	
	.edu-imgs a:nth-child(3) img {
		clear:both
	}
	
	
	.about-map {
		background: #fdc100;
		margin-top:-7px;
		width: calc(100% + 40px);
		margin-left:-20px;
		padding: 48px 35px 35px;
		max-width:768px;
	} 
	
	.about-map img {
		margin-bottom:20px;
	}
	
	.about-map:after {
		display: none
	}
	
	
	.company .btn-education {
		width:361px !important;
		margin:0 auto 20px;
		float:none;
	}
	
	.company .btn-eduform {
		float: none;
		margin:0 auto;
		display: block
	}
	
	.about-btns {
		margin: 35px 0 30px;
	}
	
	.video-events {
		width:100%;
		margin-left:0;
	}
	
	.events {
		text-align: center;
		margin-left:0;
	}
	
	.events img {
		max-width: 160px;
		margin-bottom:20px;
	}	
	
	.events-text p {
		margin-bottom: 20px;
	}	
	
	.company .video {
		margin: 30px 0 30px;
	}
	
	.company .col-sm-6 .video-title br {
		display: none
	}
	
	.company h4 {
		margin-top:0;
	}
	
	.company h4 br {
		display: none
	}
	
	.about-video {
		width: 80%;
		margin: 30px auto 0
	}	
	
	.video-wrap {
		box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.12);
		padding:45px 20px;
		width: calc(100% + 40px);
		margin-left:-20px;
		margin-top:50px;
	}
	
	.company .video-title br {
		display: none
	}
	
	.company-last {
		margin-bottom: 50px;
	}
	
	.company-last .btn-orange {
		margin:30px auto 0;
	}
	
	.company .owl-nums {
		font-size: 14px;	
		color: #333 !important;
		margin-top: 20px;
	}

	.company .video-events .video {
		margin: 30px auto 30px; 
	}

	.company .col-sm-6 .video-img {
		height: 344px;
	}
	
	.company .col-sm-6 .video-overlay {
		background-size: cover !important;
	}	
	
	/*----- Лэндинг ДВС ----- */
	.wrapper.dvs-landing{
		min-width: 480px;	
	}
    .dvs_land h2.purple_line {
		font-size: 36px;
	}
    .dvs_land .header{
		padding-top: 0px;
	}
	.dvs_land .header .top_block {
		background-position: -165px 90%;
    background-size: 75%;
        padding-top: 30px;
	}
	.dvs_land .header .top_block img{
		margin: 60px 0px 0px 150px !important;
        position: relative;
        top: 0;
        left: 0;
        max-width: 90%;
	}
	.dvs_land .header .top_block a.button-def{
		margin: 0px auto;
	}
	.dvs_land .top_block .dost{
		margin: 10px auto;
	}
	.dvs_land .use_list .use_item{
		width: 100%;
		margin-right: 0px;
	}  
	.dvs_land .use_list .use_item img{
		max-width: 160px;
		width:160px;
	} 
	
	.dvs_land .dost_block .images_list img {
		width:145px;
	}
	
	.dvs_land .use_list .use_item span {
		max-width:300px;
		margin:30px  auto 0
	}
	
	.dvs_land  .preim-img-1 {
		width:120px;
	}
	
	.dvs_land  .preim-img-2 {
		width:180px;
	}
	
	.dvs_land  .preim-img-3 {
		width:150px;
	}	

	.dvs_land  .preim-img-4 {
		width:150px;
	}	

	.dvs_land  .owl-dvs {
		width:calc(100% - 30px) !important;
		margin-left:15px;
		
	}	
	
	.dvs_land .owl-dvs .owl-nav {
		width: 100%;
		position: absolute;
		top: 50%;
		margin-top: -50px;
	}	
	
	.dvs_land .owl-dvs .owl-prev, .dvs_land .owl-dvs .owl-prev:hover {
		width: 50px;
		height: 50px;
		background: url(/images/left2.png) left center no-repeat !important;
			background-size: auto;
		background-size: 50px 50px !important;
		left: 5px;		
		position:absolute;		
	}
	
	.dvs_land .owl-dvs .owl-next, .dvs_land .owl-dvs .owl-next:hover {
		width: 50px;
		height: 50px;
		background: url(/images/right2.png) left center no-repeat !important;
	
		background-size: 50px 50px !important;
		right: 5px;		
		position:absolute;		
	}	
	.dvs_land .use_list .use_item:last-child{
		width: 100%;
	}
	.dvs_land .gradient_block{
		background: #ffffff;
		
	}
	.dvs_land .ochistitel_block .bg_block{
		padding-top: 520px;
		padding-right: 0px;
		background-position: 30px top;
		background-size: 280px;
	}
	.dvs_land .gradient_block .pack_plus{
		padding-bottom: 10px;
	}
	.dvs_land .gradient_block .pack_plus img{
		margin: 0 auto;
		display: block;
	}
	.dvs_land .gradient_block .pack_plus:after{
		display: none;
		bottom: 0px;
		left: calc(50% - 29px);
		top: auto;
		transform: rotate(90deg);
	}
	.dvs_land .black_block{
		margin-bottom: 70px;
	}
	.dvs_land .black_block .container{
		padding-bottom: 130px;
	}
	.dvs_land .black_block .black_block_list .black_block_list_item{
		min-height: auto;
		margin-bottom: 30px;
	}
	.dvs_land .black_block .black_block_list{
		padding-left: 100px;
		margin-top: 40px;
	}
	.dvs_land .black_block.video .video-border{
		width: 462px;
		height: 260px;
	}
	.dvs_land .black_block.video .video-frame:first-of-type{
        margin-bottom: 47px;
	}
	.dvs_land .dvs_image img{
		width: 260px;
	}
	.dvs_land .owl-carousel.portfolio-slider .owl-item .slider_img .before{
		display: block;
		width: 38px;
		height: 38px;
		right: 12px;
		bottom: 12px;
		font-size: 12px;
		line-height: 38px;
	}
	.dvs_land .owl-carousel.portfolio-slider .owl-item .slider_img .after{
		display: block;
		width: 38px;
		height: 38px;
		left: 12px;
		bottom: 12px;
		font-size: 12px;
		line-height: 38px;
	}
	.dvs_land .hands_button_block{
		padding: 58px 0px 40px;
	}
    .dvs_land .numbers_list > div{
        padding-left: 60px;
    }
    .dvs_land .numbers_list > div::before{
        left: 60px;
    }
    .dvs_land .slider_block .owl-carousel.portfolio-slider{
	    margin: 0px;
	    padding-bottom: 30px;
    }
    .dvs_land .slider_block .portfolio_picture .before:before,
    .dvs_land .slider_block .portfolio_picture .after::before{
	    left: 1px;
	    width: 45px;
		height: 45px;
		background-size: 45px 45px;
    }
    .dvs_land .slider_block .portfolio_picture .before:before{
	    
    }
    .dvs_land .slider_block .portfolio_picture .after::before{
	    
    }
	
	.catalog-detail .modengy-dvs-together-cheaper a.beru-btn,
	.catalog-detail .modengy-dvs-together-cheaper a.ozon-btn 	{
		   min-width: 300px;
		   width:300px				   
	}	
	
    /*----- / Лэндинг ДВС ----- */
	
	.search-page input[type="text"] {
		width:100%;
	}
	
	.search-page input[type=submit] {
		width:200px;
	}
	
	header .container {
		position:relative;
	}	
	
	footer .container {
		position:relative;
	}		
	
	/* статья прилипание пленки*/
	
	.article-special .blockquote-special {
		padding: 40px 25px;
		margin: 70px 0 40px
	}
	
	.article-special h2:before {
		bottom: -30px;
	}
	
	.article-special h2:after {
		bottom: -20px;
	}	
	
	.article-special ul {
		padding-left:45px;
	}
	
	.article-special ul li:before {
		left: -33px;
	}
		
	.article-special .img-round {
		width: 130px;
		height: auto;
		display: block;
		margin: 40px auto 20px !important;
		float: none;
	}

	.special-problems {
		text-align: center;
	}

	.article-special .special-icons {
		width: 100%;
		float: none;
		margin-bottom: 20px;
	}	
		
		
	.article-special .problem-card {
		margin: 0px 0 80px;
		box-shadow: none;
		padding: 65px 20px 260px;
		background: url(../images/problem-mobile.png) center bottom no-repeat;
		background-size: cover;
		color: #fff;
		width:calc(100% + 40px);
		margin-left:-20px;
	}	
	
	.special-left {
		margin-top:0
	}
	
	.antiprigar-img {
		width:280px;
		margin-top:-340px;
	}
	
	.antiprigar > .row {
		margin-top:390px;
	}
	
	.special-subtitle {
		font-size:14px;
		margin-left:0;
		line-height:1.2
	}
	
	.antiprigar blockquote {
		padding: 0px 23px;
		border-left: 8px solid #f1f1f1;
		margin: 40px 0;
		font-size: 15px;

	}
	
	.special-box {
		box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.12);
		padding: 45px 30px;
		margin-bottom: 30px;
		color: #313131;
	}	
	
	.special-box img {
		width: 95px;
		float: none;
		display: block;
		margin: 0px auto 50px;
	}	

	.special-video blockquote {
		margin-top:0;
		margin-bottom:40px;
		font-size: 15px;
		line-height: 1.5;
		padding: 0 20px;
	}
	
	.special-video {
		margin-top: 50px;
		margin-bottom: 20px;
	}	
	
	.special-video .video .button-play {
		width:36px;
		margin-left:-18px;
		margin-top:-18px;
	}
	
	.special-border {
		padding: 40px 25px 40px 25px;
		margin: 30px 0;
	}	
	
	.special-left p {
		overflow: hidden;
		margin-top:0
	}
	
	.special-left {
		margin-bottom:40px;
	}
	
	.special-gift {
		width: 70px;
		margin-left: auto;
		margin-bottom: 20px;
		margin-top: 20px;
		margin-right: auto;
		display: block;
	}	
	
	.special-right {
		font-size: 19px;
		font-weight: bold;
		padding-left: 0;
		border-left: none;
		text-align: center;
		margin-bottom:40px;
	}	
	
	.special-btn-1 {
		max-width:100%;
		margin-bottom:20px;
		float: none;
	}
	.special-btn-2 {
		max-width:100%;
		float: none;	
		margin-bottom:35px;
	}
	
	.special-can  a { 
		text-decoration: none	!important	
	}


	.fancy-3d iframe {
		max-height:370px
	}
	
	header .top {
		padding: 20px 0;
		position: absolute;
		width: 100%;
	}
	header .row.head {
		margin-top:100px;		
	}	
	
	header .socials {
		margin-bottom:0;
		padding-right:0
	}
		
}

@media (max-width: 600px) {
	.company .col-sm-6 .video-img {
		height: 250px;
	}	
}


@media (max-width: 481px) { 
	.top .phone a {
		width:25px;
		display:block
	}
	.slider {
		padding-top: 45px;
		min-height:480px;
		background: url(../images/slide-mobile.png) right 0px no-repeat;
		background-size:230px auto;
		background-position: 195px 10px;
	}	
	
	.slider-new-img {
		background: url(../images/slide-mobile.png) right 0px no-repeat;
		background-size:230px auto;
		background-position: 195px 10px;		
	}
	
	
	.slider-new-img-2 {
		background: url(../images/slide2.jpg) right 0px no-repeat;	
		background-size: 306px auto;
		background-position: 166px 137px !important;
	}		
	 
	.company .col-sm-4  .video-img {
		height:200px;
	}
		
	.slider .container {
		min-height: 400px;
	}
	
	.article-detail .button-def {
		max-width:100%;
		margin-bottom:20px;
	} 
	
	.before, .after {
		max-width: 45%;
		height: auto;
		margin-right: 5%;
	}

.case-detail-item .before {
	margin-right: 5%;
}
	.service-detail .btn-orange.btn-edu {
		font-size:20px;
	}	
	.case-consist {
		
	}
	.case-consist-img {
		float: none;
	}
	.case-consist:before {
		box-shadow: none;
	}
	
	.case-btns {
		margin-top:10px;
	}
	
	.case-bottom h3 {
		font-size:24px;
	}
	
	.catalog-detail .modengy-dvs-together-cheaper a {
		position: absolute;
		bottom: 36px;
		left:50%;
		margin-left:-130px; 
		padding:12px 0px;
		font-size:14px;
	}			
	
	.catalog-detail .modengy-dvs-together-cheaper a.beru-btn,
	.catalog-detail .modengy-dvs-together-cheaper a.ozon-btn	{
		   min-width: 263px;
		   width:263px				   
	}
	
	.catalog-detail .modengy-dvs-together-cheaper a.button-def {
		padding:8px 0;
	}
	.catalog {
		margin-top:10px;
	}	
	
	.case-detail-item .before:before,
	.case-detail-item .after:before	{
		width:60px;
		height:60px;
		background-size: 60px 60px;
	}
	
	.case-btns a {
		margin-right: 0;
		width: 100%;
	}
	
	.case-consist-text {
		padding-right:0;
		padding-left:0;
	
	}

	.catalog-detail .catalog-right {
		padding-left:0
	}
	
	.detail-btns a {
		width:100%;
		font-size:18px !important;
	}
	.case-detail-item .example-text {
		font-size:16px;
	}
	
	
	.catalog-detail .modengy-dvs-together-cheaper {
		width: 100%;
		height: 395px;
		background-image: url('/images/modengy-dvs-together-cheaper-mobile.png');
		background-repeat: no-repeat;
		background-size: auto 100%;
		margin: 0 auto;
		background-position: center;
	}	
	
	.catalog-detail .modengy-dvs-together-cheaper a {
		bottom:12px;
	}
	
	.company img {
		//max-width:100%;
		height:auto
	}
	.company .video {
		padding:25px;
	}
	
	.company  .video-title {
		font-size:16px;
	}
	

	.catalog-left .catalog-btn {
		float: none
	}
	
	.video-img {
		height: 164px;
	} 
	
	.video-overlay {
		background-size: 100% auto !important;
	}
			
	.video {
		min-height: auto;
	}		
	
	.video-overlay {
		background-size: auto 185px;
	}

	.catalog-btn {
		margin: 20px auto;
		float: none;
	}

	.catalog h1, .inner h1 {
		font-size: 38px;
		margin-bottom: 30px;	
	} 
	
	.detail-btns .btn-orange,
	.detail-btns .btn-white	{
		font-size:16px; 
	}		
	
	.news-date:after {
		display: none 
	}
	

	
	
	.new .new-item {
		margin-bottom:10px;
	}
	
	.new .news-right {
		margin-bottom:20px;
	}

	.case-consist-text {
		font-size: 18px;
		margin-top:20px;
		text-align: center;	
		line-height: 1.2;		
	}	
	 
	
	header .socials {
		display: none 
	}
	
	.top .phone {
		width: calc(100% - 30px);
		float:left;
		margin-left:15px;
		background: none;
		padding-left:0;
		height:25px;
	}
	
	.btn-responsive-nav  {
		right:0;
	}
	
	header .mobile, .logo img {
		display: none;
	}
	.top {
		padding: 20px 0 20px;
	}
	
	.logo-mobile {
		display: block;
	}
	
	.logo-mobile img {
		width:120px;
		position:absolute;
		left:50%;
		margin-left:-60px;
		top:5px;
		margin-top:-8px
	}
	
	.lang {
		width: 20px !important;
		height:29px !important;
		line-height:27px;
		font-size: 10px;
	}
	
	.language img {
		width: 20px;
		height: auto;
		margin-right: 5px;
	}
	
	.mobile-icon  {
		display: block;
		
	}
	
	.mega-menu .close_menu {
		display: block;
	}
	
	.top {
		position: absolute;
		width: 100%;
		left:15px
	}
	
	header .row.head {
		margin-top:60px;
		
	}
	
	.spoiler {
		padding-left:70px;
		padding-right:28px;
		position:relative;
		padding-bottom:28px;		
	}
	
	.spoiler-head {
		//text-align: center;
		padding-right:0;
		position:relative;
		font-size:14px;
		line-height: 1.43;

	}
	
	.spoiler-head:before {
		top: calc(50% - 10px);
		left: -40px;
	}
	
	.spoiler-body {
		padding-right:0
	}

	.service-detail .btn-white  {
		max-width:100%
	} 
	
	.example .before:before,
	.example .after:before {
		width:42px;
		height:42px;
		background-size:42px 42px;
	}
	
	.owl-item .before img, .owl-item .after img {
		border-radius: 20px;
	}
	
	.catalog h1, .inner h1 {
		margin-top:20px;
	}	

	.cases .portfolio_container h2 {
		font-size:24px;
		margin-bottom:20px;
	}	
		
	.catalog-item-img {
		width:30%;
		text-align: center
	}
	.catalog-item-text {
		width:65%;
	}		

	.article-body a.btn-orange {
		margin-bottom:20px;
	} 	
	
	.article-body a.btn-white {
		margin-bottom:40px
	}
	
	#toTop {
		width:50px;
		height:50px;
		line-height:39px;
	}
	
	/* about <480px*/
	
	.over15-text a.btn {
		margin: 25px auto;
	}
	
	
	.company img {
		//max-width: 180px;
		height: auto;
	}	
	
	.about-right h2 {
		margin-bottom:45px;
	}
	
	.where p {
		font-size:13px;
		line-height: 1.54;
		margin-top:95px;
	}
	
	.where img {
		margin-left:-27px;
	}
	
	.about1 {
		width:55px;
	}

	.about2 {
		width:65px;
	}

	.about3 {
		width:55px;
	}

	.about4 {
		width:55px;
	}

	.about5, .about6, .about7, .about8,
	.about9, .about10, .about11, .about12	{
		width:55px;
	}
	
	.where  {
		margin:20px 0;
	}
	
	.where .col-xs-6 {
		padding:0 5px;
	}
	
	.atsp {
		margin-top:40px;
	}
	
	.get-support .col-md-4 {
		padding-right: 15px;
	}
	
	.company .service-block {
		max-width:calc(80% + 40px);
		padding: 22px 11px 22px 20px;
		box-sizing: border-box;
	}
	
	.company .events img {
		max-width:150px;
		margin-bottom:30px;
	}
	
	.company .video {
		margin: 20px 0;
	}	
	
	.company .col-sm-6 .video {
		padding: 30px 20px;
	}
	
	.company .col-sm-6 .video-img {
		height: 241px;
	}	
	
	.education {
		margin: 25px 0;
	}
	
	.about-map  {
		padding: 48px 20px 35px;		
	}	

	.about-map img {
		max-width:100%;		
	}	
	
	.video-events .col-xs-12 {
		padding:0;
	}

	.video-overlay:before {
		width: 35px;
		height: 35px;
		background-size: 35px 35px;
		margin-top: -17px;
		margin-left: -17px;
	}	
	
	.company .video-overlay {
		background-size: cover !important;
	}

	.events-text2 {
		padding-left: 0px;
		padding-right:0px;
		padding-top:0
	}	
	
	.video-wrap {
		margin-top:30px;
	}
	
	.company .about-text {
		max-width: 100%;
		font-size: 14px;
	}
	
	.company .about-date {
		font-size: 14px;		
	}
	
	.company .about .item {
		padding:25px;
	}
	

	
	.about .item img {
		height: 35px;
	}
	
	.company-last .video {
		margin: 30px 0;
		padding:25px 20px;
	}
	
	.company-last .btn-orange {
		font-size:18px;
		max-width: 100%;
		margin-top:50px;
	}
	.company-last .btn-orange-en {
		font-size:14px;
	}	
	.about-video {
		width:100%
	} 
	
	.tehno-img-1 img {
		max-width:200px;
	}
	
	.prims {
		margin: 55px 0 0px;
	}
	
	.teh .video {
		margin-bottom:40px;
	}
	
	.teh .btn-orange, .teh .btn-white {
		font-size:18px;
	}
}



@media (max-width: 380px) { 

	.slider {
		padding-top: 25px;
		margin-bottom:0px;
		background: url(../images/slide-mobile.png) right 0px no-repeat;
		background-size:230px auto;
		background-position: 130px 10px;
	}	
	
	.slider-new-img  {
		background: url(../images/slide-mobile.png) right 0px no-repeat;
		background-size:230px auto;
		background-position: 130px 10px;		
	}
	
	
	.slider-new-img-2 {
		background: url(../images/slide2.jpg) right 0px no-repeat;	
		background-size: 252px auto;
		background-position: 117px 137px !important;
	}		
			
	.slider h1 {
		font-size: 30px;
		max-width: 240px;
		margin-bottom: 20px;
	}
	
	.slider .recommend {
		margin-top:10px;
		padding-left:25px;
	}
	
	.company .col-sm-4  .video-img {
		height:150px;
	}
	
	header .socials {
		width:30%;
		padding-top:0px;
		padding-right:0;
	}
	
	header .phone {
		//width:70% !important;
		//padding-left:0 !important;
		//background: none !important;
		//text-align: right;
	}	
	 
	.socials img {
		margin-right:0px;
	}
	
	h2 {
		font-size: 24px;
	}
	
	.example {
		padding: 50px 0 20px;
	}
	
	.example .before, .example .after {
		width:100px;
	}
	
	.service-detail .btn-orange.btn-edu {
		font-size:16px;
	}
	
	.example .owl-prev {
		left: 5px;
		
	}	
	.example .owl-next {
		right: 5px;
		
	}
	
	.example-title {
		margin-bottom:20px;
	}
	
	.btn-portfolio {
		width:100%;
	}
	

	
	.example .owl-dots .owl-dot,
	.about .owl-dots .owl-dot {
		margin:0 10px;
	}
	
	.logo img {
		width: 60%;
	}
	
	.slider .container, .slider {
		min-height:400px;
	}
	

	
	.catalog h2 {
		max-width:100%;

	}		
	 
	.catalog h1, .inner h1 {
		font-size:38px;
		margin-bottom:30px;
		line-height:1
	}	
	
	.tehnology .btn-white{
		max-width:100%
	}
	

	.catalog-btn {
		margin: 20px auto;
		float: none;
	} 
	.pack {
		margin-right:10px;
	}

	.container:after {
		width: calc(100% - 57px) !important;
		left: 37px !important;
	}
	
	.modal {
	//	position:absolute;
	}
	
	.modal-dialog {
	//	margin-top: 0px  !important;
	//	top:auto !important
	}
		
	.modal-body {
		padding: 0 40px 34px;
	}	
		
	.modal-header .title {
		font-weight: 900;
		text-align: center;
		font-size: 24px;
		margin-top: 40px;
	}	

	.modal textarea {
		width: 100%;
		height: 100px;
	}

	.modal-header p {
		margin-top: 10px;
		font-size: 14px;
	}	
	
	.modal .row {
		margin-bottom: 10px;
	}	
	
	.sogl {
		font-size:12px;
	}
	
	.article-detail h1 {
		font-size:19px;
	} 
	
	.new-detail h1 {
		font-size:19px ;
	}
	
	.service-detail h1 {
		font-size: 19px;
	}

	.service-detail h3 {
		font-size: 18px;
	}	
	
	.service-detail .article-body .article-round-left {
		margin-top: 0;
	}	
		
	.video {
		padding: 35px 25px;
		min-height:auto;
	}	
	
	.video-title {
		font-size: 18px;
		font-weight: 600;
	}
	
	.videos .row {
		margin-bottom: 10px;
	}	
	
	.case-subtitle {
		font-size: 16px;
		min-height: auto;
		margin-bottom: 20px;
		max-width: 100%;
	}
	 
	.case-title {
		font-size: 26px;
		font-weight: 900;
		line-height: 1.1;
		margin-bottom: 10px;
	}	
	
	.case {
		min-height:auto;
		padding:30px;
	}
	
	.case-btn {
		width: 100%;
		margin-bottom:0;
	}
	
	.case .after {
		margin-right:0;
		float:right
	}
	
	.case .before:before, .case .after:before {
		width: 40px;
		height: 40px;
		background-size: 40px 40px;
	}	
	
	.top .phone {
		//padding-right:60px;
		//padding-top:0px;
		//font-size:17px;
	}
	
	.top .phone span {
		//font-size:14px;
	}	
	
	.btn-buy {
		padding-left: 0;
		text-align: left;
		padding-left:40px;
		background-position:7px center;
		background-size: 20px auto;
	}
	
	.detail-btns .btn-orange {
		font-size:16px !important		
	}
	.btn-buy:hover {
		background-position:7px center;
		background-size: 20px auto
	}	
	.before img, .after img {
		border-radius: 20px;
	}	
	
	.video-img {
		height:142px
	}
	
	.catalog-right iframe {
		height:185px;
	}
	
	.promo-land .btn-orange {
		padding-left:43px;
	}
	.promo-land .btn-orange.marketplace-btns {
		padding-left:15px;
		text-align: center;
	}
	
	.company .col-sm-6 .video-img {
		height: 141px;
	}
	
	.company .video-events .video {
		margin: 30px auto 0px;
	}

	.new-detail iframe {
		max-width:100%;
		height:auto;
		min-height:200px;
	}

}


@media (max-width: 319px) { 
	.wrapper {
		width:320px;
	}
}

@media (max-width: 1170px) { 
	.top .phone {
		background-position: left center;
	}
}
@media (max-width: 380px) { 
	.detail-btns .btn-orange {
		padding-left: 0!important;
		background-position: 16% center;
		text-align:center  !important;
		font-size: 18px !important;

	}
	
	.promo-land .btn-buy.marketplace-btns { 
		background-position: 75px center;
	} 

}

@media  (max-width: 767px) { 

	.article-detail img.align-center {
		margin-left: auto !important;
		margin-right: auto !important;
		display: block !important;
		float: none !important;
	}
	
	.article-body .numbers_list .image_block {
		//padding-left: calc(100% - 50px);
		width:100%;
		display: block;
		padding-left:0;
		text-align: center;
		height:auto;
		margin: 30px 0;
		
	}
	.dvs_land .black_block.videos.new-video-block .video-frame img:not(.button-play),
	.dvs_land .nanesenie_block .black_block img:not(.button-play)	{
		max-width:100%;
	}
	.ow-more-videos .video-action-title {
		min-height:20px;
		margin-bottom:20px;
	}
	
	.video-action .ow-more-videos .owl-nav {
	  margin-top: -25px;
	}	
			
	.example2 {
		width: calc(100% + 40px);
		margin-left: -20px;
	}
	
	.modengy-btitle  {
		margin-bottom:20px;	
	}
	
	.library_block {
		padding:0;
	} 
	
	.library_block .library_cat_list .library_cat{
		width: 100%;
	}
	
	.library_items_list .library_item{
		width: 100%;
		margin-bottom: 40px;
	}	 
	
	.cases-link-nostyle .case-title {
		min-height:20px;
	}
	
	.video-action .data-fancybox-rutube img:not(.button-play) {
		height: 50vw
	}	
	
}

@media  (max-width: 420px) {

	.slider_gif .example-title {
		margin-bottom:20px;
	}
	
	.slider_gif .example-title.visible-xs {
		min-height:10px;
	}
	.slider_gif .after:before,
	.case-detail-item .after:before {
		top:-68px;
		max-width:120px;
		left:10px !important; 
	} 
	.slider_gif .before:before,
	.case-detail-item .before:before {
		top:-68px;
		max-width:120px;	 	
	}	
	
	.slider_gif .after:after,
	.case-detail-item .after:after {
		left:10px !important;  		
	}	

	.case-detail-item .after:after,
	.case-detail-item .before:after {
		font-size:13px;
	}
	
}

@media  (max-width: 460px) {
	.special-subtitle {
		max-width:160px
	}
	.modengy-btitle {
		font-size:15px
	}
	.case .modengy-btitle {
	    font-size: 12px !important;
	}
	
}

@media  (max-width: 1199px) {
	.case-title {
		min-height:80px
	}
	
	.another-case .case-title{
		min-height:10px
	}
	
	

}
@media (min-width:994px) and (max-width: 1200px) { 
	.ru .case .modengy-btitle span:after {
		bottom:-40px;	
	}
	
	.ru .case.another-case .modengy-btitle span:after {
		bottom:-4px;
	}	
	
	.case.another-case .before, .case.another-case .after {
		height: auto !important;
	}
		
	.another-case .before img, .another-case .after img {
		max-width: 100%;
	}	
	
	.top.fixed .search-input {
		display: none
	}
	.top.fixed .search-top {
		width:auto
	}
}

@media  (max-width: 994px) {
 

	.case .modengy-btitle {
   		 font-size: 13px;
	}
	
	.example2 .before {
		margin-right:5%
	}
	
}	

@media (min-width: 768px)   and (max-width: 994px)  {
	.case-detail-item .col-md-7 {
		width:100%
	} 
}

@media (min-width:481px) and (max-width: 767px) { 
	.case .modengy-btitle span {
		font-size:16px;	
	}
	



}


@media (max-width: 768px)  {
	
	.case-detail-item .modengy-btitle {
		text-align: left; 
	}

	
	.example .modengy-btitle {
		text-align: left;
	}
	
	.show-all-video {
		position:static;
		margin-bottom:30px;
		max-width:560px;
		line-height: 1.2;		
	} 

}


@media (max-width:480px) {
	.show-all-video {
		font-size:12px;
		padding: 20px 30px 20px 20px;
		background-position: 92% center;
	} 

	header .soc-media {
		display: block !important	
	}
	
	header .soc-media img {
		width: 25px;
		margin-top:-2px;
		display: block;
	}
	
	.top .phone a {
		float: left;
		margin-right:5px;		
	}	
}


/* фиксированная мобильная шапка*/

@media (max-width:767px) {
	header .top.active .hidden-xs {
		display: block !important;
		width:auto
	}
	
	.video-news-action img {
		max-height: 595px;
	
	} 
	
	header .top.active .hidden-xs .fixed-logo {
		display: block	!important;
		width:161px;	
		margin-top: 0px;
		margin-left: 5px;		
	}
	
	header .top.active .socials,
	header .top.active .search-input	{
		display: none !important
	}
	
	header .top.active .logo-mobile {
		display: none;
	}	
		
	header .top.active  .mobile-icon,
	header .top.active .soc-media img	{
		margin-top: 1px;
	}
		
	header .top.active .search-top  {
		float: left;
		margin-left: -10px;		
		margin-top:-1px
	}	
	header .top.active .search-top .language {
		display: block !important;
		width:185px;
	}	
	
	.top.active .phone {	
		margin-top:4px;		
	}	
	
	.progress-block-5 .progress-title {
		padding-right:70px  !important;
	}	
	
	.service-detail .video-mini.video-mini-sert {
	  margin-top: 0;
	  float: none;
	  width: 240px;
	  margin-left: auto;
	  margin-right: auto;
	  margin-top: 30px;
	}	
}

@media (max-width:480px) {
	header .top.active .phone {
		width: 125px;
		float: right;
		margin-right: 15px;
		margin-top:-2px;
		margin-left:0;
		padding-right:0
	}
	
	header .top.active .hidden-xs .fixed-logo {
		width:105px;
		margin-top:0px;
	} 
	
	header .top.active .search-top .language {
		display: block !important;
		width:105px;
	}		
}



@media (max-width:340px) {
	header .top.active .phone {
		width: 63px;
		float: right;
		margin-right: 15px;
		margin-top:-2px;
		margin-left:0
	}
	
}

@media (min-width:481px) and (max-width:650px) {
	.top.active .mobile {
		display: none
	}
	
	.top.active .phone {
		width:85px;
		background: none;
		padding-left: 0;
		height: 25px;	
		margin-top:4px;		
	}
	.top.active .phone a {
		width: 25px;
		display: block;
	}	
	
	.top.active .mobile-icon {
		display: block;
	}
}

@media (max-width:768px) {
	div.title-search-result {
		left:0 !important;
		width:100% !important;
		border-radius:0px  !important;
		//margin-top:172px !important;
		padding: 0px !important;

	}
	
	body > .title-search-result {
		display: none !important
	}
	
	.mobile-search input[type="text"] {
		float: left;
		text-align: left
	}
	
	.search-cat a {
		color: #1a8cb1 !important;
		font-weight:00;
	}
	
	.title-search-place .title-search-result {
		position: relative !important;
		top:30px !important;
		border-radius: 6px !important;
		overflow: visible;
		float: none;
		clear: both;		
	}
	.title-search-place .title-search-result:after, .title-search-place .title-search-result:before {
		bottom: 100%;
		left: 30px;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
	}

	.title-search-place .title-search-result:after {
		border-color: rgba(255, 255, 255, 0);
		border-bottom-color: #fff;
		border-width: 7px;
		margin-left: -7px;
	}
	.title-search-place .title-search-result:before {
		border-color: rgba(255, 255, 255, 0);
		border-bottom-color: #fff;
		border-width: 7px;
		margin-left: -7px;
	}
	
	
	.search-cat {
		background: none
	}
	
	.live-search-catitle {
		font-size:16px;
	}
	
	.mobile-search-new {
		height:auto;
		min-height:50px;
		
	}
	
	.article-desc {
		max-height: unset;
		overflow: visible
	} 	
	
	.title-search-place .title-search-result{
		margin-bottom: 50px;
	}
	.live-search-desc {
		width: 100% !important
	}
	
	.live-search-articles .live-search-img, .live-search-articles .live-search-img img {
		width:84px !important;
		height:70px;
		background: #DFDFDF
	}
	
	.live-search-articles .live-search-img {
		overflow: hidden;
	}
	
	.live-search-articles .live-search-img,
	.live-search-articles .live-search-img img {
		max-width: 75px;
	}
	
	.live-search-img {
		width:75px;
	}
	
	.live-search-articles .live-search-res {
		font-size:15px;
	}
	
	.live-search-catalog .live-search-res {
		padding: 15px 40px 15px 0; 
	}
	
	.live-search-articles .live-search-res {
		padding-right:40px;
	}
	
	.search-cat {
		padding: 15px 0 15px 0;
		text-align: center
	}	
	
	.live-search-articles .live-search-res {
		line-height:1.27;
		height:70px; 
	}
	
	.live-search-articles .live-search-desc {
		height:70px;
		overflow: hidden
	}
	
	.live-search-articles .live-search-img {
		margin-right: 15px;
	}
	
	.search-cat {
		font-size: 14px;
	}	
	
	.live-search-catitle a {
		line-height: 1.33;
	}	
	
	.documents-row .col-xs-12 {
		padding:0;
	}
	
	.catalog-doc {
		margin-bottom:30px;
	}
	
	.live-search-desc .visible-xs {
		display: table-cell !important
	}
	
	.live-search-desc .hidden-xs {
		display: none  !important
	}
		
	.catalog-right iframe {
		padding:25px 20px;
	}
	.slider_gif .col-md-7 {
		margin-left:0;
		height:auto;
		background: transparent
	}
	
	.slider_gif .col-md-7:before {
		display: none
	}
	
	.slider_gif .example-text {
		padding-left:0
	}	
	
	/* новый дизайн товара*/
	
	.catalog-newdes .newdes-img {
		float: none;
		width:100%;
	}
	
	.catalog-newdes .visible-xs .packages-new {
		margin-top:20px;
		margin-bottom:0
	}
		
	.catalog-newdes  .visible-xs .pack-new {
		padding: 4px 12px;	
		margin-right:5px;
		cursor:pointer 
	}

	.catalog-newdes  .visible-xs .pack-new .pack-new-name {
		margin-top:0;
		font-size: 13px;
		font-weight: 600;
	}
	
	.catalog-newdes  .visible-xs  .pack-new.active,
	.catalog-newdes  .visible-xs  .pack-new:hover {
		border-radius: 8px;
		border: solid 3px #ffc948;
	}
	
	.catalog-newdes .newdes-img img {
		max-height:280px;
		width: auto
	}	
	
	.catalog-newdes .visible-xs .pack-new {
		padding: 4px 10px;
		margin-right: 1px;
	}
	
	.index-catalog-4 {
		display: block;
		left:0;
		right:auto;
		width:110px !important;
		margin-top:18px;
	}	
	
	.index-catalog-1 {
		display: block !important;
		margin-top: -171px;
		width: 88px !important;
		left: auto;
		right: 10%;		
	}
		
	.index-catalog-2 {
		display: block !important;
		margin-top: -111px;
		width: 100px !important;
		left: auto;
		right: 20%;		
	}
	
	.index-catalog-3 {
		display: block !important;
		margin-top: -75px;
		width: 48px !important;
		left: auto;
		right: 52%;	
	}
	
	
	/* другие применения в портфолио*/  
	
	.another-case .before img, .another-case .after img {
		max-width: 100%;
	}	
	
	.another-case {
		margin-top:30px;
		margin-bottom:30px;
	}
	
	.another-case .case-title {
		font-size: 20px;
		font-weight: 900;
		height: auto;
		min-height:30px;
		margin-bottom: 30px;
	}	
	 

	.another-cases-all {
		margin-bottom: 0px !important;
	}
	/* фильтр в портфолио */

	.portfolio-h1 {
		float: none  !important;
		margin-bottom:80px !important;
	}	
	
	.case-filter {
		width:100%;
		max-width:560px;
		left:0;
		right:auto;
		margin-top:0;
		top:-65px
	}
	.another-cases-all {
		width: calc(100% + 30px);
		margin-left:-15px;
	}
	
	.another-cases-all  .another-case {
		margin-top: 15px;
		margin-bottom: 25px;
	}
	.another-cases-all .another-case  {
		max-width:100%
	}
		
	.another-cases-all .owl-nav button.owl-next {
		background-image: url(/images/right2.png) !important;
		background-size: 50px 50px !important;
		right: -5px
	}	
	
	.another-cases-all .owl-nav button.owl-prev {
		background-image: url(/images/left2.png) !important;
		background-size: 50px 50px !important;
		left: -5px !important;
	}	
		
	/* точка входа */
	
	.point-in .slider img.visible-xs {
		width: 100%;
		margin-bottom: 10px;
		max-width: 340px;
		margin-left: auto;
		margin-right: auto;
		animation-duration: 0.8s;
		animation-delay: 1.4s;	
	}
		
	.point-in .slider .btn-orange {
		float: none;
		margin-left: 0;
		font-weight: 700;
		font-size: 17px;
		height: 65px;
		animation-duration: 0.8s;
		animation-delay: 2.6s;
		width: 100%;
		margin-top: 10px;
		max-width: 320px;
		margin-left: auto;
		margin-right: auto;
		display: block;		
	}	
	
	.point-in .slider .btn {
		max-width: 320px;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
	
	.point-in .tehno-mats img {
		max-width: 86px;
	}
	
	.point-in .tehno-text {
		margin-top: 40px;
		margin-bottom:-20px;
	}	
	
	.point-in .service-item {
		padding: 35px 30px 35px;
	}
	
	.point-in .services-index-new {
		margin-bottom: 30px;
	}
	
	.point-in .btn-portfolio {
		margin-bottom: 30px;
	}
	
	.point-in .slider h1 {
		margin-bottom: 30px;
	}
	
	.index-bottom-new .btn {
		max-width: 285px;
		font-size:17px;
	}
	
	.point-in .slider {
		padding-top:25px;
	}	
	
	.point-in .slider .mobile-button-readmore{
	 	padding-bottom: 35px;
 	}
 	.point-in .slider .btn{
	 	color: #333;
 	}
 	.point-in .slider a.mobile-button-readmore:hover{
	 	text-decoration: none;
 	}
 	.point-in .slider .slider-text{
		background-color: rgba(217, 217, 217, 0.25);
		padding: 44px 20px;
		margin: 0px -20px;
	}
	.point-in .slider .slider-text .sdtxt{
		text-align: center;
	}
	.point-in .slider .slider-text .sdtxt span{
		font-weight: bold;
	}	
	
	.article-desc {
		max-height: unset;
		overflow: visible
	} 
} 


@media  (min-width:994px) and (max-width:1199px) {

	.slider_gif .example-img-cont {
		right: -65% !important;
	}	
	 
	.ex-text {
		margin-left: 183px;
	}	
	
	.index-catalog-1 {
		left:55px;
	}
	
	.index-catalog-2 {
		left:5px;
	}
	
	.index-catalog-3 {
		left:-37px;
	}
	
}

@media  (min-width:768px) and (max-width:993px) {
	.ex-text {
		margin-left: 105px;
	}	
	
	.index-catalog-1 {
		width: 100px !important;
		margin-top: 115px;
		left: -26px;
		z-index: 3;
		display: block !important;
	}	
	
	.index-catalog-2 {
		width: 119px !important;
		margin-top: 172px;
		left: -74px;
		z-index: 2;
		display: block !important;
	}	
	.index-catalog-4 {
		display: none
	}
	
}

@media  (max-width:399px) {
	.contacts_form .btn-orange.no-hover {
		font-size:17px;
		margin-top:0;
	}
} 


@media  (min-width:768px) and (max-width: 1199px) {
	.slider_gif .slick-next {	
		right:-20px
	}
}	




@media (max-width:375px) {
	.tatoil-btn {
		min-width: 100%;
		max-width: 100%;	
		padding: 15px;	
	}
	
	header .soc-media-vk {
		display: none !important
	}
	
	header .top.active .phone {
		width:95px
	}
}


@media (max-width:350px)  {
	header .top.active .soc-media {
		display: none !important
	}	
	
	 header .top.active .phone {
		width: 65px;
	  }	
}