.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%;
	}
.catalog_list_one {
	width: 30%;
}
	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 {
		width: 94%;
	}
	#header-menu-button {
		display: block!important;
		width: 50px;
		flex-basis: 50px;
		height: 50px;
		padding: 0px;
		margin: 0px 10px 0px 0px;
		/* background-color: #AC9F8F; */
		-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);
		background: #AC9F8F url("/themes/default/images/header-menu-button-3x.png") no-repeat 50% 50%;
		background-size: 40px;
	}
	#header-menu-button.active {
		background: #ceb18e url("/themes/default/images/header-menu-button-3x.png") no-repeat 50% 50%;
		background-size: 40px;
	}
	#header-logo {
		position: relative;
		right: 0%;
  	}
	#header-phone {
		display: block;
		padding: 0px;
		margin: 0px 10px 0px auto;
		letter-spacing: normal;
	}
	#header-panel {
		padding: 0px;
		margin: 0px;
	}
	#header-menu {
		display: none;
		width: 300px;
		flex-basis: 300px;
		position: absolute;
		top: 86px;
		left: 0px;
		background-color: #ffffff;
		-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);
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		-ms-border-radius: 10px;
		-o-border-radius: 10px;
		z-index: 2;
	}
	#header-menu ul {
		display: block;
		width: 98%;
		padding: 20px 1%;
		margin: 0px;
	}
	#header-menu.active {
		display: block;
	}	
	#header-menu ul li ul {
		display: block;
		position: static;
		width: auto;
		box-shadow: none;
	}
	/* review-on-main */
	#review-on-main-container {
  		width: 96%;
	}
	/* catalog-on-main */
	#catalog-on-main-list li p {
		background: #1c1c1c2c;
	}
	#catalog-on-main-list li p a {
		font-family: "montserrat-medium";
	}
	/* advantages-on-main */
	#advantages-on-main-list {
		display: flex;
  		align-items: flex-start;
  		justify-content: space-around;
  		flex-wrap: wrap;
		width: 100%;
	}
	.advantages-on-main-block {
		margin: 0px 1%;
		padding: 0px 0px 20px 0px;
	}
	.advantages-on-main-block-last {
		top: auto;
	}
	/* partners-on-main-text */	
	#partners-on-main-text {
		width: 90%;
		padding: 30px 0px;
		margin: 0px auto;
	}
	#partners-on-main ul {
		width: 96%;
		padding: 30px 0px 54px 0px;
		margin: 0px auto;
		left: auto;
		display: flex;
		align-items: center;
		justify-content: space-around;		
		flex-wrap: wrap;
	}
	#partners-on-main ul li img {
		width: 150px;
		flex-basis: 150px;
		padding: 0px;
		margin: 10px 5px;	
	}
	/* footer */
	#footer-main {
		width: 100%;
		height: auto;
		margin: 0px auto;
		padding: 0px;
	}
	#footer-main-container {
		width: 96%;
		display: flex;
		align-items: flex-start;
		justify-content: space-around;
		flex-wrap: wrap;
	}
	.footer-main-block-1 {
		width: 300px;
		flex-basis: 300px;
		padding: 40px 30%;
		margin: 0px 0px;		
	}
	.footer-main-block-2,
	.footer-main-block-3,
	.footer-main-block-4 {
  		width: 30%;
		flex-basis: 30%;
		padding: 40px 0%;
		margin: 0px 1%;
		border-top:2px dashed #ddd;
	}
	#footer-law {
		margin: 0px;
		padding: 20px 0px;
	}
	#footer-law-container {
		width: 96%;
		height: auto;
		padding: 0px 0px;
  		margin: 0px auto;
  		display: flex;
  		align-items: flex-start;
  		justify-content: space-around;
		flex-wrap: wrap;
	}
	#footer-law-container p,
	#footer-law-container p:first-child,
	#footer-law-container p:last-child {
		margin: 0px;
		padding: 10px 2%;	
	}

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

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

}

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

@media screen and (max-width: 1000px) {
	/**//**/
	.footer-main-block-2, 
	.footer-main-block-3, 
	.footer-main-block-4 {
		width: 40%;
		flex-basis: 40%;
		padding: 40px 5%;
		margin: 0px 5%;
  	}
	.review-swiper-block-text {
		max-width: none;
	}
	#swiper-on-main .main-swiper-block-info {
		/**//**/
		left: 0%;
		width: 80%;
		height: 100%;
		padding: 0px;
		margin: 0px 10%;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	#swiper-on-main .main-swiper-block-info h4 {
		font-size: 14px;
		text-shadow: 3px 4px 4px #302725;
	}
	#swiper-on-main .main-swiper-block-info h2 {
		font-size: 20px;
		text-shadow: 3px 4px 4px #302725;
	}
	#swiper-on-main .main-swiper-block-info div {
		/* width: 80%;
		padding: 0px;
		margin: 0px 10%; */
	}
	#swiper-on-main .main-swiper-block-button {
		left: 0px;
		bottom: 0px;
		width: 100px;
		margin: 0px 5% 20px 5%;
		padding: 0px 0px;
		font-size: 10px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-ms-border-radius: 5px;
		-o-border-radius: 5px;
}
	.main-swiper-block {
		height: 60vh;
	}

}

@media screen and (max-width: 900px) {
	/**//**/
	.advantages-on-main-block {
		width: 45%;
		flex-basis: 45%;
	}
}

@media screen and (max-width: 800px) {
	/**//**/
	.footer-main-block-1,
	.footer-main-block-2, 
	.footer-main-block-3, 
	.footer-main-block-4 {
		width: 80%;
		flex-basis: 80%;
		padding: 40px 5%;
		margin: 0px 5%;
  	}
	.footer-main-block-1 p br {
		display: none;
	}
	#footer-contacts ul li img.soc-1,
	#footer-contacts ul li img.soc-2 {
		padding: 0px;
		margin: 0px 3px;
	}
	#footer-law-container p, 
	#footer-law-container p:first-child, 
	#footer-law-container p:last-child {
		text-align: center;
	}
	#partners-on-main-text br {
		display: none;
	}
	#partners-on-main h3 {
		width: 90%;
		font-size: 26px;
		text-align: center;
		padding: 35px 0px 35px 0px;
		margin: 0px auto 0px auto;		
	}
	#advantages-on-main h3 {
		width: 90%;
		font-size: 26px;
		text-align: center;
		padding: 35px 0px 35px 0px;
		margin: 0px auto 0px auto;
	}


}

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

@media screen and (max-width: 600px) {
	
.catalog_list_one {
	width: 45%;
	padding-bottom: 30px;
}
.category_title {
	font-size: 14px;
}
	/**//**/
	.advantages-on-main-block {
		width: 90%;
		flex-basis: 90%;
	}
	#header-phone {
		display: none;
	}
	#header-main {
		display: flex;
  		align-items: center;
  		justify-content: flex-start;
	}
	#header-panel {
		padding: 0px;
		margin: 0px 0px 0px auto;
	}
}

@media screen and (max-width: 500px) {
	/**//**/
	#footer-ofice p br {
		display: none;
	}
	#footer-law-container p a {
		border: none;
	}
	#catalog-on-main-list li {
  		position: relative;
  		width: 140px;
  		padding: 0px;
  		margin: 0px 5px 30px 5px;
	}
	#catalog-on-main-list li p a {
		font-size: 15px;
	}
	#review-on-main-info-all {
		padding: 0px;
		margin: 0px;
	}
	#review-on-main-info-all a {
		font-size: 11px;
	}
	#review-on-main-info-numbers {
		font-size: 11px;
	}
	#review-on-main-info-stars span {
		width: 10px;
		flex-basis: 10px;
		height: 10px;
		background-size: 10px;
	}
	.swiper-review-button-prev,
	.swiper-review-button-next {
		top: 0px;
	}
}

@media screen and (max-width: 400px) {
	/**//**/
	#footer-contacts ul li img {
  		display: block;
  		width: 20px;
  		flex-basis: 20px;
	}
	.footer-main-block-1, 
	.footer-main-block-2, 
	.footer-main-block-3, 
	.footer-main-block-4 {
		width: 90%;
		flex-basis: 90%;
		padding: 40px 5%;
		margin: 0px 5%;
  	}
	#header-logo,
	header.black #header-logo,
	header.white #header-logo {
		width: 120px;
  		height: 86px;
		background-size: 120px;
	}
	#header-menu-button,
	#header-menu-button.active {
    	width: 40px;
    	flex-basis: 40px;
    	height: 40px;
		background-size: 30px;
	}
}