.desktop-image {
	display: inline!important;
}
.mobile-image {
	display: none!important;
}
.desktop-block {
	display: block!important;
}
.mobile-block {
	display: none!important;
}
.desktop-flex {
	display: flex!important;
}
.mobile-flex {
	display: none!important;
}
#header-menu-trigger {
	display: none;
}
.catalog-menu-mobile {
	display: none;
}

@media screen and (max-width: 1200px) {
    
	html,
	body {
		padding:0;
		width:100%;
	}

	body.no-scroll {
		height: 100%;
		overflow: hidden;
	}
	.desktop-image {
		display: none!important;
	}
	.mobile-image {
		display: inline!important;
	}

	.desktop-block {
		display: none!important;
	}
	.mobile-block {
		display: block!important;
	}

	.desktop-flex {
		display: none!important;
	}
	.mobile-flex {
		display: flex!important;
	}
	
    /* ----- header ----- */
	header {
		/* height:95px; */
		width:100%;
		position: fixed;
		top: 0;
		left: 0;
		min-width: 350px;
		z-index: 2;
		margin: 0;
		padding: 0 0 3px 0;
		background: #fafafa;
		background: linear-gradient(90deg,rgba(250, 250, 250, 0.8) 20%, rgba(247, 247, 247, 0.8) 80%);	
		-webkit-box-shadow: 0px 0px 20px 4px rgba(34, 60, 80, 0.22);
		-moz-box-shadow: 0px 0px 20px 4px rgba(34, 60, 80, 0.22);
		box-shadow: 0px 0px 20px 4px rgba(34, 60, 80, 0.22);	
	}
	#header-main {
		width: 96%;
		height: 90px;
		padding: 0 2%;
		margin: 0 auto;
		display: flex;
		align-items: center;
		justify-content: space-between;
		background: url("/themes/default/images/header-mobile-1x.jpg") no-repeat 50% 30%;
		background-size: 1200px;		
	}
	#header-logo {
		width: 100px;
		flex-basis: 100px;
		padding: 0;
		margin: 0 0;
	}
	.header-logo-word {
		position: absolute;
		top: 64%;
		left: 0;
		width: 100%;
		font-size: 14px;
	}	
	#header-menu-trigger,
	#header-find-trigger,
	#header-phone-trigger {
		display: flex!important;
		align-items: center;
		justify-content: center;
		margin: 0 10px 0 0;
		padding: 5px;
		/* background: #3395e4; */
		background: #00D4FF;
		background: radial-gradient(circle,rgba(0, 212, 255, 1) 0%, rgba(9, 9, 121, 1) 100%);		
		text-decoration: none;
		/* border:2px dashed #5a81c2; */
		-webkit-box-shadow: 0px 0px 8px 0px rgba(34, 60, 80, 0.2);
		-moz-box-shadow: 0px 0px 8px 0px rgba(34, 60, 80, 0.2);
		box-shadow: 0px 0px 8px 0px rgba(34, 60, 80, 0.2);
		border:2px solid #ffffff;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-ms-border-radius: 5px;
		-o-border-radius: 5px;
	}
	#header-menu-trigger .material-icons {
		color:#ffffff;
		font-size: 25px;
	}
	#header-find-trigger {
		display: none!important;
		color:#ffffff;
		background: #60b4f8;
		background: linear-gradient(265deg,rgba(2, 0, 36, 1) 0%, rgba(9, 9, 121, 1) 15%, rgba(0, 212, 255, 1) 100%);		
	}
	#header-find-trigger.active,
	#header-phone-trigger.active {
		border:2px solid #7be9f7;
	}
	#header-phone-trigger {
		display: none!important;
		background: #60b4f8;
		background: linear-gradient(90deg,rgba(2, 0, 36, 1) 0%, rgba(9, 9, 121, 1) 15%, rgba(0, 212, 255, 1) 100%);
		color:#60b4f8;
		border:2px solid #ffffff;
	}
	#header-find-trigger {
		margin: 0 10px 0 auto;
		padding: 5px;		
	}
	#header-find-trigger .material-icons,
	#header-phone-trigger .material-icons {
		color:#ffffff;
		font-size: 25px;
	}	
	#header-phone-trigger .material-icons {
		color:#ffffff;
		font-size: 25px;
	}
	#header-phone,
	#header-email {
		width: auto;
		flex-basis: auto;
		height: 40px;
		padding: 0 15px;
		margin: 0;
		background-color: #ffffffd5;
		border-radius: 20px;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		-ms-border-radius: 20px;
		-o-border-radius: 20px;
	}
	#header-call {
		height: 36px;
		width: 200px;
		flex-basis: 200px;
		font-size: 12px;		
		border: 2px solid #ffffff;
		background-color: #3495e4bb;
		font-family: "inter-medium";
	}
	#header-call span {
		display: none;
	}
	#header-find {
		position: absolute;
		top: 95px;
		right: 0;
		margin: 0;
		padding: 5px;
		display: block;
		width: 300px;
		flex-basis: 300px;
		background: #ffffffda;
		border:none;
		border-radius: 20px 0 0 20px;
		-webkit-border-radius: 20px 0 0 20px;
		-moz-border-radius: 20px 0 0 20px;
		-ms-border-radius: 20px 0 0 20px;
		-o-border-radius: 20px 0 0 20px;
		-webkit-box-shadow: 0px 0px 20px 4px rgba(34, 60, 80, 0.22);
		-moz-box-shadow: 0px 0px 20px 4px rgba(34, 60, 80, 0.22);
		box-shadow: 0px 0px 20px 4px rgba(34, 60, 80, 0.22);
		transform: translate(200%, 0);
		-webkit-transform: translate(200%, 0);
		-moz-transform: translate(200%, 0);
		-ms-transform: translate(200%, 0);
		-o-transform: translate(200%, 0);
		transition: all 500ms ease-in;
		-webkit-transition: all 500ms ease-in;
		-moz-transition: all 500ms ease-in;
		-ms-transition: all 500ms ease-in;
		-o-transition: all 500ms ease-in;
	}
	#header-find.active {
		transition: all 500ms ease-in;
		-webkit-transition: all 500ms ease-in;
		-moz-transition: all 500ms ease-in;
		-ms-transition: all 500ms ease-in;
		-o-transition: all 500ms ease-in;		
		transform: translate(0%, 0);
		-webkit-transform: translate(0%, 0);
		-moz-transform: translate(0%, 0);
		-ms-transform: translate(0%, 0);
		-o-transform: translate(0%, 0);
	}
	#header-find form,
	#feader-find form:hover {
		-webkit-box-shadow: none!important;
		-moz-box-shadow: none!important;
		box-shadow: none!important;		
	}
	#header-find-close {
		display: flex!important;
		text-decoration: none;
	}
	#header-find-close span {
		color:#118EF5;
		font-size: 26px;
	}
	.main-swiper-block-info h3 {
		padding: 10px 10px;
		margin: 0px 20px;
		font-size: 28px;
		background-color: #307ae99c;
		text-shadow: none;
		border-radius: 20px;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		-ms-border-radius: 20px;
		-o-border-radius: 20px;
	}
	.main-swiper-block-info.active h3 {
		/**//**//**/
		background-color: #ffffffd2;
	}	
	.main-swiper-block {
		padding: 3px 0px;
		margin: 0;
		background: #fafafa;
		background: linear-gradient(90deg,rgba(250, 250, 250, 0.8) 20%, rgba(247, 247, 247, 0.8) 80%);	
		-webkit-box-shadow: 0px 0px 20px 4px rgba(34, 60, 80, 0.22);
		-moz-box-shadow: 0px 0px 20px 4px rgba(34, 60, 80, 0.22);
		box-shadow: 0px 0px 20px 4px rgba(34, 60, 80, 0.22);		
	}
	#about-on-main-text h2,
	#about-on-main-text h3,
	#product-on-main h3,
	#clients-on-main h3,
	#advantages-on-main h2 {
		margin: 0px 0px 0px 0px;
		padding: 30px 0px 30px 0px;
		font-size: 20px;
  		color: #118ef5;
  		line-height: 30px;	
		font-family: "inter-medium";
		text-align: center;	
	}
	#main.main_2 .tetext h1,
	.catalog_all_cats_title {
		font-size: 20px;
  		color: #118ef5;
  		line-height: 30px;	
		font-family: "inter-medium";
		text-align: center;			
	}
	#about-on-main-text {
		padding: 0 0 15px 0;
		margin: 0 0 0 0;
	}
	#about-on-main-text p {
		margin: 0px 0px 0px 0px;
		padding: 7px 0px 10px 0px;
	}
	#car-on-main {
		padding: 3px 0px;
		margin: 0;
		background: #fafafa;
		background: linear-gradient(90deg,rgba(250, 250, 250, 0.8) 20%, rgba(247, 247, 247, 0.8) 80%);	
		-webkit-box-shadow: 0px 0px 20px 4px rgba(34, 60, 80, 0.22);
		-moz-box-shadow: 0px 0px 20px 4px rgba(34, 60, 80, 0.22);
		box-shadow: 0px 0px 20px 4px rgba(34, 60, 80, 0.22);			
	}
	.swiper-product-button-prev,
	.swiper-client-button-prev {
		left: 10px;
		padding: 10px;
		margin: 0px;
		background-color: #ffffff;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-ms-border-radius: 5px;
		-o-border-radius: 5px;
	}
	.swiper-product-button-next,
	.swiper-client-button-next {	
		right: 10px;
		padding: 10px;
		margin: 0px;
		background-color: #ffffff;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-ms-border-radius: 5px;
		-o-border-radius: 5px;		
	}
	#question-on-main {
		padding: 0px 0px;
		margin: 20px 0px;
		height: auto;
		background: #118EF5;
		background: linear-gradient(90deg,rgba(17, 142, 245, 0.8) 20%, rgba(255, 255, 255, 0.8) 80%);
		-webkit-box-shadow: 0px 0px 20px 4px rgba(34, 60, 80, 0.22);
		-moz-box-shadow: 0px 0px 20px 4px rgba(34, 60, 80, 0.22);
		box-shadow: 0px 0px 20px 4px rgba(34, 60, 80, 0.22);	
	}
	#question-on-main-container {
		height: auto;
	}
	#question-on-main h3 {
		font-family: "inter-regular";
		font-size: 20px;
	}
	#question-on-main form {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		flex-wrap: wrap;
		margin: 0;
		padding: 0 25px;
	}
	#question-on-main-fields {
		width: 100%;
		flex-basis: 100%;
		margin: 0 0 0 0;
		padding: 0px 0px 20px 0px;
	}	
	.question-on-main-field-small,
	.question-on-main-field-med {
  		width: 30%;
  		flex-basis: 30%;
	}
	#question-on-main-alert {
		width: 100%;
		text-align: center;
		font-size: 13px;
	}
	#question-on-main-button {
		width: 100%;
		flex-basis: 100%;
		padding: 0 0 30px 0;
		margin: 0 0 0 0;
	}
	#question-on-main-button a {
		width: 200px;
		flex-basis: 200px;
		padding: 0;
		margin: 0 auto;
	}
	question-on-main-field input[type=text],
	.question-on-main-field textarea {
		font-size: 14px;
	}
	.question-on-main-field input[type=text]::placeholder,
	.question-on-main-field textarea::placeholder {
		font-size: 14px;
	}
	footer {
		height: auto;
		background: #000000 url("/themes/default/images/footer-1x.jpg") no-repeat 50% 0%;		
	}
	#footer-menu {
		height: auto;
		flex-wrap: wrap;
		/**//**//**/
	}
	.footer-menu-block-1, 
	.footer-menu-block-2, 
	.footer-menu-block-3 {
		padding: 0px 0px;
		margin: 0px 10px;
	}
	.footer-menu-block h3 {
		margin: 0;
		padding: 30px 0px 10px 0px;
		font-family: "inter-medium";
	}
	.footer-menu-block ul li a {
		padding: 8px 0px;
		margin: 0 0 0 0;
	}
	#footer-law {
		width: 100%;
		padding: 40px 0px;
		margin: 0px auto;
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	#footer-law div {
		margin: 0px auto 0px auto;
		padding: 10px 10px;	
	}
	.footer-menu-block-3 ul {
		padding: 0;
		margin: 0px 0 0 0;
	}
	#power-on-main {
		width: 100%;
		padding: 100px 0 0 0;
		margin: 0 0 0 0;
	}
	#about-on-main-info ul {
		padding: 10px 0 10px 0;
		margin: 20px 0 0 0;
		flex-wrap: wrap;
	}
	#about-on-main-info ul li {
    	width: 260px;
    	flex-basis: 260px;
		padding: 0px 0px;
		margin: 20px 10px;
	}
	#about-on-main-info ul li img {
		display: block;
		padding: 0;
		margin: 0;
		width: 70px;
		height: auto;
	}	
	#about-on-main-info ul li span {
    	font-size: 18px;
		line-height: 20.5px;
  	}	
	#advantages-on-main-container {
		/**//**//**//**/
	}
	#advantages-on-main-container ul {
		flex-wrap: wrap;
		justify-content: space-around;
	}
	#advantages-on-main-container ul li {
		width: 280px;
		flex-basis: 280px;
		padding: 0;
		margin: 0 10px 20px 10px;
	}
	#advantages-on-main-container ul li.grey-line {
		display: none;
	}
	#advantages-on-main-container ul li img {
		width: 70px;
		margin: 20px auto 25px auto;
	}
	#advantages-on-main-container ul li h3 {
		font-size: 18px;
	}
	#header-menu {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 3;
	}
	#header-menu.active {
		display: block!important;
	}
	#header-menu-container {
		position: relative;
		width: 100%;
		height: 100%;
		overflow: hidden;
	}
	#header-menu-close {
		display: flex!important;
		position: absolute;
		top: 10px;
		right: 10px;
		text-decoration: none;
	}
	#header-menu-close span {
		color:#ffffff;
		font-size: 25px;
	}
	#header-menu ul#header-menu-ul {
		width: 70%;
		height: auto;
		margin: 40px auto;
		padding: 20px 10%;
		display: block;
		background: #ffffff;
		border-radius: 20px;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		-ms-border-radius: 20px;
		-o-border-radius: 20px;
	}
	#header-menu ul li {
		border-bottom: 1px dashed #118ef5;
	}
	#header-menu ul li:last-child {
		border: none;;
	}
	#header-menu ul li a {
		display: block;
  		padding: 15px 0px;
  		margin: 0px 0px;
		color:#118ef5;
		font-family: "inter-regular";
		font-weight: normal;
		font-size: 17px;
	}
	/* ======================================================= */

	/**/
	#main.main-inner {
		width: 96%;
		margin: 0 auto;
		padding:110px 2% 20px 2%;
	}
	.catalog-photos-area {
		width: 100%;
		flex-basis: 100%;
		max-width: 600px;
		margin: 0 auto;
		padding: 0 0 30px 0;
	}
	.catalog-description {
		width: 100%;
		flex-basis: 100%;
		padding: 0;
		margin: 0 auto;
	}
}

@media screen and (max-width: 1100px) {
	/**//**/
}

@media screen and (max-width: 1000px) {
	/**//**/
	#question-on-main form {
		max-width: 600px;
		margin: 0 auto;
	}
	.question-on-main-field-small, 
	.question-on-main-field-med {
		width: 100%;
		flex-basis: 100%;
	}
}

@media screen and (max-width: 900px) {
	/**//**/
	#header-phone,
	#header-call,
	#header-email {
		display: none;
	}
	#header-main {
		justify-content: flex-start;
	}
	#header-find-trigger,
	#header-phone-trigger {
		display: flex!important;
	}
	#header-phone-panel-mobile {
		display: flex!important;
		align-items: center;
		justify-content: space-around;
		position: absolute;
		right: 0;
		top: 95px;
		width: 300px;
		height: auto;
		margin: 0;
		padding: 5px;
		background: #ffffffd2;
		border-radius: 20px 0 0 20px;
		-webkit-border-radius: 20px 0 0 20px;
		-moz-border-radius: 20px 0 0 20px;
		-ms-border-radius: 20px 0 0 20px;
		-o-border-radius: 20px 0 0 20px;
		-webkit-box-shadow: 0px 0px 20px 4px rgba(34, 60, 80, 0.22);
		-moz-box-shadow: 0px 0px 20px 4px rgba(34, 60, 80, 0.22);
		box-shadow: 0px 0px 20px 4px rgba(34, 60, 80, 0.22);
		transform: translate(200%, 0);
		-webkit-transform: translate(200%, 0);
		-moz-transform: translate(200%, 0);
		-ms-transform: translate(200%, 0);
		-o-transform: translate(200%, 0);
		transition: all 500ms ease-in;
		-webkit-transition: all 500ms ease-in;
		-moz-transition: all 500ms ease-in;
		-ms-transition: all 500ms ease-in;
		-o-transition: all 500ms ease-in;			
	}
	#header-phone-panel-mobile.active {
		display: flex!important;
		transform: translate(0%, 0);
		-webkit-transform: translate(0%, 0);
		-moz-transform: translate(0%, 0);
		-ms-transform: translate(0%, 0);
		-o-transform: translate(0%, 0);
		transition: all 500ms ease-in;
		-webkit-transition: all 500ms ease-in;
		-moz-transition: all 500ms ease-in;
		-ms-transition: all 500ms ease-in;
		-o-transition: all 500ms ease-in;
	}
	#header-phone-panel-mobile-container {
		width: 80%;
		flex-basis: 80%;
		padding: 0;
		margin: 0;
	}
	#header-phone-mobile,
	#header-email-mobile {
		width: 100%;
		padding: 0;
		margin: 0;
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}
	#header-phone-mobile img,
	#header-email-mobile img {
		width: 30px;
		flex-basis: 30px;
		padding: 0;
		margin: 0 10px;
	}
	#header-phone-mobile a,
	#header-email-mobile a {
		text-decoration: none;
		color:#118EF5;
	}
	#header-phone-mobile a span,
	#header-email-mobile a span {
		color:#000000;
	}
	#header-phone-close {
		color: #118EF5;
    	font-size: 26px;		
	}
}

@media screen and (max-width: 800px) {
	/**//**/
}

@media screen and (max-width: 700px) {
	/**//**/
	.main-swiper-block-info h3 {
		font-size: 15px;
	}
	.catalog-list {
		width: 100%;
		padding: 0;
		margin: 0;
		display: flex;
		align-items: flex-start;
		justify-content: space-around;
		flex-wrap: wrap;
	}	
	.news-cat-list-block {
		flex-wrap: wrap;
		width: 90%;
  		margin: 0px auto 20px auto;
  		padding: 10px 4%;
	}
	.news-cat-list-block-img {
		width: 300px;
		padding: 20px 0px;
		margin: 0 auto;
	}
	.news-cat-list-block-intro {
		width: 100%;
		flex-basis: 100%;
	}	
}	

@media screen and (max-width: 600px) {
	/**//**/
	#header-main {
		display: flex;
    	align-items: center;
    	justify-content: flex-start;
		background: url("/themes/default/images/header-mobile-1x.jpg") no-repeat 0% 20%;
		background-size: 600px;
	}	
}

@media screen and (max-width: 500px) {
	/**//**/
}

@media screen and (max-width: 400px) {
	/**//**/
	.main-swiper-block-info h3 {
		font-size: 13px;
    	font-family: "inter-medium";
	}
}