.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 ----- */
	#pagewrap {
    	width: 100%;
	}
	header {
		/**//**//**/
	}
	#header-main-contianer {
		width: 100%;
		height: auto;
		padding: 0px 0px;
		margin: 0px 0px;
		background: #d9d6c7;
		background: #FCF5E2;
		background: radial-gradient(circle,rgba(252, 245, 226, 1) 14%, #b4b1a1 85%);		
	}
	#header-top {
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	#header-top-container {
		/**//**//**//**/
		justify-content: space-between;
	}
	.header-phones-mobile-button,
	.header-info-mobile-button {
		display: block!important;
		width: 30px;
		flex-basis: 30px;
		height: 30px;
		padding: 10px;
		margin: 0px;
		cursor: pointer;
	}
	.header-phones-mobile-button img,
	.header-info-mobile-button img {
		display: block;
		width: 100%;
		height: auto;
		padding: 0px;
		margin: 0px;
	}
	#header-contact-mobile-close,
	#header-info-mobile-close {
		position: absolute;
		top: 1px;
		right: 1px;
		width: 24px;
		flex-basis: 24px;
		height: 24px;
		cursor: pointer;
		display: block!important;
	}
	#header-info-mobile-close {
		position: absolute;
		top: 1px;
		right: auto;
		left: 1px;
	}
	#header-contact-mobile-close img,
	#header-info-mobile-close img {
		display: block;
		width: 100%;
		flex-basis: 100%;
		height: auto;
		padding: 0px;
		margin: 0px;
	}
	#header-logo {
    	width: 90%;
    	flex-basis: 90%;
		padding: 20px 0px;
		margin: 10px auto;
    	height: auto;
		order: 1;
		/* border-bottom: 2px solid #b4b1a1; */
  	}
	#header-logo img {
		max-width: 350px;
		width: 90%;
		display: block;
		padding: 0px;
		margin: 0px auto;
	}
	#header-logo span {
		position: static;
    	/* bottom: 15px;*/
    	font-size: 25px; 
  	}
	#header-phones,
	#header-info {
		position: fixed;
		top: 0px;
		left: 0px;
		width: 320px;
		flex-basis: 320px;
		/* height: 300px; */
		background: #d9d6c7e7;
		transform: translate(-200%, 0px);
		-webkit-transform: translate(-200%, 0px);
		-moz-transform: translate(-200%, 0px);
		-ms-transform: translate(-200%, 0px);
		-o-transform: translate(-200%, 0px);
		transition: all 300ms ease-out;
		-webkit-transition: all 300ms ease-out;
		-moz-transition: all 300ms ease-out;
		-ms-transition: all 300ms ease-out;
		-o-transition: all 300ms ease-out;
		z-index: 2;
		-webkit-box-shadow: 0px 0px 8px 2px rgba(34, 60, 80, 0.2);
		-moz-box-shadow: 0px 0px 8px 2px rgba(34, 60, 80, 0.2);
		box-shadow: 0px 0px 8px 2px rgba(34, 60, 80, 0.2);		
	}
	#header-phones {
		border-radius: 0px 0px 20px 0px;
		-webkit-border-radius: 0px 0px 20px 0px;
		-moz-border-radius: 0px 0px 20px 0px;
		-ms-border-radius: 0px 0px 20px 0px;
		-o-border-radius: 0px 0px 20px 0px;
	}
	#header-phones h4 {
		padding: 0px;
		margin: 20px 0px 0px 0px;
	}
	#header-info {
		border-radius: 0px 0px 0px 20px;
		-webkit-border-radius: 0px 0px 0px 20px;
		-moz-border-radius: 0px 0px 0px 20px;
		-ms-border-radius: 0px 0px 0px 20px;
		-o-border-radius: 0px 0px 0px 20px;		
	}
	#header-phones.active,
	#header-info.active {
		transform: translate(0%, 0px);
		-webkit-transform: translate(0%, 0px);
		-moz-transform: translate(0%, 0px);
		-ms-transform: translate(0%, 0px);
		-o-transform: translate(0%, 0px);		
		transition: all 300ms ease-out;
		-webkit-transition: all 300ms ease-out;
		-moz-transition: all 300ms ease-out;
		-ms-transition: all 300ms ease-out;
		-o-transition: all 300ms ease-out;
	}
	#header-phone-container,
	#header-info-container {
		position: relative;
		overflow: hidden;
		width: 100%;
		padding: 0px 0px 20px 0px;
		margin: 0px;
	}
	#header-info {
		position: fixed;
		top: 0px;
		left: auto;
		right: 0px;	
		transform: translate(200%, 0px);
		-webkit-transform: translate(200%, 0px);
		-moz-transform: translate(200%, 0px);
		-ms-transform: translate(200%, 0px);
		-o-transform: translate(200%, 0px);			
	}	
	#header-info h3 a {
		font-size: 17px;
	}
	#header-search-form {
		width: 96%;
		padding: 0px;
		margin: 0px auto;
	}
	#header-menu ul {
		width: 90%;
		min-height: 40px;
		height: auto;
		margin: 0px;
		padding: 10px 5%;
		display: flex;
		align-items: center;
		justify-content: center;	
		flex-wrap: wrap;	
	}
	#header-menu ul li:first-child,
	#header-menu ul li {
		padding: 0px;
		margin: 0px;
	}
	.new-on-main-item, 
	.hit-on-main-item, 
	.sale-on-main-item {
		/* width: 300px;
		flex-basis: 300px;
		padding: 0px;
		margin: 0px 5px 20px 5px; */
	}
	.catalog-list-one {
		width: 300px;
		flex-basis: 300px;
		padding: 0px;
		margin: 0px 2px 20px 2px;
	}	
	#cats-on-main-list {
		width: 94%;
		margin: 0px auto;
		padding: 0px 0px 30px 0px;
		display: flex;
		align-items: flex-start;
		justify-content: space-around;
		flex-wrap: wrap;
	}
	.cats-on-main-item {
		/* width: 300px;
		flex-basis: 300px;
		padding: 0px;
		margin: 0px 5px 20px 5px; */
	}
	#header-menu {
		/* border-top: 2px solid #786044; */
		border-bottom: 2px solid #4928287a;
		-webkit-box-shadow: 0px 0px 8px 2px rgba(34, 60, 80, 0.2);
		-moz-box-shadow: 0px 0px 8px 2px rgba(34, 60, 80, 0.2);
		box-shadow: 0px 0px 8px 2px rgba(34, 60, 80, 0.2);				
	}
	#how-on-main-list {
		width: 96%;
	}

	#footer-logo {
		max-width:none;
		width: 100%;
		flex-basis: 100%;
		padding: 0px 0px 20px 0px;
		margin: 20px auto;
		order: 1;
		border-bottom: 2px solid #d9d6c7;
	}
	#footer-logo img {
		display: block;
		max-width: 300px;
		padding: 0px;
		margin: 0px auto;
	}
	#footer-logo span {
		position: static;
		display: block;
		text-align: center;
	}
	#footer-phones {
		position: static;
		top: auto;
		left: auto;
		width: 40%;
		flex-basis: 40%;
		order: 2;
	}
	#footer-contacts {
		width: 40%;
		flex-basis: 40%;
		order: 3;
	}	
	.how-on-main-block {
		width: 150px;
		flex-basis: 150px;
	}
	.how-on-main-arrow {
		width: 150px;
		flex-basis: 150px;
	}
	#footer-top-container {
		height: auto;
	}
	/**//**/
	/* ============================================================= */

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

}

@media screen and (max-width: 1100px) {
	/**//**//**//**/
	/*#footer-phones {
		width: 310px;
		padding: 10px 0px;
		margin: 0px 0px;
		order: 2;
	}
	#footer-soc {
		width: 310px;
		padding: 10px 0px;
		margin: 20px;
		order: 3; 
	}
	#footer-logo {
		width: 90%;
		padding: 10px 0px 30px 0px;
		margin: 0px auto 0px auto;
	}
	#footer-logo span {
		bottom: 15px;
	}
	#footer-logo img {
		display: block;
		width: 90%;
		max-width: 300px;
		height: auto;
		padding: 0px;
		margin: 0px auto;
	}*/
	#footer-top-container {
		width: 94%;
		display: flex;
		align-items: center;
		justify-content: space-around;
		flex-wrap: wrap;
	}	
	#footer-info {
    	width: 100%;
    	flex-basis: 100%;
		display: flex;
		align-items: center;
		justify-content: space-around;
		flex-wrap: wrap;
  	}
	#footer-info ul,
	#footer-info ul:last-child {
		/* padding: 0px;
		margin: 20px 10px;
		width: 90%;
		flex-basis: 90%;
		max-width: 400px; */
	}
	#footer-law-container {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
	}
	#footer-law-container p {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
	}
	/* .how-on-main-block {
		width: 23%;
		flex-basis: 23%;
		padding: 0px;
		margin: 0px 1%;
	} */
	.main-swiper-block {
		/* height: 65vh; */
	}
}

@media screen and (max-width: 1000px) {
	/**//**/
	#new-on-main-container h3, 
	#sale-on-main-container h3,
	#news-on-main-container h3,
	#footer-main h3,
	#main.main-inner h1 {
		/* font-size: 30px; */
	}
	.how-on-main-container h3, 
	#cats-on-main-container h3, 
	#hit-on-main-container h3 {
		/* font-size: 30px; */
	}
	.news-on-main-item-title {
		/* font-size: 25px; */
	}
	.news-on-main-item-date {
		/* font-size: 20px; */
	}
	.catalog-one-container {
		/**//**//**//**/
		flex-wrap: wrap;
	}
}

@media screen and (max-width: 900px) {
	/**//**//**/
	#header-phones {
		/* width: 310px;
		flex-basis: 310px; */
	}
	#header-info {
		/* width: 310px;
		flex-basis: 310px; */
	}
	#header-search-form {
		/* width: 310px;
		flex-basis: 310px; */
	}
	.cats-on-main-item-title {
		text-align: center;
		/* font-size: 20px; */
	}
	#header-search-form div .header-search-ok {
		/* top: -2px; */
	}
	#footer-law-container p a {
		/* font-size: 15px; */
	}
	#footer-main-container,
	footer-top-container {
		justify-content: center;
	}
	#footer-phones,
	#footer-contacts,
	#footer-info {
		width: 60%;
		flex-basis: 60%;
		max-width: 360px;
		margin: 20px 20%;
	}
	#footer-map {
		width: 90%;
		flex-basis: 90%;
	}
	#footer-main h3 {
		text-align: center;
	}
	#footer-info ul, 
	#footer-info ul:last-child {
		margin: 0px;
		padding: 0px;
	}
}

@media screen and (max-width: 800px) {
	/**//**//**/
	.main-swiper-block-info a {
		font-size: 30px;
		width: 90%;
		margin: 0px auto;
		padding: 0px 0px 70px 0px;
	}
	#footer-law-container p {
		width: 90%;
		padding: 5px 5% 5px 5%;
		margin: 0px 0px 0px 0px;
		order: 2;
	}
	#go-top-button {
		order: 1;
		margin: 0px auto;
	}
	#footer-law-container p a {
		padding: 5px 5px;
		margin: 5px 5px;
	}
}

@media screen and (max-width: 700px) {
	/**//**//**//**/
  	/* .how-on-main-block {
    	width: 45%;
    	flex-basis: 45%;
    	max-width: none;
    	padding: 0px;
    	margin: 0px 1%;
  	} */
	/* .how-on-main-block-2,
	.how-on-main-block-4,
	.how-on-main-block-6,
	.how-on-main-block-8,
	.how-on-main-block-10,
	.how-on-main-block-12,
	.how-on-main-block-13,
	.how-on-main-block-14,
	.how-on-main-block-16,
	.how-on-main-block-17,
	.how-on-main-block-18 {
		display: none;
	} */
	.inner-catalog-list {
		display: flex;
		align-items: flex-start;
		justify-content: space-around;
		flex-wrap: wrap;
	}
	/* .main-swiper-block {
		height: 55vh;
	} */
}	

@media screen and (max-width: 600px) {
	/**//**//**//**/
	#header-top {
		/* font-size: 16px; */
	}
	#header-logo span {
		font-size: 20px;
	}
	#new-on-main-container h3, 
	#sale-on-main-container h3, 
	#news-on-main-container h3,
	#footer-main h3,
	#main.main-inner h1 {
		font-size: 20px;
		text-align: center;
	}
	#hit-on-main-container h3 a {
		font-size: 20px;
	}
	.new-on-main-item-info, 
	.hit-on-main-item-info, 
	.sale-on-main-item-info,
	.catalog-list-one-info {
		font-size: 14px;
	}
	.how-on-main-container h3, 
	#cats-on-main-container h3, 
	#hit-on-main-container h3 {
		font-size: 20px;
	}
	.how-on-main-item p {
		font-size: 18px;
	}
	.news-on-main-item-title {
    	font-size: 21px;
  	}
	.cats-on-main-item-title {
		font-size: 20px;
	}
	#footer-phones, 
	#footer-contacts, 
	#footer-info {
		width: 300px;
		flex-basis: 300px;
		margin: 20px auto;
	}
	#footer-info ul li, 
	#footer-info ul li a, 
	#footer-contacts ul li, 
	#footer-contacts ul li a {
		font-size: 16px;
	}
	#footer-law-container p a {
		padding: 0px;
  		margin: 10px 10px 10px 10px;
	}
	.main-swiper-block-info a {
		font-size: 20px;
	}
	.news-on-main-item-intro a {
		font-size: 20px;
		line-height:normal;
	}
}

@media screen and (max-width: 500px) {
	/**//**//**/
	.main-swiper-block-info a {
    	/* font-size: 20px;
    	width: 90%;
    	margin: 0px auto;
    	padding: 0px 0px 20px 0px; */
  	}
	.catalog_photos_area,
	.catalog-one-description {
		padding: 0px;
		margin: 0px auto;
	}
	.main-swiper-block {
		/* height: 40vh; */
	}
	.how-on-main-block,
	.how-on-main-arrow {
		width: 100px;
		flex-basis: 100px;
	}
	.how-on-main-arrow {
		margin: 50px 0px 0px 0%;
	}
	.how-on-main-item p {
		font-size: 12px;
  	}
	.how-on-main-triangle,
	.how-on-main-triangle-top {
		width: 50px;
		height: auto;
	}
	.catalog_addonfield,
	.simple_buy_price {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		flex-wrap: wrap;
		font-size: 16px;
	}
	.catalog_addonfield span,
	.simple_buy_price .simple_title {
		min-width: auto;
	}
	.catalog_addonfield div {
		min-width: auto;
		margin: 0px 0px 0px auto;		
	}
	.simple_buy_price .simple_price {
		min-width: auto;
		margin: 0px 10px 0px auto;
	}
}

@media screen and (max-width: 400px) {
	/**//**//**/
	#header-search-form div .header-search-ok {
    	top: -3px;
  	}
	.main-swiper-block-info a {
		/* font-size: 20px; */
	}
	.catalog-cat-one {
		width: 90%;
		flex-basis: 90%;
		max-width: 300px;
	}
	#header-logo {
		padding: 10px 0px 20px 0px;
		margin: 0 auto;
	}
	#header-logo span {
		position: static;
		bottom: auto;
	}
	#header-run {
		width: 220px;
		flex-basis: 220px;
	}
	.header-phones-mobile-button, 
	.header-info-mobile-button {
		display: block !important;
		width: 30px;
		flex-basis: 30px;
		height: 30px;
		padding: 5px;
		margin: 0px;
		cursor: pointer;
  	}
	#pagewrap {
  		width: 100%;
	}
}