.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;
}


.catalog_photos_mob{
	display:none;
}


@media screen and (max-width: 1200px) {
	
	.catalog_one_order table{
		width:100%;
		
	}
    
    
	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: 10000;
		box-shadow: 0px 5px 5px rgb(0 0 0 / 10%);
		background-color: #e3eaf6;
		/* border-bottom:2px dashed #ffffff; */
	}
	#header-top-mobile {
		width: 96%;
		padding: 3px 2%;
		margin: 0 auto;
		display: flex;
		align-items: center;
		justify-content: space-between;
		background: #5a81c2;
	}
	#header-top-mobile a {
		text-decoration: none;
		font-size: 12px;
		color:#ffffff;
	}
	#header-main {
		width: 96%;
		height: 90px;
		padding: 0 2%;
		margin: 0 auto;
		/* border-bottom:3px solid #a8a3a3; */
		background: rgb(227,234,246);
		background: -moz-linear-gradient(45deg, rgba(227,234,246,1) 30%, rgba(255,255,255,1) 70%);
		background: -webkit-linear-gradient(45deg, rgba(227,234,246,1) 30%, rgba(255,255,255,1) 70%);
		background: linear-gradient(45deg, rgba(227,234,246,1) 30%, rgba(255,255,255,1) 70%);
	}
	#header-menu-trigger {
		display: block;
		align-items: center;
		justify-content: space-between;
		margin: 0 10px 0 0;
		padding: 5px;
		background-color:#ffffff;
		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:#5a81c2;;
		font-size: 25px;
	}
	#header-logo {
		width: 200px;
		flex-basis: 200px;
		padding: 0;
		margin: 0 auto;
	}
	#header-phone {
		display: none;
		margin: 0;
		padding: 0;
	}
	#header-find {
		display: none;
	}
	.header-main-basket a h4 {
		color:#5a81c2;
		font-size: 12px;
	}
	/* header-menu */
	#header-menu {
		display: none;
	}
	/* main-swiper */
	#main-swiper-container {
		width: 100%;
		padding: 0;
		margin: 120px auto 0 auto;
	}
	#main-swiper-container .mainSwiper .swiper-slide img {
		border-radius: 0px;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		-ms-border-radius: 0px;
		-o-border-radius: 0px;
	}
	#main-swiper-container .swiper-main-button-prev {
		position: absolute;
		top: 35%;
		left: 0px;
		width: 45px;
		height: 45px;
		background: url("/themes/default/images/main-swiper-button-prev-2x.png") no-repeat scroll 50% 50%;
		background-size: 45px;
		z-index: 1;
		cursor: pointer;
	}
	#main-swiper-container .swiper-main-button-next {
		position: absolute;
		top:35%;
		right:0px;
		width: 45px;
		height: 45px;
		background: url("/themes/default/images/main-swiper-button-next-2x.png") no-repeat scroll 50% 50%;
		background-size: 45px;
		z-index: 1;
		cursor: pointer;
	}
	#main-swiper-container .swiper-main-button-prev:hover {
		background: url("/themes/default/images/main-swiper-button-prev-active-2x.png") no-repeat scroll 50% 50%;
		background-size: 45px;
	}
	#main-swiper-container .swiper-main-button-next:hover {
		background: url("/themes/default/images/main-swiper-button-next-active-2x.png") no-repeat scroll 50% 50%;
		background-size: 45px;
	}
	#main-swiper-container .mainSwiper .main-swiper-slide-info {
		width: 60%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 50%;
		padding: 0;
		margin: 0 0 0 -30%;
	}
	#main-swiper-container .mainSwiper .main-swiper-slide-info-container {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
	}
	#main-swiper-container .mainSwiper .main-swiper-slide-info h3 {
		width: 96%;
		padding: 2px 0;
		margin: 0 auto;
		font-size: 17px;
	}
	#main-swiper-container .mainSwiper .main-swiper-slide-info h4 {
		width: 96%;
		padding: 2px 0;
		margin: 0 auto;
		font-size: 14px;
		/* text-transform: uppercase; */
	}
	#main-swiper-container .mainSwiper .main-swiper-slide-info a {
		display: flex;
		align-items: center;
		justify-content: center;
		width: auto;
		flex-basis: auto;
		height: auto;
		padding: 3px 11px;
		margin: 4px auto 2px auto;
		border: none;
		color: #212121;
		text-align: center;
		font-size: 14px;
		font-family: "roboto-regular";
		font-weight: 500;
		text-transform: none;
		text-decoration: none;
		background: #e7e7e7;
		border-radius: 25px;
		-webkit-border-radius: 25px;
		-moz-border-radius: 25px;
		-ms-border-radius: 25px;
		-o-border-radius: 25px;
	  }	
	/* categoties-on-main */
	#categoties-on-main {
		padding: 0px 0px;
  		margin: 10px 0 10px 0;
	}
	#categoties-on-main-container {
		width: 96%;
		padding: 0;
		margin: 0 auto;
		display: flex;
		align-items: center;
		justify-content: space-around;
	}
	.categoties-on-main-block {
		padding: 0;
		margin: 10px 0;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-ms-border-radius: 5px;
		-o-border-radius: 5px;
	}
	.categoties-on-main-block-1 {
		order:1;
		width: 40%;
		flex-basis: 40%;
	}
	.categoties-on-main-block-2 {
		order:3;
		width: 90%;
		flex-basis: 90%;
	}
	.categoties-on-main-block-3 {
		order:2;
		width: 40%;
		flex-basis: 40%;
	}
	.categoties-on-main-block-4 {
		order:4;
		width: 90%;
		flex-basis: 90%;
	}
	.categoties-on-main-block-5 {
		order:5;
		width: 90%;
		flex-basis: 90%;
	}
	.categoties-on-main-block-6 {
		order:6;
		width: 90%;
		flex-basis: 90%;
	}
	.categoties-on-main-block p {
		bottom:10px;
		right:10px;
		margin: 0;
		padding:5px 10px;
		background-color: #eddece;
		font-size: 12px;
		border:1px solid #ffffff;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		-ms-border-radius: 10px;
		-o-border-radius: 10px;
	}
	/* catalog-on-main */
	#catalog-on-main {
		padding: 0;
		margin: 0;
	}
	#catalog-on-main-container {
		width: 96%;
		padding: 0;
		margin: 0 auto;
	}
	#catalog-on-main-h3 {
		width: 100%;
		padding: 15px 0 15px 0;
		margin: 0;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		flex-wrap: wrap;
	}
	#catalog-on-main-h3 h3 {
		margin: 0 auto;
		padding: 10px 0;
		width: 100%;
		flex-basis: 100%;
		font-weight: normal;
		font-size: 14px;
		font-family: "roboto-bold";
		color:#5a81c2;
		text-transform: uppercase;
	}
	#catalog-on-main-h3 a {
		margin: 10px auto;
	}
	#catalog-on-main-container .catalogSwiper .swiper-slide .catalog-on-main-title,
	#main.main-inner .catalog-list-one-title {
		text-align: center;
	}
	#catalog-on-main-container .catalogSwiper .swiper-slide .catalog-on-main-prices,
	#main.main-inner .catalog-list-one-prices {
		width: 100%;
		display: flex;
		align-items: flex-start;
		justify-content: flex-end;
		flex-wrap: wrap;
	}
	#catalog-on-main-container .catalogSwiper .swiper-slide .catalog-on-main-price,
	#main.main-inner .catalog-list-one-price {
		font-family: "roboto-regular";
		font-size: 16px;
		font-weight: 500;
		margin: 0;
		padding: 10px 3%;
		width: 92%;
		flex-basis: 92%;
		text-align: right;
		color:#5a81c2;
	}
	#catalog-on-main-container .catalogSwiper .swiper-slide .catalog-on-main-buy,
	#main.main-inner .catalog-list-one-buy {
		font-size: 13px;
	}
	#catalog-on-main-container .swiper-catalog-button-prev {
		left: 0px;
		width: 45px;
		height: 45px;
		background: url("/themes/default/images/main-swiper-button-prev-2x.png") no-repeat scroll 50% 50%;
		background-size: 45px;
	}
	#catalog-on-main-container .swiper-catalog-button-next {
		right: 0px;
		width: 45px;
		height: 45px;
		background: url("/themes/default/images/main-swiper-button-next-2x.png") no-repeat scroll 50% 50%;
		background-size: 45px;
	}
	#catalog-on-main-container .swiper-catalog-button-prev:hover {
		background: url("/themes/default/images/main-swiper-button-prev-active-2x.png") no-repeat scroll 50% 50%;
		background-size: 45px;
	}
	#catalog-on-main-container .swiper-catalog-button-next:hover {
		background: url("/themes/default/images/main-swiper-button-next-active-2x.png") no-repeat scroll 50% 50%;
		background-size: 45px;
	}	
	/* about-on-main */
	#about-on-main {
		width: 100%;
		padding: 0;
		margin: 0 0 20px 0;
	}
	#about-on-main h3 {
		margin: 0 auto;
		padding: 30px 0;
		font-weight: normal;
		font-size: 14px;
		font-family: "roboto-bold";
		color:#5a81c2;
		text-transform: uppercase;		
	}
	#about-on-main-container {
		width: 96%;
		padding: 0;
		margin: 0 auto;
		display: flex;
		align-items: flex-start;
  		justify-content: flex-start;
		flex-wrap: wrap;
	}
	#about-on-main-img {
		width: 100%;
		flex-basis: 100%;
	}
	#about-on-main-img img {
		display: block;
		margin: 0 auto;
		max-width: 200px;
	}
	#about-on-main-text {
		padding: 20px 0;
  		margin: 0 auto;
  		width: 96%;
  		flex-basis: 96%;
	}
	/* news-on-main */
	#news-on-main-h3 {
		width: 100%;
		padding: 15px 0 15px 0;
		margin: 0;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		flex-wrap: wrap;
	}
	#news-on-main-h3 h3 {
		margin: 0 auto;
		padding: 10px 0;
		width: 100%;
		flex-basis: 100%;
		font-weight: normal;
		font-size: 14px;
		font-family: "roboto-bold";
		color:#5a81c2;
		text-transform: uppercase;
	}
	#news-on-main-h3 a {
		margin: 10px auto;
	}
	#news-on-main-container {
		width: 96%;
		padding: 0;
		margin: 0 auto;
		display: flex;
		align-items: flex-start;
		justify-content: space-around;
		flex-wrap: wrap;
	}
	.news-on-main-block {
		width: 45%;
		flex-basis: 45%;
		margin: 20px 0;
	}
	.news-on-main-title {
		height: auto;
		font-size: 12px;
	}
	/* footer */
	footer {
		width: 100%;
	}
	#footer-container {
		width: 96%;
		margin: 0 auto;
		padding: 0;
	}
	#footer-menu {
		width: 100%;
		height: auto;
		padding: 0;
		margin: 0;
		display: flex;
		align-items: center;
		justify-content: space-around;
	}
#footer-logo {
	width: 120px;
	flex-basis: 120px;
	padding: 0;
	margin: 0 0px 0 0;
} 
#footer-law-container a:nth-child(2) {
	font-size: 12px;
}
	#footer-menu-container {
		width: auto;
		flex-basis: auto;
		padding: 0px 0px 10px 0px;
		margin: 0px 0px 0px 0px;
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
	}
	#footer-menu-block-2,
	#footer-menu-block-3 {
		display: none;
	}
	#footer-law {
		width: 100%;
		height: auto;
		padding: 0px 0 0 0;
		margin: 0 auto;
		border-top: 1px solid #d0d0d0;
	}
	#footer-law-container {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		padding:10px 0;
		color: #858585;
		font-size: 13px;
		flex-wrap: wrap;
	}
#footer-law-container span, #footer-law-container a {
	/* width: 45%; */
	/* flex-basis: 45%; */
	padding: 0;
	margin: 0;
	font-size: 12px;
	text-align: center;
}
	#footer-law-container span {
		text-align: left;
	}
	#footer-law-container a {
		text-align: right;
	}
	/* header menu mobile */
	.catalog-menu-mobile {
		display: none;
		/* overflow: hidden; */
		width:100%;
		height: 100%;
		position: fixed;
		top:0;
		left:0;
		min-width: 350px;
		font-size: 14px;
		font-family: "roboto-regular";
		font-weight: normal;
		background: rgb(227,234,246);
		background: -moz-linear-gradient(45deg, rgba(227,234,246,1) 30%, rgba(255,255,255,1) 70%);
		background: -webkit-linear-gradient(45deg, rgba(227,234,246,1) 30%, rgba(255,255,255,1) 70%);
		background: linear-gradient(45deg, rgba(227,234,246,1) 30%, rgba(255,255,255,1) 70%);
		color:#5a81c2;
		z-index: 10000;
	}
	.catalog-menu-mobile-wrap {
		width:100%;
		height: 100%;
		position: relative;
	}
	.catalog-menu-mobile-close {
		position: absolute;
		top:10px;
		right:10px;
	}
	.catalog-menu-mobile-close .material-icons {
		color:#5a81c2;
	}
	.catalog-menu-mobile-block-search {
		/* background-color: #5a81c2; */
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		-ms-border-radius: 10px;
		-o-border-radius: 10px;
	}
	.catalog-menu-mobile-block {
		width: 90%;
		padding: 40px 0;
		margin: 0px auto;
	}
	.catalog-menu-mobile-block form {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		height: 32px;
	}
	.catalog-menu-mobile-block form input {
		width: 80%;
		flex-basis: 80%;
		font-size: 12px;
		margin: 0 0 0 0;
		padding: 9px 2%;
		font-size: 14px;
		border: 2px dashed #5a81c2;
		border-radius: 9px;
		-webkit-border-radius: 9px;
		-moz-border-radius: 9px;
		-ms-border-radius: 9px;
		-o-border-radius: 9px;
	}
	.catalog-menu-mobile-block form input:active, 
	.catalog-menu-mobile-block form input:hover, 
	.catalog-menu-mobile-block form input:focus {
		outline: 0;
		outline-offset: 0;
	}
	.catalog-menu-mobile-block form input::placeholder {
		font-size: 13px;
		color:#5a81c2;
		text-transform: uppercase;
	}
	.catalog-menu-mobile-block form a {
		padding: 0;
		margin: 0 0px 0 10px;
		width: 40px;
		flex-basis: 40px;
		height: 40px;
		background: #5a81c2;
		display: flex;
		align-items: center;
		justify-content: center;

		border-radius: 9px;
		-webkit-border-radius: 9px;
		-moz-border-radius: 9px;
		-ms-border-radius: 9px;
		-o-border-radius: 9px;
	}
	.catalog-menu-mobile-block form a img {
		width: 20px;
	}
	.catalog-menu-mobile-block-1 {
		padding: 80px 0 0 0;
	}
	.catalog-menu-mobile-block-2 ul {
		margin: 0;
		padding: 0;
	}
	.catalog-menu-mobile-block-2 ul li {
		margin: 0;
		padding: 0;
	}
	.catalog-menu-mobile-block-2 ul li a {
		display: block;
		margin: 0 0 10px 0;
		padding: 10px;
		color:#5a81c2;
		font-size: 20px;
		text-decoration: none;
		border-bottom: 1px dashed #5a81c2;
	}


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

	/**/
	#main.main-inner {
		width: 96%;
		margin: 0 auto;
		padding:110px 2% 20px 2%;
	}
}

@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) {
	#main-swiper-container .mainSwiper .main-swiper-slide-info h3 {
		font-size: 12px;
	}
	#main-swiper-container .mainSwiper .main-swiper-slide-info h4 {
		font-size: 12px;
		/* text-transform: uppercase; */
	}
	#main-swiper-container .mainSwiper .main-swiper-slide-info a {
		font-size: 12px;
	}	
	
	
	
	
.catalog_photos_mob{
	display:block;
}
.catalog_photos_area{
	display:none;
}


}	

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

}

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

}

@media screen and (max-width: 400px) {
	#main-swiper-container .mainSwiper .main-swiper-slide-info h3 {
		font-size: 11px;
	}
	#main-swiper-container .mainSwiper .main-swiper-slide-info h4 {
		font-size: 10px;
		/* text-transform: uppercase; */
	}
	#main-swiper-container .mainSwiper .main-swiper-slide-info a {
		font-size: 11px;
	}	
	#main.main-inner .catalog_list_row {
		display: flex;
		align-items: flex-start;
		justify-content:space-around;
		flex-wrap: wrap;
	}
}