body {}
img {max-width:100%; height:auto}

body#body .only-mob {display:none}

@media only screen and (max-width: 1139px) {
	

	
	
	
	.page-body-width {width:100%; max-width:100%; padding:0 16px; margin:0}
	.page-body-full {width:100%; padding-left:0; padding-right:0}
	
	body, input, textarea {font-size:14px}
	
	#body .only-pc {display:none}
	#body .only-mob, #body div.only-mob {display:block}
	#body span.only-mob, #body a.only-mob {display:inline-block}
	
	header {}
	footer {}
	header div, footer div {max-width:100%}
	body main div, body main span {min-width:0}
	
	main {max-width:100%; padding:0 20px}
	main.page-body-wide {padding:0; overflow:hidden}
	
	#center {padding-bottom:20px}
	main h1 {margin:12px 0; font-size:21px}
	.breadcrumbs {line-height:200%}
	
	
	/****** HEADER MAIN *******/
	
	header {position:relative; font-size:inherit}
	
	@media only screen and (max-width: 719px) {
		body header .header-mob-placeholder, html body .header-search.header-mob-placeholder {display:none}

		.header-main {margin-top:65px}
		.mob-menu-show .header-main {margin-top:0px}

	}
	@media only screen and (max-width: 719px) {
		header {background:white;}
		#center {margin-top:38px}
		.header-panel {position:fixed; top:0; left:0; right:0; z-index:998;  min-height:38px; box-sizing:border-box}
	}

	
	.header-panel {display:block; padding:10px 15px;}
	.header-panel a {color:inherit} 
	.header-panel .header-city {margin-bottom:0;}
	.header-panel .menu-items {display:none}
	.header-panel .menu-items a {margin-right:14px; line-height:160%}

	.header-panel .menu-items {position:relative; top:13px; margin:0 0 15px 0; text-align:left}
	
	.header-city {display:inline-block}
	.header-mob-menu {float:right;}
	.header-mob-menu-link {cursor:pointer}
	@media only screen and (max-width: 420px) {
		.header-mob-menu-link-additional {display:none}
	}	
	
	header .menu-items a {white-space:nowrap}
	
	
	
	
	body .header-main .logo-wrap {display:block; float:none; width:auto; text-align:center; margin:30px 0 25px 0}
	body .header-main .logo {max-width:100%; background-size:cover}
	




	.header-main-block {box-sizing:border-box; max-width:100%; margin:20px 0; padding:0 10px; font-size:inherit}
	
	.header-main-block .header-delivery-link-wrap {display:none}
	.header-main-block .header-qa-link-wrap {display:none}
	
	.header-main-block-1 {text-align:center; margin:-10px -10px; padding:0 10px}
	.header-main-block .menu-item-wrap {width:auto; margin:10px 20px}
	.header-call-link-wrap {display:inline-block; margin:10px 20px}
	body .header-main-block .header-call-link {height:auto; line-height:37px}
	
	.header-main-block .header-user {display:inline-block}
	
	@media only screen and (min-width: 920px) {
		.header-main {position:relative}
		body .header-main .header-main-block {display:block; width:auto}
		body .header-main .logo-wrap {display:inline-block; vertical-align:top; position:absolute; top:0; left:0; float:left; width:257px; margin:10px 0 0 21px}
		.header-main .header-main-block {display:inline-block; vertical-align:top; margin:20px 0 0 0}
		.header-main .header-main-block-1 {margin:0px 0 0 277px}
		.header-main .header-main-block-2 {clear:both; margin:10px -5px; padding-left:0; padding-right:0;}
	}
	
	.header-main-block .header-cart, .header-main-block .header-fav, .header-main-block .header-user {width:auto}
	.header-main-block .header-cart .icon, .header-main-block .header-fav .icon, .header-main-block .header-user .icon {margin:0 12px 0 0}
	.header-main-block .header-cart {margin-right:15px}
	
	
	.header-main-block-2 {margin:-10px -10px; padding:0 10px; text-align:center}
	.header-main-block .header-main-block-2 > form {display:block; text-align:center; margin:25px 0px 15px 0px}
	.header-main-block .header-main-block-2 > form input[type=text] {box-sizing:border-box; width:100%;}
	.header-main-block-2 > form, .header-main-block-2 > span {margin:10px 0}
	
	.header-main-block-2 .text {display:none} /*****************************************************/

	.header-catalog-menu {display:none}
	
	.header-mob-catalog {display:block; padding:0 10px 10px 10px}
	.header-mob-catalog-link {display:block !important}
	.header-mob-catalog-link .icon {width:21px; height:21px; background-image:url(images/catalog-view-grid.png); margin:-5px 9px 0 0}
	/* .header-mob-catalog-bg {margin:6px 0 0px 0; height:2px; border-top:solid 1px #2f5791; border-bottom:1px solid #2f5791;} */
	
	
	.footer-mob-logout {margin:20px 0}
	
	
	footer {max-width:100%; margin:0 0px; padding:0}
	footer > .page-body-width {display:flex; flex-wrap:wrap; margin:-20px 0px; padding:15px 0 0 0; justify-content: center;}
	footer > .page-body-width > div {display:inline-block; padding:20px 15px 20px 15px}
	
	.footer-logo-col {padding-top:20px; flex-grow:1; }
	.footer-logo-col .logo {margin:0}
	
	.footer-menu-col {padding:0; text-align:center;}
	.footer-menu-col .menu-items {display:inline-block; text-align:left;}
	
	
	.footer-contacts-col {display:flex; width:auto; align-items:center; justify-content:center}
	.footer-contacts-col .phone-item {display:flex; margin:auto; margin-bottom:20px;  align-items:center; justify-content:center}
	.footer-contacts-col .phone-item > .body {display:inline-flex; }
	.footer-contacts-col .map-item {display:flex; margin:auto; align-items:center; justify-content:center}
	
	.footer-call-col {padding:0; text-align:center;  flex-grow:1; width:100%}
	.footer-call-col a.footer-call-link {margin:0}
	
	.footer-about-col {margin-bottom:0; text-align:left; padding-bottom:15px;   flex-grow:18;}
	.footer-about-col .item {margin-top:0}
	.footer-about-col .item .s1 {margin-bottom:15px}
	
	
	
	
	
	
	
	
	
	
	/****** INDEX *******/
	
	#slider-feedback-form {display:none}
	
	@media only screen and (max-width: 1139px) {
		.slider-landing, .slider-landing .owl-carousel .item {height:400px; min-height:auto}
	}		
	@media only screen and (max-width: 920px) {
		.slider-landing, .slider-landing .owl-carousel .item {height:340px; min-height:auto}
	}	
	@media only screen and (max-width: 720px) {
		.slider-landing, .slider-landing .owl-carousel .item {height:300px; min-height:auto}
		.slider-landing .slider-title {font-size:22px}
	}
	@media only screen and (max-width: 520px) {
		.slider-landing, .slider-landing .owl-carousel .item {height:240px; min-height:auto}
		.slider-landing .slider-title {font-size:14px}
	}		
	@media only screen and (max-width: 380px) {
		.slider-landing, .slider-landing .owl-carousel .item {height:180px}
		
	}
	
	.slider-landing .owl-nav {position:static; margin:auto 20px}
	.slider-landing .owl-prev, .slider-landing .owl-next {position:absolute; top:50%; height:40px; margin-top:-20px}
	.slider-landing .owl-prev {left:15px}
	.slider-landing .owl-next {right:15px}
	
	
	.slider-landing .slider-text {font-size:18px}
	.slider-landing .slider-content {height:auto; margin:auto 50px;}
	.slider-landing .item {display:flex;}
	
	
	
	.slider-landing #item-id-10 .slider-content {}
	.slider-landing #item-id-10 .slider-title {padding:0}
	.slider-landing #item-id-10 .slider-table {display:none}
	
	
	
	
	.landing-dealer .s1 {font-size:22px}
	.landing-dealer .s2 {font-size:18px}
	.landing-dealer-items {display:block; width:auto; margin:20px 0;}
	.landing-dealer-items .item {font-size:16px}
	
	.landing-dealer-form {display:block; width:auto; min-height:auto; margin:15px 0; padding:20px 0 20px 0; text-align:center}
	.landing-dealer-form .s3 {font-size:133%; margin-left:15px; margin-right:15px}
	.landing-dealer-form .d3 {display:block; width:auto; min-width:280px; max-width:50%; margin:0 auto}
	.landing-dealer-form .d3 .field-note {width:auto; margin-bottom:0}
	
	
	#index-acts {}
	#index-acts .landing-body {margin:0}
	#index-acts .ui-tabs-grey .tab-item .text-wrap-wrap {width:auto; padding-left:20px; padding-right:20px; font-size:inherit}
	
	@media only screen and (max-width: 479px) {
		
		#index-acts .ui-tabs-grey .ui-tabs {margin:0 0 2px 0}
		#index-acts .ui-tabs-grey .tab-item {display:block; margin:0 0 1px 0}
		#index-acts .ui-tabs-grey .tab-item .text-wrap-wrap {display:block;}
		
	}
	
	
	
	.landing-catalog-fw {display:flex; flex-wrap:wrap}
	.landing-catalog-fw .landing-catalog-form {order:2}
	.landing-catalog-fw .cat-sections {order:1}
	
	
	
	
	
	.landing-catalog-form {display:block; width:100%; margin:0 0 15px 0; min-height:0; float:none}
	.landing-catalog-form .ui-form-light {box-sizing:border-box; display:block; margin:0 auto; width:auto; max-width:50%; padding-left:15px; padding-right:15px }
	.landing-catalog-form .ui-form-note {display:block; width:auto; text-align:center}
	@media only screen and (min-width: 260px) {
		.landing-catalog-form .ui-form-light {min-width:260px;}
	}
	
	#index-catalog .cat-sections {box-sizing:border-box; width:100%; display:flex; flex-wrap:wrap; margin:0px; padding:0 15px}

	#index-catalog .cat-section {box-sizing:border-box; flex-basis:50%; margin:0px; padding:15px}
	@media only screen and (max-width: 340px) {
		#index-catalog .cat-section {flex-basis:100%}
	}	
	@media only screen and (min-width: 512px) {
		#index-catalog .cat-section {flex-basis:33%}
	}
	#index-catalog .cat-section img {width:100%; height:auto}
	
	.landing-about-table {width:100%; float:none; }
	.landing-about-table span.col {text-align:center}
	.landing-about-table span.col br {display:none}
	
	
	.landing-about-text {display:block; width:auto; float:none}
	
	
	.landing-prod-images {margin:-20px}
	.landing-prod-images img {margin:20px; max-width:120px}
	
	.landing-prod .landing-title {margin-bottom:0}
	
	.rest-block {padding-left:0; padding-right:0}
	@media only screen and (max-width: 511px) {
		.rest-item-picture {display:block; margin:0; text-align:center; float:none; width:auto; height:auto}
		.rest-item-text {margin:15px 0}
	}
	@media only screen and (max-width: 349px) {
		.rest-item-showall {font-size:12px}
	}
	.rest-item-tools {position:static}
	
	
	
	
	.landing-map-info {position:static}
	.contacts-map {height:auto; min-height:0}
	
	.landing-map-info {width:auto; padding:0 0 30px 0}
	
	
	
}





@media only screen and (max-width: 1139px) {
	
	/***** CATALOG SECTION *****/
	
	.cat-sections.items-per-line-4 .cat-section {margin-right:0px; width:auto}
	
	.cat-sections {display:flex; flex-flow:row wrap; margin:-15px 10px; margin-bottom:25px}
	.cat-section {box-sizing:border-box; flex-basis:100%; padding:15px 15px; margin:0 !important}
	
	@media only screen and (min-width: 350px) {
		.cat-section {flex-basis:50%; }
	}
	@media only screen and (min-width: 550px) {
		.cat-section {flex-basis:33%; }
	}
	@media only screen and (min-width: 825px) {
		.cat-section {flex-basis:25%; }
	}

	/***** CATALOG LIST *****/
	
	.catalog-items .catalog-item a.bg-link-2 {display:none !important}
	
	
	/***** CATALOG LIST *****/
	
	#catalog-main .col-1 {min-width:230px; width:230px; margin-bottom:30px}
	#catalog-filter .field-type-diapason input {width:60px}
	
	#catalog-main .field-from-text, #catalog-main .field-to-text {}
	
	#catalog-main .col-1 {min-width:210px; width:210px; margin-bottom:30px; margin-right:20px}
	#catalog-filter .field-type-diapason input {width:45px; font-size:12px}
	
	body#body .catalog-main-filter-toggle {display:none}
	@media only screen and (max-width: 478px) {
		body#body .catalog-main-filter-toggle {display:block}
		#catalog-main {flex-wrap:wrap}
		#catalog-main .col-1 {width:100%; margin:0}
		#catalog-main.filter-hide .col-1 {display:none}
	}
	@media only screen and (min-width: 479px) {
		#catalog-main .col-1 {display:block !important}
	}
	
	#catalog-main .catalog-view {margin:10px 0 15px 0; text-align:center; height:auto}
	#catalog-main .catalog-view > div {margin:5px 0; height:auto}
	#catalog-main .catalog-view .catalog-view-order {margin-right:10px}
	#catalog-main .catalog-view:after {content:''; display:block; height:0; clear:both}
	
	@media only screen and (max-width: 720px) {
		#catalog-main .catalog-view > div {float:none}
	}
	
	.catalog-view-count {float:none;}
	
	
	#catalog-items {}
	#catalog-items.template-grid .catalog-item {flex-basis:100%}
	@media only screen and (min-width: 720px) {
		#catalog-items.template-grid .catalog-item {flex-basis:50%}
	}
	@media only screen and (min-width: 950px) {
		#catalog-items.template-grid .catalog-item {flex-basis:33.3%}
	}	
	
	#catalog-items.template-list {padding-bottom:20px}
	#catalog-items.template-list .catalog-item {padding-top:15px; padding-bottom:15px; padding-right:15px; border: solid 1px #f2f2f2; box-shadow: 2px 2px 5px 2px rgba(0,0,0,0.35);}
	
	.catalog-items.template-list .catalog-item-picture {max-width:100%}
	
	@media only screen and (max-width: 819px) {
		#catalog-items.template-list .catalog-item {padding-left:15px}
		#catalog-items.template-list .catalog-item-picture {position:relative; display:block; float:none; margin:0 auto 20px auto}
		#catalog-items.template-list .catalog-item-text:empty {display:none}
	}
	
	@media only screen and (max-width: 960px) {
		body #catalog-items.template-list .catalog-item-fav {display:block; float:none; margin:14px 0}
		body #catalog-items.template-list .catalog-item-title {display:block; float:none;}
	}	
	.catalog-items.template-grid .catalog-item-title {min-height:40px; height:auto}
	
	
	
	
	/***** CATALOG ELEMENT ******/
	
	.catalog-profile .catalog-item {text-align:center}
	.catalog-profile .catalog-item-picture {float:none; max-width:100%; width:250px; height:auto; }
	
	.catalog-profile .col-2 {width:280px; text-align:left}
	.catalog-profile .col-3 {width:220px; text-align:left}
	
	.catalog-profile .catalog-item-fav, .catalog-profile .catalog-item-quantity, .catalog-profile .catalog-item-price {margin:0 0 16px 0; }
	
	@media only screen and (max-width: 538px) {
		.catalog-profile .catalog-item {text-align:left}
		.catalog-profile .catalog-item-picture, .catalog-profile .col-2, .catalog-profile .col-3 {display:block; width:auto}
	}
	@media only screen and (min-width:611px) and (max-width:810px) {
		.catalog-profile .col-3 {margin-top:20px}
	}
	
	.catalog-profile .catalog-features {display:flex; flex-wrap:wrap; padding:0;   align-items: center; justify-content: center; background:#2f5791}
	.catalog-profile .catalog-feature {width:200px; min-width:200px; flex-basis:33%; margin:0; display:block; line-height:100%}
	.catalog-profile .catalog-feature > div {display:block; display:flex; padding-left:25px}
	.catalog-profile .catalog-feature .icon {min-width:50px; width:50px; position:static;}
	.catalog-profile .catalog-feature .text {width:100px; display:inline-block; font-size:14px; margin-top:auto; margin-bottom:auto}
	
	.catalog-profile-info {margin-bottom:40px}
	
	.ui-tabs-grey .triangle-left, .ui-tabs-grey .triangle-right {display:none}
	.ui-tabs-grey .tab-item {margin-right:0}
	.ui-tabs-grey .text-wrap-wrap {width:auto; padding:0 20px}
	.catalog-profile-info .ui-tab-set {min-height:0}
	.ui-tabs-grey .tab-item {min-width:0}
	 
	.catalog-profile-info .ui-tabs-grey .tab-item {min-width:calc(33% - 6px); margin-right:6px}
	.catalog-profile-info .ui-tabs-grey .tab-item .text-wrap-wrap {display:block}
	
	.catalog-item-digest {}
	.catalog-item-digest-no-button {margin-left:0}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	/******* CART *******/
	
	.col-price {white-space:nowrap}
	.col-sum {white-space:nowrap}
	
	@media only screen and (max-width:660px) {
		.cart-items-table {display:block;}
		.cart-items-table tbody {display:block;}
		.cart-items-table tr {display:block; flex-wrap:wrap}
		.cart-items-table td, .cart-items-table th {box-sizing:border-box; display:inline-block; border-bottom:none; padding:4px 10px 4px 0; vertical-align:middle}
		.cart-items-table th {display:none}
		.cart-block-bg {display:none}
		
		.cart-items-table tr {border-bottom:solid 1px #666; margin-bottom:15px; padding-bottom:15px}
		.cart-items-table .col-number {display:none}
		.cart-items-table .col-article {display:none}
		.cart-items-table .col-name {display:block}
		.cart-items-table .col-color {display:block}
		.cart-items-table .col-name img {margin-right:10px}
		.cart-items-table .col-price:before {content:'Цена:'; margin-right:10px}
		
		.cart-items-table .col-quantity:before {content:'Количество:'; margin-right:10px}
		
		.cart-items-table .col-sum .price:before {content:'Итого:'; margin-right:10px}
		.cart-items-table .col-sum a {float:right}
		.cart-items-table .col-sum a:before {content:'Удалить '; margin-left:10px}
		.cart-items-table .col-sum a .text {display:none} 
		
		@media only screen and (min-width:420px) {
			.cart-items-table .col-price {min-width:160px; width:45%}
			.cart-items-table .col-quantity {min-width:160px; width:45%}
			.cart-items-table .col-sum {min-width:160px; width:45%}
		}
		
		.cart-tools a[href^='/catalog/'] {display:none}
	}
	
	
	
	/******* PERSONAL *******/
	
	#personal-tabs .ui-tab {width:auto !important; margin-right:4px}
	#personal-tabs .ui-tab .text {width:auto !important}
	
	
	
	
	
	
	
	
	
	/******* UI *******/
	
	.ui-dialog {box-sizing:border-box}
	
	#contacts-call-dialog {width:320px !important; max-width:100% !important; height:320px}
	
	.contacts-success-page .info-slider-item {padding-left:0}
	
	.ui-dialog {max-width:100%; max-height:100%; width:100% !important;}
	.ui-dialog-important {min-width:0; width:320px;}
	
	
	body .ui-button {padding-top:15px; padding-bottom:14px; height:auto; line-height:100%}
}