.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%;
	}

	.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%;
		border-bottom: none;
	}
	.header-mobile-top {
		width:100%;
		height: 60px;
		position: fixed;
		top:0;
		left:0;
		min-width: 320px;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		z-index: 10000;
		box-shadow: 0px 5px 5px rgb(0 0 0 / 30%);
		background-color: #fff;
	}
	#header-menu-trigger {
		display: block;
		align-items: center;
		justify-content: space-between;
		/* width: 96%; */
		margin: 0 5px 0 5px;
		padding: 5px;
		/* background-color: #e2dbc5; */
		text-decoration: none;
	}
	.header-mobile-top-logo {
		width: 40px;
		flex-basis: 40px;
		padding: 0;
		margin: 0 10px 0 0;
	}
	.header-mobile-top-logo img {
		width: 100%;
		height: auto;
	}
	.header-mobile-top-phones {
		/**/
	}
	.header-mobile-top-phones a {
		font-size: 13px;
		line-height: 19px;
		font-family: "Ubuntu-bold";
		text-decoration: none;
		color:#000000;
	}
	.header-mobile-top-phones span {
		font-size: 13px;
		font-weight: 400;
		line-height: 1.2;
		color: #b1b4b8;
	}


	.header-mobile-main {
		width: 100%;
		padding: 5px 0;
		margin: 70px auto 0 auto;
		-webkit-box-shadow: 0px 5px 8px 2px rgba(34, 60, 80, 0.06);
		-moz-box-shadow: 0px 5px 8px 2px rgba(34, 60, 80, 0.06);
		box-shadow: 0px 5px 8px 2px rgba(34, 60, 80, 0.06);
	}
	.header-mobile-main img {
		display: block;
		padding: 0;
		margin: 0 auto;
		width: 92%;
	}

	/* quality-on-main-mobile */
	#quality-on-main-mobile {
		width: 100%;
		font-family: "Ubuntu-bold";
		display: flex;
		align-items: center;
		justify-content: center;
	}
	#quality-on-main-mobile h2 {
		padding: 25px 0;
		margin: 0;
		color: #020202;
		font-size: 21px;
		line-height: 30px;
		font-weight: normal;
		text-align: center;
		font-family: "Ubuntu-bold";
	}

	/* alert-on-main */
	#alert-on-main {
		width: 94%;
		padding: 0;
		margin: 0 auto;
	}
	#alert-on-main img {
		display: none;
	}

	/* #call-on-main */
	#call-on-main {
		width: 94%;
		padding: 20px 0 0 0;
		margin: 0 auto;
		flex-wrap: wrap;
	}
	.mainSwiper .swiper-slide span {
		display:flex;
		align-items:center;
		justify-content:flex-start;
		padding: 0px 0 0px 0;
		font-size: 13px;
		height:50px;
	}
	#call-on-main-form {
		width: 100%;
		flex-basis: 100%;
		padding: 20px 0 0 0;
		margin: 0 0 0 0px;
		font-family: "Ubuntu";
	}

	/* #city-on-main */
	#city-on-main {
		width: 94%;
		padding: 0 0 20px 0;
		margin: 0 auto;
	}
	#city-on-main h5 {
		margin: 0;
		padding: 20px 0 10px 0;
	}
	#city-on-main-container img {
		margin: 0 0 0 10px;
	}

	/* #opt-on-main */
	#opt-on-main {
		width: 94%;
		margin: 0 auto;
	}
	#opt-on-main div {
		flex-wrap: wrap;
	}
	#opt-on-main div ul {
		width: 100%;
		flex-basis: 100%;
	}
	#opt-on-main div img {
		width: auto;
		max-width: 100%;
		flex-basis: auto;
	}

	/* pena-on-main */
	#pena-on-main {
		width: 94%;
		padding: 10px 0px 35px 0px;
	}
	#pena-on-main div {
		flex-wrap: wrap;
	}
	#pena-on-main div p {
		width: 100%;
		flex-basis: 100%;
		padding: 20px 0;
		order:2;
	}
	#pena-on-main div p a {
		width: 100%;
	}
	#pena-on-main div a {
		width: 300px;
		flex-basis: 300px;
		margin: 0 auto;
		order:1;
	}
	#pena-on-main div a img {
		display: block;
		width: 100%;
		padding: 0;
		margin: 0 auto;
	}
	#pena-on-main h4 {
		padding: 0;
	}
	
	/* mainSwiper */
	#main-swiper-container {
		margin:0px 0 0 0;
		padding: 0;
		width: 100%;
	}
	.mainSwiper {
		width: 100%;
		margin:0px 0 0 0;
	}

	/* #staff-on-main */
	#staff-on-main {
		width: 94%;
	}
	#main-inner-goback {
		width: 94%;
		padding:10px 0;
	}
	#main.main-inner {
		width: 94%;
		padding: 20px 0;
		margin: 0 auto;		
	}
	#inner-page-cena .inner-page-flex-start {
		flex-wrap: wrap;
	}
	#inner-page-cena #inner-page-cena-img-1 {
		max-width: 100%;
		margin: 0 auto;
	}
	#inner-page-cena div {
		width: 100%;
		flex-basis: 100%;
	}
	#inner-page-cena .inner-page-flex-between {
		flex-wrap: wrap;
	}
	#inner-page-cena .inner-page-flex-between div {
		width: 100%;
		flex-basis: 100%;
	}
	#inner-page-cena-img-2 {
		max-width: 100%;
		margin: 10px auto;
	}
	#inner-page-primenenie-pic-1 {
		margin: 0 auto;
		padding: 0;
		max-width: 100%;
		float: none;
		display: block;
	}
	.mobile-scroller {
		width: 100%;
		overflow-x: scroll;
		padding:10px 0;
	}
	#main.main-inner table {
		font-size: 13px;
		line-height: normal;
	}
	#main.main-inner table td {
		width: auto;
		padding:3px;
		margin: 0;
	}
	#inner-page-msds-block-1 p {
		font-size: 13px;
		line-height: normal;
	}
	#inner-page-msds-block-7 p {
		font-size: 13px;
		line-height: normal;
	}
	.inner-page-msds-block-8 p {
		font-size: 13px;
		line-height: normal;
	}
	.inner-page-msds-block-8 p span:last-child,
	.inner-page-msds-block-8 p span:last-child {
		width: 49%;
		flex-basis: 49%;
	}
	/* footer */
	
	/* catalog-menu-mobile */
	.catalog-menu-mobile {
		display: none;
		/* overflow: hidden; */
		width:100%;
		height: 100%;
		position: fixed;
		top:0;
		left:0;
		min-width: 350px;
		background-color: #ffffff;
		z-index: 10000;
		-webkit-box-shadow: 0px 0px 8px 0px rgba(34, 60, 80, 0.2) inset;
		-moz-box-shadow: 0px 0px 8px 0px rgba(34, 60, 80, 0.2) inset;
		box-shadow: 0px 0px 8px 0px rgba(34, 60, 80, 0.2) inset;
	}
	.catalog-menu-mobile-wrap {
		position: relative;
		font-family: "Ubuntu";
	}
	.catalog-menu-mobile-close {
		position: absolute;
		top:10px;
		right:10px;
	}
	.catalog-menu-mobile-block {
		width: 90%;
		padding: 10px 0;
		margin: 0 auto;
	}
	.catalog-menu-mobile-wrap h2 {
		font-family: "Ubuntu";
		margin: 0;
		padding: 20px 0;
		color: #020202;
		font-size: 21px;
		line-height: 30px;
		font-weight: normal;
	}
	.catalog-menu-mobile-wrap ul {
		margin: 0 auto;
		padding:20px 0;
	}
	.catalog-menu-mobile-wrap ul li {
		margin: 0;
		padding: 10px 0;
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}
	.catalog-menu-mobile-wrap ul li a {
		text-decoration: none;
	}
	.catalog-menu-mobile-wrap ul li::before {
		content: "•";
		padding:0 10px 0 0;
	}
	/* ============================================================== */
}

@media screen and (max-width: 1100px) {

}

@media screen and (max-width: 1000px) {

}

@media screen and (max-width: 900px) {
	
}

@media screen and (max-width: 800px) {

}

@media screen and (max-width: 700px) {

}	

@media screen and (max-width: 600px) {
	
}

@media screen and (max-width: 500px) {

}

@media screen and (max-width: 400px) {
    
}