.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 ----- */
	header {
		/**//**//**/
	}
	#header-main-contianer {
		width: 100%;
		height: auto;
		padding: 20px 0px;
		margin: 0px 0px;
		background: #d9d6c7;
		background: #FCF5E2;
		background: radial-gradient(circle,rgba(252, 245, 226, 1) 14%, #b4b1a1 85%);		
	}
	#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 {
    	bottom: 15px;
    	font-size: 25px;
  	}
	#header-phones {
		order: 2;
		flex-basis: 35%;
		width: 35%;
		padding: 0px;
		margin: 10px auto;		
	}
	#header-info {
		order: 3;
		flex-basis: 35%;
    	width: 35%;	
		padding: 0px;
		margin: 10px 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,
	.catalog-list-one {
		width: 300px;
		flex-basis: 300px;
		padding: 0px;
		margin: 0px 5px 20px 5px;
	}
	#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;
	}

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

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

}

@media screen and (max-width: 1100px) {
	/**//**//**//**/
	#footer-phones {
		width: 310px;
		padding: 10px 0px;
		margin: 20px 0px;
		order: 2;
	}
	#footer-soc {
		width: 310px;
		padding: 10px 0px;
		margin: 20px;
		order: 3; 
	}
	#footer-logo {
		width: 90%;
		padding: 10px 0px 30px 0px;
		margin: 20px auto 20px auto;
		border-bottom: 2px solid #d9d6c7;
	}
	#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-map {
		width: 90%;
		flex-basis: 90%;
		padding: 0px;
		margin: 0px auto;
	}
	#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%;
		/* max-width: 200px; */
		padding: 0px;
		margin: 0px 1%;
	}
}

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

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

@media screen and (max-width: 800px) {
	/**//**//**/
	.main-swiper-block-info a {
		font-size: 30px;
		width: 90%;
		margin: 0px auto;
		padding: 0px 0px 70px 0px;
	}
}

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

@media screen and (max-width: 600px) {
	/**//**//**//**/
	#header-top {
		font-size: 18px;
	}
	#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;
	}
	#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: 17px;
	}
	.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;
  	}
}

@media screen and (max-width: 500px) {
	/**//**//**/
	.main-swiper-block-info a {
    	font-size: 30px;
    	width: 90%;
    	margin: 0px auto;
    	padding: 0px 0px 20px 0px;
  	}
	.catalog_photos_area,
	.catalog-one-description {
		padding: 0px;
		margin: 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;
	}
}