@CHARSET "UTF-8";

@media screen and (max-width: 1100px) {
	#phoneData {right:120px; }
	
	#catalogFullList .catalogItemList {margin:0 -5px; }
	#catalogFullList .catalogItemList .item {padding:5px;}
}

@media screen and (max-width: 1000px) {
	.catalogBrandList .item {width:20%;}
	#catalogFilter .filterData {width:200px;}
	#catalogFullList .catalogItemList .item {width:33.33%;}
}


@media screen and (max-width: 920px) {
	
	#header {margin-bottom:15px;}
	#headerContent {height:110px;}
	#headerMainLogo {width:80px;}
	#headerMainSlogan {left:95px; top:10px; height:88px; border-left:none; padding-left:0;}
	#mainMenuScroll {margin-left:0;}
	#phoneData {top:15px;}
	#phoneData .phone a {font-size:20px; padding-left:30px; }
	#phoneData .phone a i {font-size:16px; top:0;}
	#phoneData .email {margin-top:0;}
	#phoneData .email a {font-size:16px; padding-left:30px;}
	#phoneData .email a i {font-size:16px; top:-2px;}
	#callbackData {width:70px; height:70px;}
	#callbackData table td i {font-size:24px;}
	
	#cardIcons {margin:0 -5px; font-size:0;}
	#cardIcons .iconOne {display:inline-block; width:33.33%; margin-right:0; margin-bottom:0; border:5px solid #fff; }
	
	.catalogItemList .item {width:33.33%;}
	#catalogIndexAnons .catalogItemList .item:nth-child(4) {display:none;}
	
	.catalogBrandList .item {width:25%;}
	
}
@media screen and (max-width: 800px) {
	#header {margin-bottom:0;}
	#headerData {border-bottom:1px solid #024c21;}
	#phoneData {right:45px;}
	#phoneData .phone {position:absolute; right:50px; top:-1px; }
	#phoneData .phone a {font-size:0; display:block;}
	#phoneData .phone a i {font-size:24px;}
	
	#phoneData .email {position:absolute; right:0px; top:0px; }
	#phoneData .email a {font-size:0; display:block;}
	#phoneData .email a i {font-size:26px;}
	
	#callbackData {display:none;}
	#mobileCallbackData {display:block;}
	
	#indexSlider .slideData .maxWidth table td.mainText .text1 {font-size:36px; line-height:46px;}
	#indexSlider .slideData .maxWidth table td.mainText .text2 {font-size:20px; line-height:26px;}
	
	#mobileOpenBtn {display:block;}
	#mainMenuData {display:none; position:fixed; left:0; top:0; height:100%; width:100%; background:transparent; transition:background 0.3s; }
	body.menuOpen {overflow:hidden;}
	.menuOpen #mainMenuData {display:block;}
	.menuAni #mainMenuData {background:rgba(0,0,0,0.7);}
	#mainMenuContent {background:#036a2e; position:absolute; left:0; top:0; height:100%; width:90%; max-width:500px; margin-left:-100%; opacity:0; transition:margin 0.4s, opacity 0.4s; }
	.menuAni #mainMenuContent {margin-left:0%; opacity:1; }
	.menuAni #mobileCloseBtn {display:block;}
	
	#mainMenuContent {padding:50px 10px 10px 10px; }
	#mainMenuScroll {height:100%; width:100%;  }
	#mainMenu {padding:0; overflow-x:hidden; overflow-y:auto; padding:5px 0 10px 0; border-top:1px solid #003a18; }
	#mainMenu > ul {height:auto;}
	#mainMenu > ul > li {float:none; display:block; margin-top:5px;}
	#mainMenu > ul > li > a {border-left:none; padding-left:10px; display:block; font-size:20px; line-height:34px; height:38px; border-radius:2px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
	#mainMenu > ul > li > a.active {padding-left:10px; }
	#mainMenu > ul > li.isExpandtrue > a {padding-right:35px;}
	#mainMenu > ul > li.isExpandtrue > a .arrow {top:7px; width:24px; height:24px; background:#0056a3; line-height:24px; border-radius:2px; }
	#mainMenu > ul > li.isExpandtrue.isHover > a .arrow {top:7px; line-height:24px;}
	#mainMenu > ul > li.isExpandtrue.active > a .arrow {background:#c13d4a;}
	#mainMenu > ul > li > ul {background:transparent; border:none; border-radius:0; }
	#mainMenu > ul > li.isHover > ul {position:relative; left:auto; top:auto; padding:5px 0 0 0; border:none; border-radius:0; }
	#mainMenu > ul > li > ul > li > a {padding:9px 10px 9px 20px; margin-bottom:5px; border-radius:2px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
	
	.catalogBrandList .item {width:33.33%;} 
	
	#catalogListData {display:block;}
	#catalogFilter {display:block; width:100%;}
	#catalogFilter .filterData { width:100%; display:none;}
	#catalogItems { display:block; width:100%; padding-left:0; }
	#catalogFullList .item .data .name {font-size:16px;}
	#mobileFilterOpen {display:block;}
	#cardColdData .iconOne .value {white-space:normal;}
	
	#brandGallery {margin:0 -5px;}
	#brandGallery div {width:33.33%; padding:5px; }
	
	/* IN STYLE */
	#pageContent {}
	.textstyle h1, .textstyle .h1 {font-size:23px; line-height:27px; padding-bottom:10px; font-weight:600;}
	.textstyle h2, .textstyle .h2 {font-size:21px; line-height:25px; padding-bottom:10px; font-weight:600;}
	.textstyle h3, .textstyle .h3 {font-size:21px; line-height:25px; padding-top:10px; padding-bottom:7px; font-weight:600; }
	.textstyle h4, .textstyle .h4 {font-size:18px; line-height:24px; padding-top:8px; font-weight:600; padding-bottom:7px; }
	.textstyle h5, .textstyle .h5, .textstyle h6, .textstyle .h6 {font-size:17px; line-height:23px; font-weight:600; padding-top:6px; padding-bottom:5px; }

	
}




@media screen and (max-width: 650px) {
	
	#catalogIndexAnons .catalogItemList .item {width:50%;}
	#catalogIndexAnons .catalogItemList .item:nth-child(4) {display:inline-block;}
	
	.catalogBrandList {margin:0 -5px;}
	.textstyle .brandLogo {max-width:200px;}
	
	#cardColdData .image img {min-width:150px;}
	
	#brandGallery div {width:50%;}
	
	
	html {height:auto;}
	body {height:auto;}
	#pageFrames {min-height:none; margin:0 auto;}
	#footerProtect {height:30px;}
	#footer {height:auto; margin-top:0; }
	
	#footerData {padding:0 0 45px 0px; }
	#bottomMenu {text-align:left; }
	
}

@media screen and (max-width: 580px) {
	#headerMainSlogan {left:0; width:100%;}
	#headerMainSlogan table.vertical td {padding-left:95px; vertical-align:top;}
	#headerMainSlogan table.vertical td div.name {font-size:24px; line-height:24px; padding-bottom:2px;}
	#headerMainSlogan table.vertical td div.mob {display:block;}
	#headerMainSlogan table.vertical td span {display:none;}
	#mobileCallbackData {right:135px; top:62px;}
	#phoneData {left:95px; right:auto; top:62px;}
	#phoneData .phone {left:0; right:auto;}
	#phoneData .email {left:48px; top:2px; right:auto;}
	#mobileCallbackData {left:190px; right:auto;}
	#mobileOpenBtn {font-size:0; padding-right:0;}
	
	.catalogBrandList .item {padding:5px; width:50%;}
	.catalogBrandList .item .data .name {font-size:16px;}
	.textstyle .brandLogo {max-width:160px; margin:0 15px 10px 0;}
	
	#catalogFullList .catalogItemList .item {width:50%;}
	
	/*
	#indexSlider .slideData .maxWidth table td.mainText .text1 {font-size:32px; line-height:42px;}
	#indexSlider .slideData .maxWidth table td.mainText .text2 {font-size:18px; line-height:24px;}
	*/
}


@media screen and (max-width: 460px) {
	.catalogItemList {margin:0 -5px; pading-bottom:15px; }
	.catalogItemList .item {padding:5px;}
	.catalogItemList .item .data .name {font-size:16px;}
	
	.catalogItemList .item {width:50%;}
	#catalogIndexAnons .catalogItemList .item:nth-child(4) {display:inline-block;}

	#cardColdData {display:block;}
	#cardColdData .image {display:block; width:100%; padding-right:0; padding-bottom:10px; text-align:center; }
	#cardColdData .image img {min-width:auto; margin:0 auto; }
	#cardColdData .params {display:block; width:100%; padding-right:0;}
	
	
	.textstyle .brandLogo {max-width:120px;}
	
	#bottomMenu {text-align:center; }
	#bottomMenu div {display:block; margin-right:0; margin-bottom:5px;}
}

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

	#catalogIndexAnons .catalogItemList .item {width:100%;}
	
}