.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;
		background: #F8F6F7;
		background: linear-gradient(46deg,rgba(248, 246, 247, 1) 25%, rgba(255, 255, 255, 1) 100%);
		-webkit-box-shadow: 0px 0px 4px 4px rgba(34, 60, 80, 0.2);
		-moz-box-shadow: 0px 0px 4px 4px rgba(34, 60, 80, 0.2);
		box-shadow: 0px 0px 4px 4px rgba(34, 60, 80, 0.2);
		/* border-bottom:2px solid #ffffff; */
	}
	#header-alert {
		letter-spacing: normal;
		font-size: 9px;
		text-transform: uppercase;
	}
	#header-alert-container {
		width: 94%;
		height: auto;
		margin: 0px 0px;
		padding: 5px 3%;
		font-family: "roboto-medium";
	}
	#header-main.header-main-type-1,
	#header-main.header-main-type-2 {
		background: none;
	}
	#header-main-container {
		width: 96%;
		max-width: 1360px;
		height: 65px;
		padding: 0px 2%;
		margin: 0px auto;
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}
	#header-logo {
		position: relative;
		flex-shrink: 0;
		width: 180px;
		flex-basis: 180px;
		height: auto;
		top: auto;
		left: auto;
	}
	.header-logo-desktop {
		display: none;
	}
	.header-logo-mobile {
		display: block!important;
	}
	.header-logo-word span {
		width: 100%;
		margin: 0px 0px 0px 0px;
		padding: 10px 0% 0px 0%;
		text-align: right;
		color:#012a3d;
		letter-spacing: 0.0px;
		font-size: 8px;
		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-info {
		position: fixed;
		bottom: 0px;
		right: 0px;
		height: 65px;
		display: flex;
		align-items: center;
		justify-content: space-between;		
		background: #60AAB1;
		opacity: 0.8;
		-webkit-box-shadow: 0px 0px 4px 4px rgba(34, 60, 80, 0.2);
		-moz-box-shadow: 0px 0px 4px 4px rgba(34, 60, 80, 0.2);
		box-shadow: 0px 0px 4px 4px rgba(34, 60, 80, 0.2);
		border-radius: 10px 10px 0px 0px;
		-webkit-border-radius: 10px 10px 0px 0px;
		-moz-border-radius: 10px 10px 0px 0px;
		-ms-border-radius: 10px 10px 0px 0px;
		-o-border-radius: 10px 10px 0px 0px;
		/* border-bottom:3px solid #193E56; */
	}
	#header-user-panel {
		margin: 0;
		padding: 0;
		width: 100%;
		display: flex;
		align-items: center;
  		justify-content: space-around;
	}
	.header-user h4, 
	.header-wish h4, 
	.header-mobile-find h4, 
	.header-basket h4 {
		font-size: 10px;
		letter-spacing: normal;
		line-height: normal;
		font-family: "roboto-medium";
		text-transform: lowercase;
	}
	.header-mobile-find {
		display: block!important;
		width: 56px;
		flex-basis: 56px;
	}
	.header-mobile-find.active {
		border-bottom:3px solid #61B5BA;
	}
	.header-mobile-find span.material-icons {
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		font-size: 28px;
		height: 37px;
	}
	#header-find form {
  		width: 96%;
  		height: auto;	
	}
	.header-find-text {
		width: 80%;
		flex-basis: 80%;
		padding: 10px 0px;
		margin: 0px 0px;
		color:#012a3d;
	}
	#header-find {
		display: block;
		width: 91%;
		position: fixed;
		bottom: 80px;
		left: 2%;
		margin: 0 auto;
		padding: 5px 2%;
		border:none;
		background: #ffffffda;
		border: 3px solid #012a3d;
		opacity: 0;
		z-index: 1;
		transition: all 400ms ease-out;
		-webkit-transition: all 400ms ease-out;
		-moz-transition: all 400ms ease-out;
		-ms-transition: all 400ms ease-out;
		-o-transition: all 400ms ease-out;
		transform: translate(0, 400%);
		-webkit-transform: translate(0, 400%);
		-moz-transform: translate(0, 400%);
		-ms-transform: translate(0, 400%);
		-o-transform: translate(0, 400%);
	}
	#header-find.active {
		opacity: 1;
		transition: all 400ms ease-out;
		-webkit-transition: all 400ms ease-out;
		-moz-transition: all 400ms ease-out;
		-ms-transition: all 400ms ease-out;
		-o-transition: all 400ms ease-out;
		transform: translate(0, 0%);
		-webkit-transform: translate(0, 0%);
		-moz-transform: translate(0, 0%);
		-ms-transform: translate(0, 0%);
		-o-transform: translate(0, 0%);
	}
	#header-find #header-find form {
		width: 96%;
		height: 40px;
		padding: 0 2%;
		margin: 0 auto;
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}
	.header-user, 
	.header-wish, 
	.header-basket,
	.header-mobile-find {
		padding: 0;
		margin: 0;
		width: 56px;
		flex-basis: 56px;
		-webkit-box-shadow: 0px 0px 4px 4px rgba(34, 60, 80, 0.2);
		-moz-box-shadow: 0px 0px 4px 4px rgba(34, 60, 80, 0.2);
		box-shadow: 0px 0px 4px 4px rgba(34, 60, 80, 0.2);
		background: #F8F6F7;
		background: linear-gradient(46deg,rgba(248, 246, 247, 1) 25%, rgba(255, 255, 255, 1) 100%);
		border-radius: 10px 10px 0px 0px;
		-webkit-border-radius: 10px 10px 0px 0px;
		-moz-border-radius: 10px 10px 0px 0px;
		-ms-border-radius: 10px 10px 0px 0px;
		-o-border-radius: 10px 10px 0px 0px;
		border-bottom: 3px solid #193E56;
	}
	#header-catalog-btn {
		display: none;
		width: 56px;
		flex-basis: 56px;
		height: 50px;
		padding: 0;
		margin: 0 5% 0px 5%;
		background: #193E56 url("/themes/default/images/header-catalog-btn-3x.png") no-repeat 50% 50%;
		background-size: 25px;
		border-radius: 10px 10px 0px 0px;
		-webkit-border-radius: 10px 10px 0px 0px;
		-moz-border-radius: 10px 10px 0px 0px;
		-ms-border-radius: 10px 10px 0px 0px;
		-o-border-radius: 10px 10px 0px 0px;
		border-bottom:3px solid #ffffff;
		-webkit-box-shadow: 0px 0px 4px 4px rgba(34, 60, 80, 0.2);
		-moz-box-shadow: 0px 0px 4px 4px rgba(34, 60, 80, 0.2);
		box-shadow: 0px 0px 4px 4px rgba(34, 60, 80, 0.2);		
	}
	#header-catalog-btn span {
		display: none;
		padding: 0px 0px;
		margin: 0 0 0 45px;
	}
	#header-catalog-btn:hover {
		transition: all 400ms ease-out;
		-webkit-transition: all 400ms ease-out;
		-moz-transition: all 400ms ease-out;
		-ms-transition: all 400ms ease-out;
		-o-transition: all 400ms ease-out;		
		background: #2170a5 url("/themes/default/images/header-catalog-btn-3x.png") no-repeat 50% 50%;
		background-size: 25px;
	}
	#header-top-soc-mobile {
		padding: 0;
		margin: 0;
		display: block!important;
	}
	#header-top-soc-mobile ul {
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}
	#header-top-soc-mobile ul li {
		/* border-left:1px dashed #2170a5; */
	}
	#header-top-soc-mobile ul li a {
		display: block;
		text-decoration: none;
		padding: 0 0px;
		margin: 0 5px;
		width: 30px;
		flex-basis: 30px;
	}
	#header-top-soc-mobile ul li a img {
		display: block;
		width: 100%;
		padding: 0;
		margin: 0;
	}
	#header-top-soc-mobile ul li a.header-top-soc-mobile-phone {
		width: auto;
		flex-basis: auto;
		font-size: 13px;
		font-weight: normal;
		font-family: "roboto-bold";
		white-space: nowrap;
	}
	#header-menu-mobile-trigger {
		display: flex!important;
		align-items: center;
		justify-content: center;
		margin: 0 13px 0 0px;
		padding: 3px;
		/* background: #3395e4; */
		background: #8FC9DA;	
		text-decoration: none;
		/* border:2px dashed #5a81c2; */
		-webkit-box-shadow: 0px 0px 8px 0px rgba(34, 60, 80, 0.2);
		-moz-box-shadow: 0px 0px 8px 0px rgba(34, 60, 80, 0.2);
		box-shadow: 0px 0px 8px 0px rgba(34, 60, 80, 0.2);
		border:2px solid #ffffff;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-ms-border-radius: 5px;
		-o-border-radius: 5px;
	}
	#header-menu-mobile-trigger .material-icons {
		color:#ffffff;
		font-size: 25px;
	}
	#swiper-on-main,
	#swiper-on-main-mobile {
		width: 92%;
		padding: 0px 0px 0px 0px;
		margin: 100px auto 0px auto;
		position: relative;
	}
	.swiper-main-button-prev,
	.swiper-main-button-next {
		display: none;
	}
	#categories-on-main {
		width: 92%;
		padding: 0;
		margin: 0 auto;
	}
	#categories-on-main ul {
    	margin: 0 auto;
    	padding: 20px 0px;
    	width: 100%;
		display: flex;
  		align-items: flex-start;
		justify-content: center;
		flex-wrap: wrap;
	}
	#categories-on-main ul li {
		position: relative;
		overflow: hidden;
		width: 300px;
		flex-basis: 300px;
		padding: 0 0px;
		margin: 0 2% 20px 2%;
	}
	#categories-on-main ul li span {
		font-size: 30px;
	}
	.header-basket .basket_header_items {
		position: absolute;
		top: 0px;
		right: 0px;
	}
	#new-on-main-container {
		width: 92%;
	}
	#new-on-main-container h3 {
  		padding: 10px 0px 30px 0px;
		margin: 0px 0px 0px 0px;
		text-align: center;
		font-family: "roboto-medium";
		font-size: 30px;
		font-weight: normal;
		color: #000000;
	}
	.newSwiper .swiper-slide {
		width: 200px;
		flex-basis: 200px;
	}
	#cookies-on-main {
		width: 92%;
		margin: 0 auto;
		padding: 0 0;
	}
	#cookies-on-main-container {
  		width: 98%;
		height: auto;
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	#cookies-on-main-text {
		width: 90%;
		flex-basis: 90%;
		margin: 0px 0px;
		padding: 10px 5%;
		font-family: "roboto-light";
		font-size: 14px;
		font-weight: normal;
		color: #ffffff;
		opacity: 0.8;
		text-align: center;
	}
	#cookies-on-main-buttons {
		width: 200px;
		flex-basis: 200px;
		padding: 10px 0px 20px 0px;
		margin: 0 auto;
	}
	#advantages-on-main-container {
		width: 92%;
	}
	#advantages-on-main-container h3 {
		padding: 30px 0px 30px 0px;
		margin: 0px 0px 0px 0px;
		text-align: center;
		font-family: "roboto-regular";
		font-size: 30px;
		font-weight: normal;
		color: #000000;
	}
	.advantages-on-main-block {
		padding: 0 0 0 0;
		margin: 40px 2% 40px 2%;
		border: 2px solid #c5c5c5;
		-webkit-box-shadow: 0px 0px 4px 4px rgba(34, 60, 80, 0.2);
		-moz-box-shadow: 0px 0px 4px 4px rgba(34, 60, 80, 0.2);
		box-shadow: 0px 0px 4px 4px rgba(34, 60, 80, 0.2);		
	}
	.advantages-on-main-title,
	.advantages-on-main-text {
		font-family: "roboto-regular";
	}
	#articles-on-main-container h3 {
		padding: 10px 0px 30px 0px;
		margin: 0px 0px 0px 0px;
		text-align: center;
		font-family: "roboto-regular";
		font-size: 30px;
		font-weight: normal;
		color: #000000;
	}
	#articles-on-main-container {
  		width: 92%;
	}
	.articles-on-main-text {
		font-family: "roboto-regular";
	}
	#about-on-main-container {
		width: 92%;
	}
	#about-on-main {
		width: 100%;
		padding: 10px 0px 30px 0px;
		margin: 0;
	}
	#about-on-main-container {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
	}
	#about-on-main-img {
		max-width: 500px;
		width: 90%;
		flex-basis: 90%;
		padding: 0;
		margin: 0 1%;
		-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);		
	}
	#about-on-main-text {
		padding: 0% 0%;
		margin: 0% 0%;
		width: 100%;
		flex-basis: 100%;
	}
	#about-on-main-text h3 {
		padding: 20px 0px 20px 0px;
		margin: 0px 0px 0px 0px;
		text-align: center;
		font-family: "roboto-regular";
		font-size: 30px;
		font-weight: normal;
		color: #000000;		
	}
	#diploms-on-main {
		width: 100%;
		padding: 10px 0px 30px 0px;
		margin: 0px 0px 0px 0px;
	}
	#diploms-on-main-container {
		width: 92%;
		padding: 0;
		margin: 0 auto;
		max-width: 1370px;
	}
	#diploms-on-main-container ul {
		width: 100%;
		padding: 0;
		margin: 0;
		display: flex;
		align-items: flex-start;
		justify-content: center;
		flex-wrap: wrap;
	}
	#diploms-on-main-container ul li {
		width: 145px;
		flex-basis: 145px;
		padding: 0;
		margin: 0 2% 20px 2%;
		border: 1px solid #dfdfdf;
		-webkit-box-shadow: 0px 0px 4px 4px rgba(34, 60, 80, 0.2);
		-moz-box-shadow: 0px 0px 4px 4px rgba(34, 60, 80, 0.2);
		box-shadow: 0px 0px 4px 4px rgba(34, 60, 80, 0.2);		
	}
	footer {
		height: auto;
	}
	#footer-container {
		width: 92%;
		padding: 0 0 100px 0;
  		margin: 0 auto 0 auto;
	}
	.footer-block-2,
	.footer-block-3 {
		display: none;
	}
	#footer-container {
		display: flex;
		align-items: flex-start;
		justify-content: space-around;
		flex-wrap: wrap;
	}
	.footer-block-1,
	.footer-block-4 {
		margin: 0px 10px 0px 10px;
		padding: 40px 0px 10px 0px;
		width: 255px;
		flex-basis: 255px;
		height: auto;
	}

	#header-top {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 4;
		background: #1E7D96;
		background: linear-gradient(44deg,rgba(30, 125, 150, 1) 31%, rgba(33, 190, 204, 1) 73%);
		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;
		transform: translate(-200%, 0px);
		-moz-transform: translate(-200%, 0px);
		-ms-transform: translate(-200%, 0px);
		-o-transform: translate(-200%, 0px);
		-webkit-transform: translate(-200%, 0px);
	}
	#header-top.active {
		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;
		transform: translate(0%, 0px);
		-moz-transform: translate(0%, 0px);
		-ms-transform: translate(0%, 0px);
		-o-transform: translate(0%, 0px);
		-webkit-transform: translate(0%, 0px);
	}
	#header-top-wrapper {
		position: relative;
		width: 80%;
		padding: 20px 4%;
		margin: 40px auto;
		background: #ffffff;
		border:2px solid #ffffff;
		border-radius: 20px;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		-ms-border-radius: 20px;
		-o-border-radius: 20px;
		/* -webkit-box-shadow: 0px 0px 6px 4px rgba(34, 60, 80, 0.3);
		-moz-box-shadow: 0px 0px 6px 4px rgba(34, 60, 80, 0.3);
		box-shadow: 0px 0px 6px 4px rgba(34, 60, 80, 0.3); */
	}
	#header-top #header-top-close {
		position: absolute;
		top: -35px;
		right: -15px;
		padding: 0;
		margin: 0;
		display: flex!important;
		width: 30px;
		height: 30px;
		text-decoration: none;
		align-items: center;
		justify-content: center;
	}
	#header-top-close span {
		font-size: 24px;
		color:#ffffff;
	}
	#header-top-wrapper,
	#header-top-container {
		height: auto;
	}
	#header-top-container {
		width: 90%;
		padding: 0px 5%;
		margin: 0px auto;
		height: 500px;
		overflow-y: scroll;
		display: block;
	}
	.header-top-menu-ul {
		padding: 0;
		margin: 0;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		flex-wrap: wrap;
	}
	.header-top-menu-ul li {
		width: 100%;
		flex-basis: 100%;
	}
	.header-top-menu-ul li a {
		display: block;
		padding: 10px 5px;
		margin: 0px 0px 0px 0px;
		border-bottom:1px dashed #1E7D96;
		font-size: 17px;
		color:#193E56;
	}
	#header-top-phone {
		padding: 0 0px 0 0px;
		margin: 40px auto 30px auto;
		text-align: center;
	}
	/* **** =============================================================== ****/

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

	/**/
	#main.main-inner {
		width: 96%;
		margin: 0 auto;
		padding: 100px 2% 20px 2%;
	}
	.news-list-block-img {
		width: 200px;
		flex-basis: 200px;
		flex-shrink: 0;
	}
	#main.main-inner h1,
	#main.main-inner h2,
	#main.main-inner h3 {
		font-size: 26px;
	}
	#main.main-inner h2 {
		font-size: 21px;
	}
	#main.main-inner h3 {
		font-size: 17px;
	}
	.inner-catalog-all-cat .inner-catalog-all-cat-img {
		-webkit-box-shadow: 0px 0px 11px 3px rgba(34, 60, 80, 0.22);
		-moz-box-shadow: 0px 0px 11px 3px rgba(34, 60, 80, 0.22);
		box-shadow: 0px 0px 11px 3px rgba(34, 60, 80, 0.22);	
		transition: all 400ms ease-out;
		-webkit-transition: all 400ms ease-out;
		-moz-transition: all 400ms ease-out;
		-ms-transition: all 400ms ease-out;
		-o-transition: all 400ms ease-out;
	}
	#catalog-cat-content .catalog-cat-sorter-form {
		width: 100%;
		padding: 0 0 0px 0;
		margin: 0 0 0px 0;
		display: flex;
		align-items: flex-end;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	#main.main-inner .catalog-cat-sorter-form .catalog-cat-title {
		width: 100%;
		flex-basis: 100%;
		font-size: 26px;
		font-family: "roboto-medium";
	}
	#main.main-inner .catalog-cat-sorter-form #catalog_sorter {
		width: 100%;
		flex-basis: 100%;
		padding: 0px 0px;
		margin: 20px auto 5px auto;
	}
	#main.main-inner .catalog-cat-sorter-form #catalog_sorter ul {
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}
	#main.main-inner .catalog-cat-sorter-form #catalog_sorter ul li {
		padding: 0 5px;
		margin: 0px 0px;
	}
	#catalog-cat-content {
		width: 100%;
		flex-basis: 100%;
		padding: 0;
		margin: 0;
	}
	#catalog-cat-sidebar {
		position: fixed;
		top: 125px;
		left: 0px;
		width: 200px;
		flex-basis: 200px;
		padding: 35px 30px;
		margin: 0px 0px;
		background: #ffffff;
		-webkit-box-shadow: 4px 4px 4px 2px rgba(34, 60, 80, 0.2);
		-moz-box-shadow: 4px 4px 4px 2px rgba(34, 60, 80, 0.2);
		box-shadow: 4px 4px 4px 2px rgba(34, 60, 80, 0.2);
		z-index: 2;
		transform: translate(-105%, 0%);
		-webkit-transform: translate(-105%, 0%);
		-moz-transform: translate(-105%, 0%);
		-ms-transform: translate(-105%, 0%);
		-o-transform: translate(-105%, 0%);
		transition: all 400ms ease-out;
		-webkit-transition: all 400ms ease-out;
		-moz-transition: all 400ms ease-out;
		-ms-transition: all 400ms ease-out;
		-o-transition: all 400ms ease-out;
	}
	#catalog-cat-sidebar.active {
		transform: translate(0%, 0%);
		-webkit-transform: translate(0%, 0%);
		-moz-transform: translate(0%, 0%);
		-ms-transform: translate(0%, 0%);
		-o-transform: translate(0%, 0%);
		transition: all 400ms ease-out;
		-webkit-transition: all 400ms ease-out;
		-moz-transition: all 400ms ease-out;
		-ms-transition: all 400ms ease-out;
		-o-transition: all 400ms ease-out;
	}
	#catalog-cat-sidebar-container {
		position: relative;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 100px 0px;
	}
	#catalog-cat-sidebar-scroller {
		width: 80%;
		max-height: 304px;
		padding: 0px 10%;
		margin: 0px 0px;
		overflow-y: scroll;
	}
	.catalog-cat-sidebar-buttons {
		position: absolute;
		right: 0px;
		bottom: 0px;
		width: 100%;
		padding: 20px 0px 5px 0px;
		margin: 0px 0px;
		display: flex;
		align-items: center;
		justify-content: space-around;
		border-top:1px solid #cedede;
	}
	#catalog-cat-sidebar-close {
		display: flex!important;
		position: absolute;
		top:-20px;
		right:-15px;
		color:#2170a5;
		font-size: 20px;
		text-decoration: none;
	}
	#catalog-cat-sidebar-show {
		display: flex!important;
		position: absolute;
		top: -20px;
		right: -80px;
		color: #2170a5;
		background-color: #fff;
		font-size: 20px;
		text-decoration: none;
		border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-ms-border-radius: 50%;
		-o-border-radius: 50%;
		-webkit-box-shadow: 0px 0px 4px 2px rgba(34, 60, 80, 0.2);
		-moz-box-shadow: 0px 0px 4px 2px rgba(34, 60, 80, 0.2);
		box-shadow: 0px 0px 4px 2px rgba(34, 60, 80, 0.2);
	}
	#main.main-inner .catalog-cat-sorter-form #catalog_sorter ul li span.sorter_order_ASC {
		width: 7px;
		flex-basis: 7px;
		height: 40px;
		padding: 0px;
		margin: 0px 3px 0px 3px;
		background: url("/themes/default/images/sorter-order-asc-3x.png") no-repeat 50% 50%;
		background-size: 5px;
	}
	#main.main-inner .catalog-cat-sorter-form #catalog_sorter ul li span.sorter_order_DESC {
		width: 7px;
		flex-basis: 7px;
		height: 40px;
		padding: 0px;
		margin: 0px 3px 0px 3px;
		background: url("/themes/default/images/sorter-order-desc-3x.png") no-repeat 50% 50%;
		background-size: 5px;
	}	
	#main.main-inner .catalog-cat-sorter-form #catalog_sorter ul li span::before {
		display: none!important;
	}
	#soc-block-on-main {
		display: none;
	}
	.catalog-one-photos-area {
  		max-width: 500px;
		width: 90%;
		flex-basis: 90%;
		padding: 0;
		margin: 0 auto;
	}
	.catalog-one-description {
		max-width: 700px;
		width: 90%;
		flex-basis: 90%;
		padding: 0px 0px 0px 0px;
		margin: 30px auto;
	}
	.catalog-one-description-consul {
  		width: 80%;
		padding: 0px 5% 0px 5%;
  		margin: 35px auto 0px auto;
		background: none;
	}
	.catalog-one-description-consul a {
		width: 100%;
		height: auto;
	}
	#soc-block-on-inner {
		display: none;
	}
	.catalog-one-description-price-button-fast,
	.catalog-one-description-price-button-basket {
		width: 120px;
		flex-basis: 120px;
		font-size: 12px;
		font-family: "roboto-regular";
	}
	.catalog-one-description-price-buttons {
		justify-content: space-around;
		padding: 20px 0px;
		margin: 0px 0px;
		border-top:1px dashed #8FC9DA;
		border-bottom:1px dashed #8FC9DA;
	}
	.catalog-one-description-amount-title {
		font-size: 15px;
	}
	.otherImgSwiper .swiper-slide .swiper-slide-block img {
		width: 93%;
	}
	#inner-basket-list {
		width: 100%;
		flex-basis: 100%;
		max-width: 700px;
		padding: 0 0px;
		margin: 0 auto;
	}
	#inner-ordering-list {
		width: 100%;
		flex-basis: 100%;
		max-width: 700px;
		/* padding: 0 0px; */
		margin: 0 auto;
	}
	#inner-basket-panel,
	#inner-ordering-panel {
		width: 100%;
		flex-basis: 100%;
		max-width: 400px;
		padding: 0px 0px 0px 0px;
		margin: 30px auto 0px auto;
	}
	#inner-basket-panel-buttons-promo input[type="text"],
	#inner-ordering-panel-buttons-promo input[type="text"] {
		font-size: 10px;
	}
	#inner-basket-panel-buttons-promo input[type="text"]::placeholder,
	#inner-ordering-panel-buttons-promo input[type="text"]::placeholder {
		font-size: 10px;
	}
	#main.main-inner #inner-basket-panel-buttons-total h3,
	#inner-basket-panel-buttons-total div,
	#main.main-inner #inner-ordering-panel-buttons-total h3,
	#inner-ordering-panel-buttons-total div {
		font-size: 17px;
	}
	#inner-basket-panel-buttons-alert,
	#inner-ordering-panel-buttons-alert {
		font-size: 12px;
	}
	.inner-basket-list-block-title,
	.inner-ordering-list-block-title {
		width: 90%;
		flex-basis: 90%;
		font-size: 13px;
  		line-height: 20px;
		height: 40px;
	}
	#inner-basket-title,
	#inner-ordering-title {
		padding: 10px 0px 5px 0px;
		margin: 0px 0px;
	}
	#main.main-inner #inner-basket-title h1,
	#main.main-inner #inner-ordering-title h1 {
		font-size: 26px;
		font-family: "roboto-medium";
		line-height: 26px;
		font-weight: normal;		
	}
	#inner-ordering-items-info {
		width: 94%;
		padding: 15px 3% 15px 3%;
		margin: 0 auto;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		flex-wrap: wrap;
	}
	#inner-ordering-items-info p {
		width: 100%;
		flex-basis: 100%;
		padding: 0px 0px 10px 0px;
		margin: 0px 0px 0px 0px;
		text-align: right;
	}
	#inner-ordering-client-title {
  		margin: 0px 0px 0px 0px;
  		padding: 30px 30px 20px 30px;
	}
	#inner-ordering-delivery-list input[type="radio"] + span, 
	#inner-ordering-pay-list input[type="radio"] + span {
		font-size: 14px;
	}
	#inner-ordering-delivery-list, #inner-ordering-pay-list {
  		padding: 10px 0px 10px 0px;
  		margin: 0px 0px 0px 0px;
  		width: 100%;
	}
	#inner-ordering-agree label input[type="checkbox"] + p::before, 
	#inner-ordering-panel-buttons-agree label input[type="checkbox"] + p::before {
		content: "";
		padding: 0 0 0px 0px;
		margin: 15px 10px 15px 0px;
	}
	#inner-ordering-delivery-list label, 
	#inner-ordering-pay-list label {
  		margin: 0px 0px 0px 0px;
  		padding: 6px 10px 6px 20px;
	}
}
@media screen and (max-width: 1100px) {
	/**//**/
}

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

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

@media screen and (max-width: 800px) {
	/**//**/
	#swiper-on-main {
		display: none;
	}
	#swiper-on-main-mobile {
		display: block!important;
	}
	.swiper-main-button-prev,
	.swiper-main-mobile-button-prev {
		position: absolute;
		top: 45%;
		left: 3%;	
	}	
	.swiper-main-button-next,
	.swiper-main-mobile-button-next {
		position: absolute;
		top: 45%;
		right: 3%;	
	}		
}

@media screen and (max-width: 700px) {
	/**//**/
	.news-list-block {
		display: flex;
		align-items: flex-start;
		justify-content: center;
		flex-wrap: wrap;
	}
	#inner-ordering-items-info a {
		font-size: 12px;
	}
	.inner-ordering-client-block,
	.inner-ordering-client-block.inner-ordering-client-block-big {
		width: 100%;
  		flex-basis: 100%;
	}
	.inner-ordering-client-block label {
  		display: block;
  		padding: 10px 4% 5px 4%;
		margin: 0px 0px 0px 0px;
		color: #000000;
	}
	.inner-ordering-client-block.inner-ordering-client-block-big input[type="text"],
	.inner-ordering-client-block input[type="text"] {
  		width: 92%;
  		flex-basis: 92%;
  		padding: 13px 4%;
  		margin: 0px;
	}
	#inner-ordering-delivery, 
	#inner-ordering-pay {
		width: 99%;
		flex-basis: 99%;
		padding: 0px 0px;
		margin: 10px 0px;
	}
	#inner-ordering-delivery-list, 
	#inner-ordering-pay-list {
		min-height: auto;
	}
	#inner-ordering-agree, 
	#inner-ordering-panel-buttons-agree {
		line-height: normal;
	}
	#inner-ordering-agree {
		padding: 15px 0px 0px 0px;
  		margin: 0px auto;
	}
	#inner-ordering-agree label input[type="checkbox"] + p, 
	#inner-ordering-panel-buttons-agree label input[type="checkbox"] + p {
		font-size: 14px;
	}
	#inner-ordering-agree label input[type="checkbox"] + p::before, 
	#inner-ordering-panel-buttons-agree label input[type="checkbox"] + p::before {
		/* padding: 0 0 0px 0px;
		margin: 10px 10px 0 0; */
	}
	#main.main-inner #inner-ordering-title h1 {
    	font-size: 22px;
	}
	#main.main-inner #inner-ordering-delivery h3, #main.main-inner #inner-ordering-pay h3 {
		margin: 0px 0px 0px 0px;
		padding: 15px 30px 16px 30px;
	}
}	

@media screen and (max-width: 600px) {
	/**//**/
	.header-top-soc-mobile-phone {
		display: none!important;
	}
	#header-top-soc-mobile ul li#header-top-soc-mobile-li-3,
	#header-top-soc-mobile ul li#header-top-soc-mobile-li-4 {
		border-left: 2px dotted #2170a5;
	}
	.catalog_all_list {
		width: 100%;
		padding: 0px 0px;
		margin: 20px 0px;
		display: flex;
		align-items: flex-start;
		justify-content: space-around;
		flex-wrap: wrap;
	}
	.inner-basket-list-block-img {
  		width: 100px;
  		flex-basis: 100px;
  		height: 100px;
	}
	.catalog-onedescription-amount, 
	.inner-basket-list-block-amount {
  		padding: 0 0 0 0;
  		margin: 0 15px 0 0;
  		width: 100px;
  		flex-basis: 100px;
  		height: 30px;
	}
	.catalog-one-description-amount-value, 
	.inner-basket-list-block-amount-value {
		font-size: 11px;
	}
	.inner-basket-list-block-total-price {
		font-size: 16px;
		white-space: nowrap;
	}
	.inner-basket-list-block-total-delete {
		font-size: 11px;
	}
	.inner-basket-list-delete-all a {
		font-size: 12px;
	}
}

@media screen and (max-width: 500px) {
	/**//**/
	#inner-ordering-client-title {
    	margin: 0px 0px 0px 0px;
    	padding: 30px 30px 20px 15px;
  	}
}

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