.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 {
		/**//**//**/
		position: fixed;
		top: 0px;
		left: 0px;
	}
	header.scrolled {
		box-shadow: 0px 0px 4px 3px rgba(34, 60, 80, 0.3);
	}
	#search-on-main {
		margin: 81px auto 10px auto;
		padding: 0px 0px 0px 0px;
	}
	.main-menu-block {
		width: 170px;
		flex-basis: 170px;
	}
	.main-menu-block a span {
		font-size: 13px;
	}
	#header-logo {
		padding: 0px;
		margin: 0px 15px 10px 15px;
	}
	#header-slogan {
		font-size: 12px;
	}
	#search-on-main-region-list {
		width: 200px;
	}


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

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

}

@media screen and (max-width: 1100px) {
	/**//**//**/
	#header-container, 
	#search-on-main-container, 
	#premium-on-main-container, 
	#footer-main, 
	#footer-law-container, 
	#recommendations-on-main h2, 
	#menu-on-main-container {
    	width: 98%;
  	}
	#header-logo {
    	padding: 0px;
    	margin: 0px 5px 10px 0px;
		width: 130px;
		flex-basis: 130px;
  	}
	#header-slogan {
		padding: 0px;
		margin: 0px auto;
	}
	#header-persona {
		width: auto;
		flex-basis: auto;
		margin: 0px auto;
	}
	#header-add-ad,
	#header-add-ad:hover {
		width: 36px;
		flex-basis: 36px;
		height: 36px;
		padding: 0px;
  		margin: 0px 0px 0px 10px;
		background: #4A7EF8 url("/themes/default/images/header-add-ad-mobile-3x.png") no-repeat 50% 50%;
		background-size: 36px;
		order: 1;
	}
	#header-add-ad span {
		display: none;
	}
	#header-language {
		padding: 0px;
		margin: 0px auto;
	}
	#header-language ul li a,
	#header-language ul li:last-child a {
		padding: 0px;
		margin: 0px 5px;
	}
	#header-language ul li a img {
		border:1px solid #797979;
	}
	#header-language ul li a {
		font-size: 10px;
	}
	.search-on-main-ok {
		width: 38px;
		flex-basis: 38px;
		height: 38px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.search-on-main-ok img {
		padding: 0px;
		margin: 0px;
	}
	.search-on-main-ok span {
		display: none;
		font-size: 13px;
	}
	#search-on-main-current-region {
		font-size: 13px;
		width: auto;
		flex-basis: auto;
		background: url("/themes/default/images/header-search-arrow-3x.png") no-repeat 95% 50%;
  		background-size: 11px;
	}
	#search-on-main-region-list li {
		font-size: 13px;
	}
	.search-word {
		font-size: 13px;
	}
	.search-word::placeholder {
		font-size: 13px;
	}
	#search-on-main-block {
		width: 90%;
		flex-basis: 90%;
		border: none;
	}
	.main-menu-row-big {
		/* display: none; */
	}
	#main-menu {
		display: flex;
		align-items: flex-start;
		justify-content: center;
		flex-wrap: wrap;
	}
	.main-menu-block,
	.main-menu-block-6 {
    	width: 170px;
    	flex-basis: 170px;
		height: 71px;
		padding: 0px;
		margin: 0px 5px 15px 5px;
  	}
	.main-menu-block-6 a {
		background-size: 80px;
	}
	.main-menu-block.active {
		border-radius: 36px;
		-webkit-border-radius: 36px;
		-moz-border-radius: 36px;
		-ms-border-radius: 36px;
		-o-border-radius: 36px;
	}
	.main-menu-block.active::after {
		display: none;
	}
	.main-menu-submenu {
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		z-index: 3;
		background: none;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.main-menu-submenu-fon {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		z-index: 4;
		background: #00000071;
	}
	.main-menu-submenu-container {
		width: 300px;
		height: auto;
		margin: 0px;
		padding: 10px 10px 20px 10px;
		background: #eeeeee;
		border-radius: 20px;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		-ms-border-radius: 20px;
		-o-border-radius: 20px;
		box-shadow: 0px 0px 4px 3px rgba(34, 60, 80, 0.3);
		z-index: 5;
	}
	.main-menu-submenu p {
		margin: 0px 0px 10px 0px;
		padding: 15px 5% 15px 5%;
		width: 90%;
		flex-basis: 90%;
		text-align: center;
		border-bottom:1px solid #dedece;
	}
	.main-menu-submenu .main-menu-block-sub {
		padding: 0px;
		margin: 0px;
		display: flex;
		align-items: flex-start;
		justify-content: flex-start;
		flex-wrap: wrap;
	}
	.main-menu-submenu .main-menu-block-sub li {
		width: 46%;
		flex-basis: 46%;
		margin: 0px;
		padding: 0px 2%;
		text-align: center;
	}
	.main-menu-submenu .main-menu-block-sub li a {
		padding: 7px 0px;
		margin: 0px;
	}
}

@media screen and (max-width: 1000px) {
	/**//**/
	#premium-on-main-container h2,
	#recommendations-on-main h2 {
		margin: 0px auto;
		padding: 20px 0px;
		font-size: 18px;
		line-height: auto;
	}
	#footer-main-container {
		width: 100%;
		padding: 0px;
		margin: 0px;
		display: flex;
		align-items: flex-start;
		justify-content: space-around;
		flex-wrap: wrap;
	}
	footer {
		height: auto;
		width: 100%;
	}
	#footer-main {
		padding: 0px;
		margin: 0px;
	}
	#footer-logo {
		margin: 20px auto;
	}
	.footer-main-block-1,
	.footer-main-block-2 {
		padding: 0px;
		margin: 0px 0px 0px 0px;
		width: 100%;
		flex-basis: 100%;
		text-align: center;
	}
	.footer-main-block-3 {
		width: 170px;
		flex-basis: 170px;
		padding: 0px;
		margin: 20px auto;
	}
	#footer-law-container {
		display: flex;
		align-items: flex-start;
		justify-content: space-around;
		flex-wrap: wrap;
		margin: 0px;
		padding: 0px;
	}
	.footer-law-block-1,
	.footer-law-block-3 {
		width: 100%;
		flex-basis: 100%;
		text-align: center;
		margin: 0px;
		padding: 10px 0px;
	}
	.footer-law-block-2 {
		width: 300px;
		flex-basis: 300px;
		padding: 0px;
		margin: 0px auto;
	}
	.footer-law-menu {
		display: flex;
  		align-items: flex-start;
  		justify-content: space-around;
		flex-wrap: wrap;
	}
	.footer-law-menu li::after {
		display: none;
	}
	.footer-law-cards {
		padding: 5px 0px;
		margin: 0px auto;
	}
	.footer-law-menu li a {
		padding: 5px;
		margin: 0px;
	}
}

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

@media screen and (max-width: 800px) {
	/**//**/
	#header-slogan {
		display: none;
	}
}

@media screen and (max-width: 700px) {
	/**//**/
	#header-language {
		position: fixed;
		right: 0;
		top: 25%;
		width: 50px;
	}
	#header-language ul {
		width: 100%;
		display: flex;
		align-items: flex-start;
		justify-content: center;
		flex-wrap: wrap;
		padding: 5px 0px;
		background: #ffffffb4;
		border-radius: 10px 0px 0px 10px;
		-webkit-border-radius: 10px 0px 0px 10px;
		-moz-border-radius: 10px 0px 0px 10px;
		-ms-border-radius: 10px 0px 0px 10px;
		-o-border-radius: 10px 0px 0px 10px;
		box-shadow: 0px 0px 2px 2px rgba(34, 60, 80, 0.158);
	}
	.header-user-greeting {
		left: -80px;
	}
}	

@media screen and (max-width: 600px) {
	/**//**/
	.header-chat {
		padding: 0px;
		margin: 0px 0px 0px 5px;
	}
	.header-user {
		padding: 0px;
		margin: 0px 0px 0px 5px;
	}
	.header-user-greeting,
	.header-user-logged,
	.header-business-logged {
		width: auto;
		flex-basis: auto;
	}
	.header-user-logged span {
		font-size: 10px;
	}

}

@media screen and (max-width: 500px) {
	/**//**/
	.main-menu-block, .main-menu-block-6 {
		width: 160px;
		flex-basis: 160px;
		height: 71px;
		padding: 0px;
		margin: 0px 0.5% 15px 0.5%;
  	}
	#search-on-main-container {
		height: 50px;
	}
	.main-menu-block a span {
		font-size: 12px;
	}
	.search-word {
		font-size: 11px;
	}
	.search-word::placeholder {
		font-size: 11px;
	}
	#search-on-main-current-region,
	#search-on-main-region-list li {
		font-size: 12px;
	}
	#search-on-main-block {
		width: 87%;
		flex-basis: 87%;
	}
	#header-add-ad, 
	#header-add-ad:hover {
		width: 30px;
		flex-basis: 30px;
		height: 30px;
		background-size: 30px;
		flex-shrink: 0;
	}
	#header-logo {
		width: 110px;
		flex-basis: 110px;
	}
	#premium-on-main-container h2, 
	#recommendations-on-main h2 {
		text-align: center;
	}
}

@media screen and (max-width: 400px) {
	/**//**/
	#premiumSwiper {
		width: 90%;
		padding: 0px;
		margin: 0px auto;
	}
}