.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 {
		/* height:95px; */
		width:100%;
		position: fixed;
		top: 0;
		left: 0;
		min-width: 350px;
		z-index: 3;
		margin: 0;
		padding: 0 0 0px 0;
		/* border-bottom:2px solid #ffffff; */
	}
	#header-main {
		position: static;
		top: auto;
		left: auto;
		/* height: 80px; */
	}
	header.header-main-page #header-main {
		background: #000000;
		background: linear-gradient(180deg,rgba(0, 0, 0, 1) 10%, rgba(0, 0, 0, 0.3) 90%);
	}

	#footer-main {
		width: 96%;
		height: auto;
		padding: 40px 0px 40px 0px;
		margin: 0px auto;
	}
	.footer-block-1, 
	.footer-block-2, 
	.footer-block-3, 
	.footer-block-4 {
		width: 220px;
		flex-basis: 220px;
		margin: 0px 3px 0px 3px;
    	padding: 23px 0px 0px 0px;
	}
	.footer-block h3 {
		text-decoration: none;
		letter-spacing: normal;
	}
	#recommendations-on-main h2,
	#histories-on-main h2,
	#articles-on-main h2 {
		padding: 20px 0px;
  		margin: 0px auto;
		letter-spacing: normal;
		text-transform: uppercase;
	}
	.footer-block ul li a {
		letter-spacing: normal;
	}
	#pagewrap.with-alert {
		padding: 117px 0px 0px 0px;
		margin: 0px;
		background: #00000042;
	}
	#pagewrap {
		padding: 80px 0px 0px 0px;
	}	
	#header-logo {
		flex-shrink: 0;
	}
	#swiper-on-main .swiper-main-button-prev,
	#histories-on-main .swiper-histories-button-prev,
	#articles-on-main .swiper-articles-button-prev {
		left: 5px;
		top: 50%;
		background: #4F3E3575 url("/themes/default/images/swiper-main-button-prev-3x.png") no-repeat 50% 50%;
		background-size: 19px;	
		-webkit-box-shadow: 0px 0px 8px 2px rgba(255, 255, 255, 0.8);
		-moz-box-shadow: 0px 0px 8px 2px rgba(255, 255, 255, 0.8);
		box-shadow: 0px 0px 8px 2px rgba(255, 255, 255, 0.8);
	}
	#swiper-on-main .swiper-main-button-next,
	#histories-on-main .swiper-histories-button-next,
	#articles-on-main .swiper-articles-button-next {
		right: 5px;
		top: 50%;
		background: #4F3E3575 url("/themes/default/images/swiper-main-button-next-3x.png") no-repeat 50% 50%;
		background-size: 19px;	
		-webkit-box-shadow: 0px 0px 8px 2px rgba(255, 255, 255, 0.8);
		-moz-box-shadow: 0px 0px 8px 2px rgba(255, 255, 255, 0.8);
		box-shadow: 0px 0px 8px 2px rgba(255, 255, 255, 0.8);		
	}
	#swiper-on-main .swiper-pagination {
		/* display: none; */
		bottom: 30px;
	}	
	.catalog-one-container {
		width: 100%;
	}
	.catalog-one-photos-area,
	.catalog-one-description {
		width: 100%;
		flex-basis: 100%;
		max-width: 600px;
		margin: 0px auto;
		padding: 0px 0px 20px 0px;
	}
	/* **** =============================================================== ****/
	/* ======================================================= */
	header.header-inner-page {
		background: #ffffffe1;
	}
	header.scrolled {
		-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);
	}

}

@media screen and (max-width: 1100px) {
	/**//**/
	#pagewrap {
		/* padding: 107px 0px 0px 0px; */
	}
}

@media screen and (max-width: 1000px) {
	/**//**/
	.footer-block-1, 
	.footer-block-2, 
	.footer-block-3, 
	.footer-block-4 {
		width: 220px;
		flex-basis: 220px;
		margin: 0px 10% 0px 10%;
    	padding: 23px 0px 0px 0px;		
	}
	.histories-swiper-block p {
		line-height: normal;
		letter-spacing: normal;
	}
	#header-menu-button {
		width: 40px;
		flex-basis: 40px;
		height: 40px;
		padding: 0px;
		margin: 0px 0px 0px 2%;
		background: url("/themes/default/images/header-menu-button-white-3x.png") no-repeat 50% 50%;
		background-size: 40px;
	}
	#header-main {
		/* height: 70px; */
	}
	#header-logo,
	.header-inner-page #header-logo {
		width: 130px;
		flex-basis: 130px;
		height: 64px;
		padding: 0px;
		margin: 0px 0px 0px 2%;
		background-size: 120px;
	}
	.slide-info {
		position: absolute;
		bottom: 0px;
		right: 0px;
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.slide-info div {
		padding: 10px;
		margin: 0px;
		background: #4f3e3548;
	}
	.slide-info h4 {
  		padding: 0px;
		margin: 0px;
	}
	.slide-info h2 {
		padding: 0px;
		margin: 0px;
	}
	.slide-info p {
		padding: 0px;
		margin: 0px;
	}
	#header-slogan {
		padding: 0px;
		margin: 0px 0px 0px 2%;
	}
	#header-panel {
		width: 160px;
		flex-basis: 160px;
	}
	.inner-catalog-filter-form {
		display: flex;
		align-items: flex-start;
		justify-content: center;
		flex-wrap: wrap;
	}
	.inner-catalog-filter-block {
		width: 120px;
		flex-basis: 120px;
		padding: 0px;
  		margin: 0px 1% 5px 1%;
	}
	#inner-catalog-filter-cat-search {
  		width: 100%;
  		flex-basis: 100%;
		padding: 0px;
		margin: 5px auto;
		max-width: none;
	}
	#inner-catalog-filter-sizes {
		order: 1;;
		padding: 0px;
    	margin: 0px 1% 5px 1%;
	}
	#inner-catalog-filter-compounds {
		order: 2;
		padding: 0px;
    	margin: 0px 1% 5px 1%;
	}
	#inner-catalog-filter-prices {
		order: 3;
		padding: 0px;
    	margin: 0px 1% 5px 1%;
	}
	#inner-catalog-filter-cat-search {
		order: 5;
	}
	#inner-catalog-filter-sorts {
		order: 4;
		padding: 0px;
    	margin: 0px 1% 5px 1%;	
	}
	#inner-catalog-filter-sizes .inner-catalog-filter-panel,
	#inner-catalog-filter-prices .inner-catalog-filter-panel {
		top: 34px;
		left: 0px;
		right: auto;
	}	
	#inner-catalog-filter-compounds .inner-catalog-filter-panel,
	#inner-catalog-filter-sorts .inner-catalog-filter-panel {
		top: 34px;
		left: auto;
		right: 0px;
	}
	.catalog_my_basket {
		width: 100%;
	}
	.inner-basket-fields-left {
		width: 100%;
		flex-basis: 100%;
	}
	.inner-basket-fields-right {
		width: 267px;
		height: 140px;
		padding: 0px;
		margin: 20px auto;
	}
	.inner-basket-payment {
		width: 100%;
	}
	.inner-basket-delivery {
		width: 100%;
	}
	.inner-basket-agree {
		width: 100%;
	}
	.inner-basket-final {
		width: 100%;
	}
	.inner-basket-list-photo {
		display: flex;
		align-items: flex-start;
		justify-content: center;
		flex-wrap: wrap;
	}
	.inner-basket-list-photo span {
		display: block;
		width: 90%;
		flex-basis: 90%;
		margin: 0px;
		padding: 10px 0px;
		text-align: center;
	}
	.inner-basket-list-th-1,
	.inner-basket-list-th-2,
	.inner-basket-list-th-3,
	.inner-basket-list-th-4,
	.inner-basket-list-th-5,
	.inner-basket-list-th-6 {
		width: 15%;
	}	
	.inner-basket-list-td-1,
	.inner-basket-list-td-2,
	.inner-basket-list-td-3,
	.inner-basket-list-td-4,
	.inner-basket-list-td-5,
	.inner-basket-list-td-6 {
		width: 15%;
	}
	.inner-basket-list-td-6 div span {
		padding: 0px 0px 0px 0px;
 		 margin: 0px auto;
	}
	.inner-basket-list-td .delete {
		width: 22px;
		flex-basis: 22px;
		padding: 0px;
		margin: 0px 0px 0px 0;
	}
}

@media screen and (max-width: 900px) {
	/**//**/
	#header-alert {
		font-size: 10px;
		letter-spacing: normal;
	}
}

@media screen and (max-width: 800px) {
	/**//**/
	.footer-block-1, 
	.footer-block-2, 
	.footer-block-3, 
	.footer-block-4 {
		width: 220px;
		flex-basis: 220px;
		margin: 0px 5% 0px 5%;
    	padding: 23px 0px 0px 0px;	
	}	
	#footer-law {
		display: flex;
		align-items: center;
		justify-content: space-around;
	}
	#footer-law h3 {
		padding: 0px;
		margin: 0px;
		font-size: 12px;
		letter-spacing: normal;
	}
	#footer-law p,
	#footer-law p a {
		padding: 0px;
		margin: 0px;
		position: static;
		font-size: 12px;
		letter-spacing: normal;
	}
	#articles-on-main .swiper-slide {
		width: 289px;
	}
	.articles-swiper-block-info h3 {
		padding: 15px 0px 0px 0px;
  		margin: 0px;
		line-height: normal;
		font-size: 16px;
		text-transform: uppercase;
		letter-spacing: normal;
		font-family: "proxima-nova-regular";
	}
	.articles-swiper-block-info p {
		display: none;
		line-height: normal;
		font-size: 13px;
		font-family: "proxima-nova-regular";
		text-transform: none;
		letter-spacing: normal;
	}
	#inner-basket-container {
		width: 100%;
	}
	.inner-basket-list-th {
		font-size: 12px;
	}
	.inner-basket-list-photo span {
		font-size: 12px;
	}
	.inner-basket-list-td {
		font-size: 12px;
	}
}

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

}	

@media screen and (max-width: 600px) {
	/**//**//**//**/
	.catalog-one-more-items ul {
		width: 100%;
	}
	.catalog-one-more-items-block {
		width: 48%;
		flex-basis: 48%;
		margin: 0px 0px 10px 0px;
  		padding: 0px 1%;
	}
	.catalog-one-description-button-buy {
		font-size: 13px;
	}
	.inner-basket-field {
		display: flex;
  		align-items: flex-start;
  		justify-content: flex-start;
		flex-wrap: wrap;
	}
	.inner-basket-field span {
		width: 100%;
		flex-basis: 100%;
		padding: 0px;
  		margin: 0px 0px 5px 0px;
	}
	.inner-basket-field-input,
	.inner-basket-field textarea {
  		width: 90%;
  		flex-basis: 90%;
		padding: 10px 4%;
		margin: 0px;
	}
	.inner-basket-list-photo a {
		width: 50px;
		flex-basis: 50px;
	}
	.inner-basket-list-td-6 div {
		display: flex;
		align-items: flex-start;
		justify-content: center;
		flex-wrap: wrap;
	}
	.inner-basket-list-td-6 div span {
		width: 100%;
		flex-basis: 100%;
	}
	.inner-basket-payment {
		margin: 0px 0px;
		padding: 10px 0px;
	}
	.inner-basket-payment-left {
		width: 100%;
		flex-basis: 100%;
	}
	.inner-basket-payment-left span,
	.inner-basket-delivery-left span {
		display: block;
		padding: 0px;
		margin: 15px 0px 15px 0px;
	}	
	.inner-basket-payment-right {
		width: 100%;
		flex-basis: 100%;
	}	
	.inner-basket-delivery-left {
		width: 100%;
		flex-basis: 100%;
	}
	.inner-basket-delivery-right {
		width: 100%;
		flex-basis: 100%;
	}
	.inner-basket-final p {
		width: 100%;
		flex-basis: 100%;
		padding: 15px 0px 15px 0px;
  		margin: 0px 0px 0px 0px;
		text-align: right;
	}
	.inner-basket-final a {
		width: 100%;
		flex-basis: 100%;
	}
}

@media screen and (max-width: 500px) {
	/**//**/
	#swiper-on-main .swiper-main-button-prev,
	#swiper-on-main .swiper-main-button-next {
		display: none;
	}
	.inner-catalog-list {
		display: flex;
		align-items: flex-start;
		justify-content: space-around;
		flex-wrap: wrap;
	}
	.inner-catalog-list-cat,
	.catalog-list-one {
		padding: 0px;
		margin: 0px 0px 25px 0px;
	}
}

@media screen and (max-width: 400px) {
	/**//**/
	#header-panel {
		padding: 0px;
		margin: 0px 1% 0px auto;
	}
	.catalog-one-description-order th,
	.catalog-one-description-order td {
		font-size: 12px;
	}
}