@CHARSET "UTF-8";

@media screen and (max-width: 1260px) {
	#catalogSectImageList .item {width:25%;}	
}

@media screen and (max-width: 1200px) {
	#headerContactsRow {padding-left:160px;}
	#headerMainLogo {width:120px; top:-25px;}
	#headerSlogan {font-size: 12px; width:105px; top:50px; }
	#headerContentBlock {padding:15px 0 15px 160px; }
	#mainMenu .topMenuData > ul > li > a {padding:0 10px; }
	#headerContactsRow table td > div {padding-left:0;}
	#headerContactsRow table td > div .icon {display:none;}
	
	.isFixHeader #headerContactsRow {padding-left:140px; }
	.isFixHeader #headerContacts {padding-top:15px; padding-bottom:9px; }
	.isFixHeader #headerMainLogo {width:120px; top:-25px;}
	.isFixHeader #headerContentBlock {padding:0px 0px 0 140px;}
	.isFixHeader #headerFixedHeight {height:155px; }
	.isFixHeader #headerContent {height:92px; }
	.isFixHeader #basketInformer {bottom:-35px; }
}

@media screen and (max-width: 1160px) {
	#catalogSectImageList .item {width:33.33%;}
	#replaceCatalogList .catalogListBlock {margin:0 -5px;}
	#replaceCatalogList .itemBlock {padding:0 5px;}
	#replaceCatalogList .item .info .itemListName a {font-size:14px; line-height:18px;}
	#replaceCatalogList .itemBlock {width:33.33%;}
	#replaceCatalogList .isFilterY .itemBlock {width:50%;}
}

@media screen and (max-width: 1100px) {
	#catalogCardTop .imageGallery {width:100%; float:none; text-align:center;}
	#openBigImage {display:inline-block; float:none; vertical-align:top;}
	#galleryMiniPhoto {display:inline-block; float:none; vertical-align:top;}
	#catalogCardTop .itemPriceData {padding-left:0;}
	#priceValues .costOne {text-align:left;}
	#toBasketBlock {text-align:left;}
	#toBasketBlock .cardCountControl {right:auto; left:0;}
	#toBasketBlock a {right:auto; left:120px;}
	#catalogCardTop .itemArticul {text-align:left;}
}


@media screen and (max-width: 1000px) {
	#headerContent {position:fixed; left:0; top:0; width:100%; z-index:2;}
	#headerFixedHeight {height:90px;}
	#headerContacts {padding:10px 0; border-bottom:1px solid #404040; }
	#headerContactsRow {padding-left:0px;}
	#headerContactsRow  div .caption {display:none;}
	#headerContactsRow table td > div {padding-left:24px;}
	#headerContactsRow table td > div .icon {display:block; }
	#headerMainLogo {top:5px; width:85px;}
	#headerSlogan {display:none; }
	#mainMenu {display:none;}
	#headerContentBlock {padding:0; height:50px;}
	#headerExtend {padding:0; position:absolute; left:0; top:100%; width:100%; }
	#basketInformer {bottom:7px; right:100px; }
	#basketInformer .caption {display:none;}
	#headerSearch {padding:0;} 
	#searchShowButton {display:block;}
	#headerSearch .searchExpand {display:none;}
	.searchOpen #headerSearch .searchExpand {display:block; position:absolute; left:0; width:calc(100% + 30px); margin:0 -15px; padding:7px 15px 15px 15px; background:#000; }
	.searchOpen #searchShowButton span.open {display:none;}
	.searchOpen #searchShowButton span.close {display:block;}
	
	#mobileMenuBtn {display:block;}
	body.menuOpen {overflow:hidden;}
	.menuOpen #mainMenu {display:block; position:fixed; left:0; top:0; margin-top:0; width:100%; height:100%; z-index:100; }
	.menuAni #mainMenu {background:rgba(0,0,0,0.7);}
	#mainMenu .topMenuData {padding:50px 15px 15px 15px; background:#111; 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; border-radius:0; }
	.menuAni #mainMenu .topMenuData {margin-left:0%; opacity:1; }
	.menuAni #mobileCloseBtn {display:block;}
	#mainMenu .topMenuData > ul {display:block; width:100%; height:100%; overflow-x:hidden; overflow-y:auto; }
	#mainMenu .topMenuData > ul > li {width:100%; display:block; padding:0 0 10px 0;}
	#mainMenu .topMenuData > ul > li:first-child {text-align:center; }
	#mainMenu .topMenuData > ul > li:last-child {text-align:center; }
	#mainMenu .topMenuData > ul > li > a {font-size:16px; margin-right:0; line-height:normal; padding:10px 15px; display:block; }
	#mainMenu .topMenuData > ul > li > a .icon {display:none; }
	.menuOpen #mobileMenuClose {display:block;}
	
	#leftSide {width:230px;}
	#leftMenu p.caption {font-size:14px; font-weight:bold; }
	#contentSide.isLeftSidetrue {padding-left:250px;}
	#pageContentData {padding-top:20px;}
	
	
	#catalogFilterContainer {display:none;}
	.isFilterY #fullCatalogListData {padding-right:0;}
	#filterOpenLink {display:block;}
	body.filterOpen {overflow:hidden;}
	.filterOpen #catalogFilterContainer {display:block; position:fixed; left:0; top:0; width:100%; height:100%; z-index:100; }
	.filterAni #catalogFilterContainer {background:rgba(0,0,0,0.7);}
	#catalogFilterData {padding:50px 15px 15px 15px; background:#fff; position:absolute; right:0; top:0; height:100%; width:90%; max-width:500px; margin-right:-100%; opacity:0; transition:margin 0.4s, opacity 0.4s; border-radius:0; }
	.filterAni #catalogFilterData {margin-right:0%; opacity:1; }

	#catalogFilterContainer .filterHeader {font-size:16px; margin-bottom:0px; position:absolute; left:0; top:0; border-radius:0; width:100%;  height:54px; z-index:2;}
	#catalogFilterContainer .filterHeader .close {display:block;}
	#catalogFilterContainer .filterListData {position:absolute; left:0; top:0; padding-top:54px; height:100%; width:100%; z-index:1;}
	#catalogFilterContainer .filterListData .filterListScroll {overflow-y:auto; height:100%; width:100%; }
	#catalogFilterContainer .filterListData .filterListScroll .filterBlock {background:#fff;}
	
	#replaceCatalogList .isFilterY .itemBlock {width:33.33%;}
	#brandItemList .vendorListData .item {width:33.33%;}
	
	#solutionItemList a .name {font-size:14px; height:58px; }
	
	#filesDocuments.isColstrue .cols {float:none; width:100%;}
	#filesDocuments.isColstrue .cols.colfiles {padding-right:0;}
	#filesDocuments.isColstrue .cols.coldocs {padding-left:0;}
	
	#articlesItemData {gap:40px 15px;}
	#articlesItemData .item {width:calc(33.33% - 10px)}

}



@media screen and (max-width: 800px) {
	
	#mobileCatalogBtn {display:block;}

	#leftSide {display:none;}
	#contentSide.isLeftSidetrue {padding-left:0;}

	body.categoryOpen {overflow:hidden;}
	#leftMenu p.caption {display:none;}
	.categoryOpen #leftSide {display:block; position:fixed; left:0; top:0; width:100%; height:100%; z-index:100; }
	.categoryAni #leftSide {background:rgba(0,0,0,0.7);}
	#leftMenu {padding:50px 15px 15px 15px; background:#fff; 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; border-radius:0; }
	.categoryAni #leftMenu {margin-left:0%; opacity:1; }
	.categoryAni #mobileCloseBtn {display:block;}
	#leftMenuData {width:100%; height:100%; overflow-x:hidden; overflow-y:auto; }
	.categoryOpen #mobileCatalogClose {display:block;}
	

	#copyright {width:30%;}
	#copyright .text {font-size:12px;}
	#copyright .devLine a {font-size:12px;}

	#bottomMenu li a {font-size:14px;}
}

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

	html {min-height:auto; height:auto;}
	body {min-height:auto; height:auto;}
	#pageFrames {min-height:auto; margin:0 auto; }
	
	#headerContactsRow table td {text-align:left; padding-left:0; vertical-align:middle; }
	#headerContactsRow table td.email {display:none; }
	#headerContactsRow table td.telegram {width:1%; text-align:right; }
	#topTelegram {padding-left:0; width:24px; height:24px; display:block;  }
	#topTelegram i {left:0; top:0; }
	#topTelegram span {display:none;}
	
	
	
	#replaceCatalogList .itemBlock {width:50%;}
	#replaceCatalogList .catalogListHeader .listVariantButton {display:none;}
	
	
	.textstyle h1 {font-size:20px; font-weight:normal; padding-bottom:5px;}
	.textstyle h2 {font-size:20px; font-weight:normal; padding-bottom:5px; padding-top:3px;}
	.textstyle h3 {font-size:18px; font-weight:normal; padding-bottom:5px; padding-top:5px;}
	.textstyle h4 {font-size:16px; font-weight:normal; padding-bottom:5px; padding-top:5px;}
	.textstyle h5 {font-size:16px; font-weight:normal; padding-bottom:5px; padding-top:5px;}
	.textstyle h6 {font-size:16px; font-weight:normal; padding-bottom:5px; padding-top:5px;}
	.textstyle ul {list-style-position:inside; padding-left:20px; padding-bottom:5px;}
	.textstyle ol {list-style-position:inside; padding-bottom:5px;}
	.textstyle li {line-height:18px; padding-bottom:2px;}
	.textstyle p {line-height:18px; padding-bottom:5px;}

	#footerProtect {height:10px;}
	#footer {height:auto; margin:0 auto; }
	#copyright {float:none; width:100%; padding-right:0; padding-bottom:30px;}
	#bottomMenu {width:100%; padding:0 0 20px 0;}
	#bottomContacts {float:none; width:100%; padding-bottom:30px;}
	#bottomContactsList {text-align:left; }
	#bottomContacts .officeEmail {text-align:left;}
}


@media screen and (max-width: 680px) {
	#catalogSectImageList .item {width:50%;}
	#replaceCatalogList .itemBlock {width:50%;}
	#replaceCatalogList .isFilterY .itemBlock {width:50%;}
	#catalogTextList div {width:100%; padding-right:0; font-size:15px; margin-bottom:8px; }
	#catalogTextList div a:before {top:7px;}
	.sectFilesList p.caption {font-size:20px;}
	#addedItemItems p.caption {font-size:20px;}
	
	#solutionSectList {margin:0 -5px;}
	#solutionSectList a {width:50%; padding:10px 5px;}
	#solutionItemList {margin:0 -5px;}
	#solutionItemList a {padding:10px 5px; width:50%;}
	
	#basketDataList .table {display:block;}
	#basketDataList .table .tr {display:block;}
	#basketDataList .table .tr .td {display:block; border:none; }
	#basketDataList .table .tr.header .td.name {padding:5px 10px;}
	#basketDataList .table .tr.header .td.image {display:none;}
	#basketDataList .table .tr.header .td.cost {display:none;}
	#basketDataList .table .tr.header .td.count {display:none;}
	#basketDataList .table .tr.header .td.summ {display:none;}
	#basketDataList .table .tr.header .td.del {display:none;}
	
	#basketDataList .table .tr.line {padding:5px 0 10px 60px; position:relative; border-bottom:1px solid #e0e0e0; }
	#basketDataList .table .tr .td.image {width:50px; position:absolute; left:0; top:10px; padding:0; }
	#basketDataList .table .tr .td.name {padding:5px 35px 10px 0; }
	
	#basketDataList .table .tr .td.cost {padding:0; display:inline-block; width:130px; vertical-align:top;}
	#basketDataList .table .tr .td.count {padding:0; padding-top:2px; display:inline-block; width:70px; vertical-align:top;}
	#basketDataList .table .tr .td.summ {padding:0; display:inline-block; width:auto; vertical-align:top;}
	#basketDataList .table .tr .td.del {width:auto; position:absolute; top:8px; right:0; padding:0; }
	
	.stdFormData .rowLine .caption {width:100%; padding:0 0 3px 0;}
	.stdFormData .rowLine .input {margin-left:0;}
	
	#articlesItemData {gap:40px 20px;}
	#articlesItemData .item {width:calc(50% - 10px)}
	
}

@media screen and (max-width: 540px) {
	.indexSlider .swiper-slide .desktop {display:none;}
	.indexSlider .swiper-slide .mobile {display:block;}
	
	.textstyle h1.catalogName {padding-bottom:10px;}
	#openBigImage {width:100%; max-width:400px;}
	#catalogCardTop .imageGallery {height:auto; padding-bottom:15px;}
	#galleryMiniPhoto {display:block; width:auto; text-align:center; margin:0 -5px; height:auto; white-space:nowrap;}
	#galleryMiniPhoto div {float:none; display:inline-block; width:25%; padding:5px;}
	#priceValues .costOne .cost {font-size:22px;}
	.groupData .tableparam {font-size:12px;}
	.groupData .tableparam td.caption {padding:5px;}
	.groupData .tableparam td.value {padding:5px;}
	
	#addedItemItems .addSectOne {width:100%; padding-right:0;}
}
	
@media screen and (max-width: 480px) {
	#catalogSectImageList {margin:0 -7px; }
	#catalogSectImageList.isRoot {margin:0 -7px; padding:0; background:transparent; }
	#catalogSectImageList .item {padding:0 7px 15px 7px;}
	
	#replaceCatalogList .item {display:block; padding:10px; margin-bottom:10px;}
	#replaceCatalogList .item .image {width:100%; padding:0 0 20px 0;}
	#replaceCatalogList .item .info {width:100%; padding:0; border:none; position:relative; }
	#replaceCatalogList .item .info.isPricetrue {padding-bottom:75px;}
	#replaceCatalogList .item .info .price {padding:0;}
	#replaceCatalogList .item .info .price .costOne {position:absolute; left:0; bottom:45px;}

	#brandItemList .vendorListData .item {width:50%;}

	#basketDataList .table .tr.line {padding:5px 0 50px 60px; min-height:55px; }
	#basketDataList .table .tr .td.cost {position:absolute; left:0; bottom:10px; }
	#basketDataList .table .tr .td.count {position:absolute; left:130px; bottom:10px; }
	#basketDataList .table .tr .td.summ {position:absolute; left:200px; bottom:10px; }
	
}


@media screen and (max-width: 400px) {
	#headerContactsRow table td > div {padding-left:0;}
	#headerContactsRow table td > div .icon {display:none;}
	#searchShowButton {right:45px; }
	#basketInformer {right:85px; }
	#mobileCatalogBtn {font-size:14px; top:9px; right:130px; }
	
	#articlesItemData .item {width:100%; }
	 
}
@media screen and (max-width: 380px) {
	#replaceCatalogList .itemBlock {width:100%;}
	#replaceCatalogList .isFilterY .itemBlock {width:100%;}
	#solutionSectList a {width:100%;}
	#solutionItemList a {width:100%;}
}

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