.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;
}
#header-catalog-btn-mobile {
	display: none;
}
.menu-close-btn-mobile {
	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-search-mobile {
		display: block;
	}
	.menu-close-btn-mobile {
		display: block;
	}
    /* ----- header ----- */
	header {
		/* height:95px; */
		width:100%;
		position: fixed;
		top:0;
		left:0;
		min-width: 350px;
		z-index: 10000;
		box-shadow: 0px 5px 5px rgb(0 0 0 / 30%);
		background: #ffffff;
		/* border-top: 3px solid #387eb2; */
	}
	#header-top-mobile {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 96%;
		margin: 0;
		padding: 3px 2%;
		font-size: 11px;
		background-color: #387eb2;
		color:#ffffff;
	}
	#header-top-mobile .header-contacts-block {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		margin: 0;
		padding: 0px 0;
	}
	#header-top-mobile .header-contacts-block .material-icons, 
	#header-top-mobile .header-contacts-block .material-icons-outlined {
		font-size: 17px;
		color: #fff;
	}
	#header-top-mobile .header-contacts-block a {
		display: block;
		padding: 0;
		margin: 0 0 0 5px;
		text-decoration: none;
		font-size: 11px;
		color: #fff;
	}


	#header-main {
		width: 96%;
		height: 80px;
		padding: 0 0;
		margin: 0 auto;
		background: none;
		justify-content: flex-start;
	}

	#header-menu-trigger {
		display: block;
		align-items: center;
		justify-content: space-between;
		margin: 0 10px 0 0;
		padding: 5px;
		background-color: #387eb2;
		color:#ffffff;
		text-decoration: none;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-ms-border-radius: 5px;
		-o-border-radius: 5px;
	}
	#header-menu-trigger span {
		margin: 0;
	}
	.header-logo {
		width: 120px;
		flex-basis: 120px;
		padding: 0px 0px 0px 10px;
		margin: 0 auto 0 0;
		border-left:2px solid #387eb2;
	}
.header-logo img {
	width: auto;
	height: 80px;
	margin: 0;
}
	#search_top {
		display: none;
	}
	#header-call {
		margin: 0px 10px 0px 10px;
	}
	#header-contacts {
		display: none;
	}
	
	/* header-menu */
	#header-menu {
		display: none;
	}

	/* welcome-on-main */
	#welcome-on-main {
		width: 96%;
		padding: 110px 0px 10px 0px;
		margin: 0 auto;
		display: flex;
		align-items: center;
  		justify-content: flex-start;
		flex-wrap: wrap;
	}
	#main-swiper-container {
		width: 600px;
		flex-basis: 600px;
		padding: 5px 0 30px 0;
		margin: 0 auto;
		border-top:4px solid #387eb2;
	}
	#welcome-on-main .mainSwiper .swiper-pagination {
		bottom: 10px;
	}
	#welcome-on-main-intro {
		width: 100%;
		flex-basis: 100%;
		margin: 0;
  		padding: 0 0 0 0;
  		text-align: left;
	}
	#welcome-on-main-intro h3 {
		font-weight: normal;
		font-size: 20px;
		padding: 0;
		margin: 0;
		letter-spacing: normal;
		text-align: center;
	}
	#welcome-on-main-intro p {
		display: block;
		padding: 0;
		margin: 10px 0 10px 0;
		font-size: 15px;
		line-height:normal;
		text-align: center;
	}
	#welcome-on-main-intro p br {
		display: none;
	}
	#welcome-on-main-intro div {
		margin: 0;
		padding: 10px 0 10px 0;
	}
	#welcome-on-main-intro div a {
		display: block;
		width: 300px;
		flex-basis: 300px;
		margin: 0 auto 5px auto;
	}

	/* mission-on-main */
	#mission-on-main {
		width: 96%;
		padding: 10px 0 10px 0;
		margin: 10px auto;
	}

	/* info-on-main */
	#info-on-main {
		width:96%;
		padding: 0px 0 10px 0;
		margin: 0px auto;
		flex-wrap: wrap;
	}
	.info-on-main-block {
		width: 330px;
		flex-basis: 330px;
		margin: 10px auto;
	}
	.info-on-main-block div {
		text-align: center;
		/**/
	}
	.info-on-main-block h4 {
		font-size: 22px;
	}
	.info-on-main-block div a {
		margin: 5px auto 5px auto;
		width: 110px;
	}

	/* about-on-main */
	#about-on-main {
		width: 96%;
		margin: 10px auto;
		padding: 0px 0 10px 0;
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		flex-wrap: wrap;
		border-top: 4px solid #387eb2;
		border-bottom: 4px solid #387eb2;
	}
	#about-on-main-text {
		width: 96%;
		flex-basis: 96%;
		padding: 0;
		margin: 0 auto;
		order: 2;
	}
	#about-on-main-pic {
		width: 350px;
		flex-basis: 350px;
		padding: 0;
		margin: 5px auto;
		order: 1;
	}

	/* bottom-on-main */
	#bottom-on-main {
		width: 96%;
		margin: 0px auto;
		padding: 0px 0 10px 0;
		flex-wrap: wrap;
	}
	#bottom-on-main-text {
		width: 100%;
		flex-basis: 100%;
	}
	#bottom-on-main-btn {
		width: 120px;
		flex-basis: 120px;
		margin: 10px auto 10px auto;
		padding: 10px 15px;
	}

	/* footer */
	footer {
		/**/
		height: auto;
		background: #387eb2;
	}
	#footer-law {
		display: flex;
		align-items: flex-start;
  		justify-content: center;
		text-align: center;
	}

	/* header menu mobile */
	.catalog-menu-mobile {
		display: none;
		/* overflow: hidden; */
		width:100%;
		height: 100%;
		position: fixed;
		top:0;
		left:0;
		min-width: 350px;
		background-color:#387eb2;
		z-index: 10000;
	}
	.catalog-menu-mobile-wrap {
		width: 100%;
		height: 100%;
		position: relative;
		overflow: hidden;
	}
	.catalog-menu-mobile-close {
		position: absolute;
		top:10px;
		right:10px;
	}
	.catalog-menu-mobile-close .material-icons {
		color:#ffffff;
	}
	.catalog-menu-mobile-block {
		width: 80%;
		margin: 30px auto;
		padding:10px 1% 20px 1%;
		background-color: #ffffff;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		-ms-border-radius: 10px;
		-o-border-radius: 10px;
	}
	.catalog-menu-mobile-block h3 {
		display: block;
		width: 90%;
		padding: 0;
		margin: 10px auto;
		text-transform: uppercase;
		color:#1d4d72;
	}
	.catalog-menu-mobile-block ul {
		display: block;
		width: 90%;
		padding: 0;
		margin: 0px auto;
	}
	.catalog-menu-mobile-block ul li {

	}
	.catalog-menu-mobile-block ul li a {
		display: block;
		margin: 0;
		padding: 10px 0;
		border-bottom: 1px dotted #387eb2;
		font-size: 16px;
		color:#387eb2;
		text-decoration: none;
	}
	#search_top_mobile {
		width: 90%;
		padding: 0;
		margin: 0px auto;
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}
	#search_top_mobile .form-on-main-text {
		border:1px solid #1d4d72;
		width: 80%;
		padding: 10px 5%;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-ms-border-radius: 3px;
		-o-border-radius: 3px;
	}
	#search_top_mobile .form-on-main-text:active, 
	#search_top_mobile .form-on-main-text:hover, 
	#search_top_mobile .form-on-main-text:focus {
		outline: 0;
		outline-offset: 0;
	}
	#search_top_mobile .form-on-main-button {
		margin: 0 10px;
	}

	/* inner */
	#show_form {
		left: 50%;
		margin: 0 0 0 -175px;
		position: fixed;
		top: 100px;
		width: 350px;
	}
	.show_form_table input, .show_form_table textarea {
		font-size: 16px;
		margin-left: 2%;
		width: 96%;
	}
	.main-inner {
		width: 96%;
		padding: 110px 0px 20px 0px;
		margin: 0 auto;
	}
	.main-inner h1 {
		font-size: 18px;
		color:#387eb2;
	}
	.main-inner .catalog_list_row {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		flex-wrap: wrap;
	}
.main-inner .catalog_list_one {
	display: block;
	position: relative;
	width: 32%;
	text-align: center;
	margin: 20px 0px;
	padding: 0px;
	/* vertical-align: top; */
}
	.main-inner .catalog_list_one .category_title,
	.main-inner .catalog_list_one .catalog_list_title {
		font-size: 14px;
		color: #387eb2;
		text-transform: none;
	}
	.catalog_one .one_img_area {
		width: 90%;
		padding: 10px 0;
		margin: 0 auto;
	}
	.catalog_one .one_img_area img {
		max-width: 100%;
		display: block;
		margin: 0 auto;
		padding: 0;
	}
	.inner-delivery-calc-tk {
		width: 46%;
		flex-basis: 46%;
		padding: 0;
		margin: 10px 2% 20px 2%;
		/* border:1px solid #2d6894; */
	}
	.inner-delivery-calc-tk div {
		flex-wrap: wrap;
	}
	.inner-delivery-calc-tk div a {
		display: block;
		width: 100%;
		flex-basis: 100%;
		padding: 4px 0;
		text-align: center;
	}


}

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

}

@media screen and (max-width: 1000px) {

}

@media screen and (max-width: 900px) {
	
}

@media screen and (max-width: 800px) {
	#inner-page-tanks {
		width: 100%;
		display: flex;
		align-items: flex-start;
		justify-content: center;
		flex-wrap: wrap;
	}
	.inner-page-tanks-block {
		width: 46%;
		flex-basis: 46%;
		padding: 0;
		margin: 10px 2%;
		font-size: 12px;
	}
}

@media screen and (max-width: 700px) {

}	

@media screen and (max-width: 600px) {
	#main-swiper-container {
		width: 100%;
		flex-basis: 100%;
	}
.main-inner .catalog_list_one {
	display: block;
	position: relative;
	width: 46%;
	text-align: center;
	margin: 20px 0px;
	padding: 0px;
	/* vertical-align: top; */
}
}

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

}

@media screen and (max-width: 400px) {
    
}