#menu-mobile-trigger {
	display: none;
}
.h_basket em {
	font-style: normal;
}
.image-desktop {
	display: inline;
}
.image-mobile {
	display: none;
}

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

	.container-center {
		width: 100% !important;
	}
	.image-desktop {
		display: none;
	}
	.image-mobile {
		display: inline;
	}

	/* header */
	#header {
        height:80px;
        width:100%;
        position: fixed;
        top:0;
        left:0;
        min-width: 350px;
        z-index: 1000;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		box-shadow: 0px 5px 5px rgb(0 0 0 / 30%);
		/* background-color: #F5F5DC; */
		border-top: 3px solid #ffe8a2;
		border-bottom: 3px solid rgb(224, 9, 7);;
		background: #F5F5DC;
		background: -moz-linear-gradient(left, #F5F5DC 0%, #ffe8a2 100%);
		background: -webkit-linear-gradient(left, #F5F5DC 0%, #ffe8a2 100%);
		background: -o-linear-gradient(left, #F5F5DC 0%, #ffe8a2 100%);
		background: -ms-linear-gradient(left, #F5F5DC 0%, #ffe8a2 100%);
		background: linear-gradient(left, #F5F5DC 0%, #ffe8a2 100%);
    }
#menu-mobile-trigger {
	display: block;
	padding: 5px;
	margin: 10px 10px 10px 15px;
	border: 2px solid #ffffff;
	background-color: rgb(224, 9, 7);
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	color: #fff;
	text-decoration: none;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	height: 35px;
}
	#menu-mobile-trigger span.material-icons {
		color:#fff;
		font-size: 35px;
	}
	#header .logo_header {
		left: auto;
		position: static;
		top: auto;
		padding: 0;
		margin:0 auto;
	}
	#header .contact_header {
		display: none;
	}
	#header .menu_header {
		display: none;
	}
	#header .basket {
		background: url("../images/basket-mobile.png") no-repeat scroll 50% 50%;
		border: none;
		color: #FFFFFF;
		font-family: Conv_franklin,arial;
		/* height: 103px; */
		left: auto;
		position: relative;
		top: auto;
		width: 75px;
		height: 90px;
		overflow: hidden;
		padding: 0;
		margin:0 10px 0 0;
		cursor: pointer;
	}
	#header .basket .h_basket {
		background: none;
		color: #8F0E37;
		font-size: 15px;
		margin: 0;
		padding: 0;
		position: relative;
		width: 100%;
		height: 100%;
	}
	#header .basket .h_basket p {
		border:none;
	}
	#header .basket a#basket-ordering  {
		display: none;/**/
		position: absolute;
		bottom:0px;
		left:0;
		width: 98%;
		float: none;
		margin: 0;
		padding:3px 1%;
		text-align: center;
	}
	#header .basket:hover a {
		/* display: block; */
	}
	#header .basket .sum_basket,
	#header .basket .h-basket-desktop {
		display: none;
	}
	#header .basket .price_right {
		position: absolute;
		top:10px;
		right:5px;
		float:none;
		border: none;
		background: rgb(224, 9, 7);
		color:#ffffff;
		padding:1px 3px;
		border-radius:10px;
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
		-ms-border-radius:10px;
		-o-border-radius:10px;
	}
	#header .basket .price_right em {
		display: none;
	}

	/* .main-menu-mobile-wrap */
	.main-menu-mobile-wrap {
		display: none;
		overflow: auto;
		position: fixed;
		top:0;
		left:0;
		width: 100%;
		height: 100%;
		background-color: rgb(202, 16, 13);
		background-color:#f5d36f;
		z-index: 1000001;
	}
	#main-menu-mobile-close {
		display:block;
		position: absolute;
		right:10px;
		top:10px;
		color:#ffffff;
		z-index: 1000000;
	}
	#main-menu-mobile-close .material-icons {
		color:#ffffff;
	}
.main-menu-mobile-block {
	margin: 20px auto 20px;
	padding: 20px 5%;
	width: 80%;
	box-shadow: 0 0 5px rgb(0 0 0 / 50%) inset;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	background-color: #F5F5DC;
	border: 1px solid #fff;
}
.main-menu-mobile-block.main-menu-mobile-block-3 {
	margin: 20px auto 50px;
	padding-top: 5px;
}
.tobuy th {
	border: 1px solid #fff;
	padding: 10px 5px;
	background: #ddd;
}
	.main-menu-mobile-block h3 {
		margin:5px 0;
		padding: 0;
		text-transform: uppercase;
		color:#8F0E37;
	}
	.main-menu-mobile-block ul {
		margin: 0;
		padding: 0;
		width: 100%;
	}
	.main-menu-mobile-block ul li {
		margin: 0 0 3px 0;
		padding:3px 0;
		border-bottom: 1px dotted #918a8a;
	}
	.main-menu-mobile-block ul li:last-child {
		border-bottom: none;
	}
	.main-menu-mobile-block ul li a {
		text-decoration: none;
		text-transform: uppercase;
		color:#000;
		font-size: 15px;
		/* font-weight: bold; */
		font-family: "Conv_franklin";
	}
	.main-menu-mobile-block ul li a::before {
		content:"▸";
		margin:0 2px 0 0;
		padding: 0;
		color:#8F0E37;
	}
	.main-menu-mobile-block-1 {
		margin:40px auto 20px auto;
	}
	.main-menu-mobile-block-3 {
		/* display: flex;
		align-items: flex-start;
		justify-content: space-between;
		padding:0 0;
		background: none;
		box-shadow: none;
		width: 90%;
		margin:20px auto 50px auto; */
		padding:10px 5% 20px 5%;
	}
	.main-menu-mobile-block-3 div {
		/* margin: 0;
		padding: 0;
		width: 38%;
		flex-wrap: 38%;
		padding: 20px 5%;
		box-shadow: 0 0 7px rgb(0 0 0 / 50%) inset;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		-ms-border-radius: 10px;
		-o-border-radius: 10px;
		background-color:#F5F5DC; */
	}
	.main-menu-mobile-block-toggled {
		width: 100%;
		margin: 0;
		padding: 0;
	}
	.main-menu-mobile-block-toggled h3 {
		cursor: pointer;
		padding:5px 5%;
		margin:20px 0 0 0;
		width: 90%;
		color: #ffffff;
		background: #d0b66a;
		border-radius: 6px;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		-ms-border-radius: 6px;
		-o-border-radius: 6px;
	}
	.main-menu-mobile-block-toggled h3 span:after {
		content: "▸";
		padding:0 0 0 3px;
	}
	.main-menu-mobile-block-toggled h3.opened span:after {
		content: "▾";
		padding:0 0 0 3px;
	}
	.main-menu-mobile-block-toggled ul {
		display: none;
	}
	#main-menu-mobile-ul-1,
	#main-menu-mobile-ul-2 {
		margin:20px 0 0 0;
	}
	
	/* loading-catalog-by-filters */
	#loading-catalog-by-filters {
		margin:90px auto 20px auto;
		width: 100%;
	}
	.loading-catalog-menu {
		width: 100%;
	}
	.ul-worktype {
		width: 100%;
		display: flex;
		align-items: flex-start;
		justify-content: space-around;
		flex-wrap: wrap;
	}
	.filter-worktype {
		position: relative;
		width: 47%;
		/* height: 100px; */
		float: none;
		margin: 3px 0;
	}
	.filter-worktype a {
		width: 100%;
		/* height: 92%; */
		border: none;
		/* display: flex; */
		/* align-items: center; */
		/* justify-content: center; */
	}
	.filter-worktype a.active,
	.filter-worktype a:hover {
		width: 100%;
		border: none;
		/* display: flex; */
		/* align-items: center; */
		/* justify-content: center; */
	}
	.filter-worktype a img,
	.filter-worktype a.active img {
		/* display: none; */
		border:none;
	}
	.filter-worktype span {
		position: absolute;
		bottom: 10px;
		left: 10px;
		right:10px;
		padding: 5px;
		font-size: 13px;
		text-transform: uppercase;
		color: #dddddd;
		background-color: #666666;
		border: 1px solid #ffffff;
		border:none;
		box-shadow: 0 0 7px rgb(0 0 0 / 50%) inset;
		text-align: center;
		font-weight: bold;
		display: flex;
		min-height: 30px;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-ms-border-radius: 5px;
		-o-border-radius: 5px;
	}
	.filter-worktype a.active span {
		color: #666666;
		background-color: #dddddd;
		border: #666666;
	}
	.ul-matherial {
		width: 100%;
		margin: 5px auto;
	}
	.ul-matherial h3 {
		flex-basis: 100%;
	}
	.filter-matherial {
		/* float: left; */
		margin: 10px 1%;
		width: 40%;
		flex-basis: 40%;
		text-align: center;
	}
	#loading-catalog-panel {
		width: 100%;
	}
	#loading-catalog-panel-container {
		width: 94%;
		border: 1px solid red;
		padding:10px 1%;
		margin:10px auto;
	}
	#loading-catalog-panel-container ul {
		display: flex;
		align-items: flex-start;
		justify-content: space-around;
		flex-wrap: wrap;
	}
	#loading-catalog-panel-container ul li {
		float: auto;
		margin: 5px 1%;
		width: 40%;
		flex-basis: 40%;
	}
	#loading-catalog-panel-container ul li .list_title {
		margin: 5px 0px;
		height: auto;
		font-size: 14px;
	}

	/* #main */
	#main {
		margin: 0 auto;
		padding: 0;
		width: 100%;
	}
	#main .info_center {
		/* display: block; */
		/* overflow: hidden; */
		margin: 10px auto !important;
		width: 96%;
		float: none !important;
	}
	#main .info_center li {
		float: auto;
		margin: 4px 0;
		width: 100%;
	}
	#main .info_center li img {
		width: 100%;
	}
	#main #our-services {
		margin: 0 auto;
		padding: 0;
	}
	#main #our-services a {
		width: 98%;
		margin: 5px auto;
		padding: 11px 0;
	}
	#main #main-services {
		width: 100%;
	}
	#main #main-services .static {
		float: auto;
		margin: 0 auto;
		overflow: hidden;
		float: none;
		width: 96%;
		min-height: 300px;
	}
	#main #main-services .static h1 {
		width: 100%;
	}
	#main #main-services .main_sale,
	#main #main-services .material_catalog,
	#main #main-services .catalog_list {
		display: none;
	}
	#main #main-services .content-img-on-main {
		max-width: 96%;
		margin:0 2%;
		padding: 0 0 0 0;
	}
	/* footer */
	#footer {
		width: 100%;
		height: auto;
		margin:20px auto 0 auto;
		padding:0 0 20px 0;
		background: #766863 url("../images/fon_footer.png") repeat-x scroll 0% 0%;
		/* border-bottom:120px solid #dedede; */
	}
	#footer .menu_footer {
		display: none;
	}
#footer .contact_ivanovo, #footer .contact_moscow {
	position: static;
	left: auto;
	top: auto;
	width: 90%;
	padding: 10px 3%;
	margin: 10px auto;
	text-align: center;
	/* border: 1px solid #cecece; */
	box-shadow: 0 0 7px rgb(0 0 0 / 50%) inset;
	background-color: #ccc8c6;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border: 1px solid #ccc;
}
#footer .contact_ivanovo p strong, #footer .contact_moscow p strong {
	letter-spacing: 1px;
	font-size: 16px;
}
	#footer .info_footer {
		width: 100%;
		padding: 0;
		margin:10px auto;
		position: static;
		text-align: center;
	}
	#footer .adress_footer {
		display: none;
	}
	#footer .mail_footer {
		width: 100%;
		padding: 0;
		margin:10px auto;
		position: static;
		text-align: center;
	}
	#footer .mail_footer br {
		display: none;
	}
	#footer .mail_footer a {
		padding:0 10px;
	}
	#footer .counter {
		display: none;
	}
	#footer .eo {
		display: block;
		position: static;
		left:auto;
		top:auto;
		width: 90%;
		padding: 10px 3%;
		margin:10px auto;
		text-align: center;
		border:1px solid #cecece;
		box-shadow: 0 0 7px rgb(0 0 0 / 50%) inset;
		background-color: #ccc8c6;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		-ms-border-radius: 10px;
		-o-border-radius: 10px;
		color: #6F6460;
	}
	/* inner */
	#main.main-inner {
		width: 100%;
		margin: 0 auto;
		padding: 90px 0 0 0;
	}
	#main.main-inner .static {
		float: none;
		padding: 0;
		margin: 0 auto;
		width: 96%;
	}
	#main.main-inner .static h1 {
		margin:10px 0;
		width: auto;
		text-align: center;
		color: rgb(224, 9, 7);
		background: none;
	}
	#main.main-inner h1 {
		width: 100%;
	}
	#main.main-inner .static h1 span {
		background: none!important;
		padding: 0!important;
	}
	#main.main-inner .static .img-inner {
		max-width: 100%;
	}
	#main.main-inner .static .table-inner {
		font-size: 11px;
	}
	#main.main-inner .static .flex-inner {
		width: 100%;
	}
	#main.main-inner .static .flex-inner img {
		max-width: 30%;
		margin:10px 1%;
		float: left;
	}
	#main.main-inner .static .bg-white {
		background: none;
	}
	#main.main-inner .static .img-center {
		display: block;
		margin:10px auto!important;
		float: none!important;
	}
	#main.main-inner #step-1 {
		width: 96%;
		margin:10px auto;
		display: flex;
		align-items: flex-start;
		justify-content: space-around;
		flex-wrap: wrap;
	}
	#main.main-inner #step-1 li {
		flex-basis: 45%;
		padding: 0;
		margin: 5px 0;
		float: none;
		width: auto;
	}
	#main.main-inner #step-1 li img {
		max-width: 100%;
		height: auto;
		padding: 0;
		margin: 0;
	}
	#main.main-inner #h2-step-1,
	#main.main-inner #h2-step-1-p,
	#main.main-inner #h2-step-3 {
		text-align: center;
		padding:0 1%;
	}
	#main.main-inner #step-3,
	#main.main-inner #step-4,
	#main.main-inner #step-4-2 {
		overflow: hidden;
		width: 277px;
		float: none;
		margin: 10px auto;
		border: 3px solid #b7afac;
	}
	#main.main-inner #step-4-2 li {
		width: 96%;
		float: none;
		padding:3px 1%;
	}
	#main.main-inner #step-4-2 li a {
		height: auto;
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}
	#main.main-inner #calc_left_pic {
		float: none;
		width: 300px;
		margin: 0 auto;
		border: 1px solid #b7afac;
		padding: 10px 1%;
	}
	#main.main-inner #step-5 {
		overflow: hidden;
		width: 96%;
		margin: 10px auto;
		border: 1px solid #b7afac;
	}
	#main.main-inner #step-5 li {
		float: left;
		width: 96%;
		border-bottom: 1px solid #b7afac;
		text-align: center;
		padding: 3px 1%;
	}
	#main.main-inner .one-radio {
		width: auto;
	}
	#main.main-inner #calc_button {
		width: 240px;
		padding: 10px 20px;
		height: auto;
		text-align: center;
		margin: 30px auto;
		left: auto; 
	}
	#main.main-inner .calc_result {
		background: #f0f0f0;
		border: 1px solid #b7afac;
		padding: 10px 4%;
		margin: 5px auto;
		width: 90%;
		overflow: hidden;
	}
	#main.main-inner .calc_form {
		background: #ffe9a3;
		border: 1px solid #fd703a;
		padding: 5px 4%;
		margin: 5px auto;
		width: 90%;
		text-align: center;
	}
	#main.main-inner .calc_form table th {
		padding: 5px 1%;
		text-align: right;
		width: 28%;
		font-size: 16px;
	}
	#main.main-inner .calc_form table td input {
		width: 90%;
		border: 1px solid #000;
		padding: 5px 1%;
		font-size: 16px;
	}
	#main.main-inner .calculator-ul-more {
		display: flex;
		align-items: flex-start;
		justify-content: space-around;
		flex-wrap: wrap;
		width: 96%;
		margin:10px auto;
	}
	#main.main-inner .calculator-ul-more li {
		float: none;
		flex-basis: 45%;
	}
	#main.main-inner .calculator-ul-more li img {
		max-width: 100%;
	}
	#main.main-inner .catalog_list {
		float: none;
		width: 96%;
		margin:10px auto;
		font-family: Conv_franklin,arial;
	}
	#main.main-inner .h_catalog {
		background: none;
	}
	#main.main-inner .h_catalog span {
		background: none!important;
		padding: 0 5px !important;
	}
	#main.main-inner .block_main {
		width: 100%;
		margin: 10px auto;
	}
	.catalog_list ul {
		margin:5px auto;
		width: 100%;
		display: flex;
		align-items: flex-start;
		justify-content: space-around;
		flex-wrap: wrap;
	}
	.catalog_list li {
		position: relative;
		display: inline-block;
		width: 45%;
		flex-basis: 45%;
		vertical-align: top;
		text-align: center;
		margin: 5px 0px!important;
	}
	.catalog_list .catalog_cat_img {
		height: auto;
	}
	.catalog_list li img {
		max-width: 100%;
	}
	.h_catalog {
		width: 100%;
	}
	.h_add_title {
		font-size: 23px;
		padding: 0;
		text-align: center;
		width: 98%;
		margin: 0 auto;
	}
	.block_main p.list_title {
		height: auto;
	}
	.list_material {
		float: none;
		font-size: 14px;
		font-weight: normal;
		height: auto;
		padding: 0;
		text-align: center;
		vertical-align: bottom;
		width: 100%;
	}
	.catalog_list a span.list_title {
		padding: 0;
	}
	.list_material br {
		display: none;
		padding:5px;
	}
	.list_material strong {
		padding:0 5px;
	}
	.pathway {
		margin: 5px auto;
		width: 96%;
	}
	.catalog_cat_text {
		margin: 5px auto;
		width: 96%;
	}
	.catalog-one-wrapper .catalog_photos_area {
		flex-basis: 98%;
		width: 98%;
		padding: 0;
		margin: 0 auto;
		float: none;
		display: flex;
		align-items: stretch;
		justify-content: space-around;
		flex-wrap: wrap;
	}
	#catalog_left_arrow,
	#catalog_right_arrow {
		display: none;
	}
	.catalog-one-wrapper .catalog_description {
		flex-basis: 98%;
		width: 98%;
		padding: 0;
		margin: 0 auto;
		float: none;
	}
	.catalog-one-wrapper .catalog-one-more-info-btn {
		flex-basis: 98%;
		margin:0 auto;
	}
	.catalog-one-more-info.active {
		flex-basis: 98%;
		margin:0 auto;
	}
	.insulation_titles {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		flex-wrap: wrap;
	}
	.insulation_titles h3 {
		width: 100%;
		flex-basis: 100%;
	}
	.insulation_title_a {
		display: block;
		float: none;
		padding:5px 1%;
		margin:0;
		font-size: 13px;
		flex-basis: 98%;
	}
	.size_table td,
	.size_table th {
		padding: 5px 0;
	}
	.size_table td > div {
		margin-left: 0px;
	}
	.catalog_basket_change {
		overflow: hidden;
		width: 70px;
	}
	.catalog_basket_change_right {
		float: left;
		width: 30px;
	}
	.size_table {
		width: 100%;
	}
	#catalog_error_no_add,
	#catalog_add_to_basket_window {
		left: 15%;
		position: fixed;
		top: 30%;
		width: 250px;
	}
	.catalog_my_basket {
		width: 99%;
		margin: 0 auto;
		font-size: 11px;
	}
	.catalog_my_basket th,
	.catalog_my_basket td {
		display: none;
	}
	.catalog_my_basket .catalog-my-basket-th {
		display: table-cell;
	}
	catalog_my_basket_title {
		text-align: center;
	}
	.all_price_line {
		position: relative;
		text-align: center;
	}
	.all_price_line .lightbox {
		float: none;
		margin: 0px 10px 5px 0;
	}
	.catalog_user_data input[type="text"], .catalog_user_data textarea {
		width: 96%;
		padding: 2px 1%;
	}
	/* ==================================================================================== */

	
	
	/* ----- mainSwiper ----- */
	.mainSwiper {
		/* margin:130px auto 1px auto; */
	}

	#go-to-top {
		bottom: 50px;
		right: 6%;
	}

	/* #main */
	#main {

	}

	/* ======================================================================== */

}

@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) {
	#main.main-inner .static .flex-inner img {
		max-width: 97%;
		margin:10px 1%;
		float: left;
	}
}

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

}

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