@media screen and (max-width: 1680px) {
	.container { max-width: 80%; }
    #category .left { width: calc(20% - 20px); }
    #category .right { width: 80%; }
    #about .mc { max-width: 80%; }
    #page .container { max-width: 60%; }
    #myaccount .center { width: 40%; }
    #blog-post-image .container { max-width: 88%; }	
}

@media screen and (max-width: 1440px) {
	.container { max-width: 86%; }
    #about .mc { max-width: 86%; }
    #page .container { max-width: 80%; }
    #myaccount .info { width: 69%; }
	#myaccount .check { width: calc(31% - 40px); }
    #blog-post-image .container { max-width: 92%; }
	#blog-post-image img { height: 50vh; }	
}

@media screen and (max-width: 1366px) {
	#myaccount .main .item { width: calc(33.33% - 70px); }
	#myaccount .main .item:first-child { width: calc(66.66% - 62px); }
	#myaccount .main .item:nth-child(3), #myaccount .main .item:nth-child(6) { margin: 0 0 30px; } 
	#myaccount .main .item:nth-child(4) { margin: 0 0 30px 30px; }
	#myaccount .order-list .item { width: calc(33.33% - 70px); }
	#myaccount .order-list .item:nth-child(4n+1) { margin: 0 0 30px 30px; }
	#myaccount .order-list .item:nth-child(3n+1) { margin: 0 0 30px; }
	#myaccount .info-head .column { width: calc(27% - 40px); }
	#myaccount .info-head .column:first-child { width: 46%; }
	#myaccount .columns .item-product .name { width: 46%; }
	#myaccount .columns .item-product .qnt, #myaccount .columns .item-product .sum { width: calc(27% - 40px); }
	#myaccount .order-list .main .item { width: calc(50% - 65px); }
	#myaccount .order-list .main .item:first-child { width: calc(50% - 65px); }
	#myaccount .order-list .main .item:nth-child(odd) { margin: 0 0 30px; }
	#myaccount .order-list .main .item:nth-child(4) { margin: 0 0 30px 30px; }
}

@media screen and (max-width: 1200px) {
	html { -webkit-text-size-adjust: none; }
	.container { max-width: 92%; }
    .path { padding: 30px 0; }
    .subcat { overflow-x: scroll; overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch; }
	.subcat ul { width: 100%; margin: 0; padding: 0; list-style: none; font-size: 0; display: table; }
	.subcat ul li { display: inline-block; vertical-align: top; margin: 0 0 0 10px; }
	.subcat ul li:first-child { margin: 0; }
	.subcat ul li a { display: block; padding: 7px 13px; border-radius: 3px; background: #f6f6f6; font-size: 14px; color: #757575; }
	.subcat ul li a.active { color: #fff; background: #03be05; }
	.subcat ul li a.active sup i { background: #fff; }
    header { position: fixed; height: 60px; z-index: 90; top: calc(100% - 60px); background: rgba(255,255,255,0.92); backdrop-filter: saturate(180%) blur(20px); -webkit-backdrop-filter: saturate(180%) blur(20px); border-radius: 20px 20px 0 0; }
    header .container { border-radius: 0px; background: none; backdrop-filter: none; -webkit-backdrop-filter: none; display: flex; align-content: stretch; justify-content: space-between; }
    header .menu, header .logo, header .search, header .data .contact { display: none; }    
	header .data { width: 100%; justify-content: space-between; margin: 0; }
	header .data .item { margin: 0; width: 50px; height: 60px; }
	header .data .item[data-val="home"] { order: 1; }
	header .data .item[data-val="catalog"] { order: 2; }
	header .data .item[data-val="query"] { order: 3; }
	header .data .item[data-val="compare"] { order: 4; }
	header .data .item[data-val="user"] { order: 5; }
	header .data .ham, header .data .home { display: inline-block; }
    header .data a:before, header .data button:before { width: 50px; height: 30px; text-align: center; margin: 9px 0 0; }
    header .data a:hover:before, header .data button:hover:before { color: #777; }
    header .data a:after, header .data button:after { font-size: 10px; }
    header .data a:hover:after, header .data button:hover:after { color: #777; }	
	header .data .sup { top: 6px; right: 2px; }    
    .mobile-header { display: inline-block; }
    #slider { margin: 30px 0 0; }
    #featured .name a:hover { color: #000; }
    #featured .abs { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=1000)"; filter: alpha(opacity=1000); opacity: 1; }
    #featured .abs button:hover { color: #000; }
    #category .left { width: 100%; margin: 0 0 20px; }
	#category .right { width: 100%; }
    #category .filter { display: inline-block; }
    #category .fblock { padding: 0; }
    .cbp-spfilter { overflow-y: scroll; -webkit-overflow-scrolling: touch; background: #fff; position: fixed; transition: all 0.3s ease; }
	.cbp-spfilter.filterbg { overflow-y: auto; }
	.cbp-spfilter-filter { width: 100%; height: 100%; top: 0; z-index: 85; }
	.cbp-spfilter-fleft { left: -100%; }
	.cbp-spfilter-fleft.cbp-spmenu-open { left: 0; }
	.cbp-spfilter .filters { padding: 20px 0 90px; }
	.cbp-spfilter .filters .innerf { padding: 0 4%; }
	.cbp-spfilter .filters .closefilter { display: block; }
    #product .ainfo { top: 10px; }
    #product .ainfo .order #button-oneclick:hover { background: #03be05; }
    #product .ainfo .wishcomp button:hover { color: #888; }
    #product .ainfo .wishcomp button:first-child:hover i:before { content: '\e014'; }
    #about .mc { max-width: 100%; }
    #page .container { max-width: 92%; }
    #compare .row, #compare .row.nh, #compare .full, #compare .row-sticky-top, #compare .row-sticky-bottom { width: 100%; padding: 20px 0; }	
	#compare .column { width: calc(25% - 33px); }
	#compare .row .column:first-child, #compare .row-sticky-top .column:first-child, #compare .row-sticky-bottom .column:first-child { display: none; }
	#compare .row.attname { display: block; padding: 0; }
	#compare .row:nth-child(n+4):hover { background: #fff; }
	#compare .row-sticky-top { top: 0px; }
    #myaccount { margin: 30px 0; min-height: 50px; }
    #myaccount .links { margin: 16px 0 0; }
	#myaccount .links a { display: block; width: 100%; margin: 10px 0 0; color: #000; border-radius: 5px; height: 42px; font-size: 14px; line-height: 42px; background: #ebebeb; text-align: center; }
	#myaccount .order-list .link { margin: 16px 0 0; }
	#myaccount .order-list .link a { display: block; width: 100%; margin: 10px 0 0; color: #000; border-radius: 5px; height: 42px; font-size: 14px; line-height: 42px; background: #ebebeb; text-align: center; }	
	#myaccount .info { width: 62%; }
	#myaccount .check { width: calc(38% - 40px); }
	#myaccount .info-head { display: none; }
	#myaccount .columns .item-product .pic { width: 20%; }
	#myaccount .columns .item-product .info { width: calc(80% - 40px); padding: 0; }
	#myaccount .columns .item-product .name { width: 100%; }
	#myaccount .columns .item-product .qnt, #myaccount .columns .item-product .sum { width: calc(50% - 20px); margin: 20px 0 0 40px; }
	#myaccount .columns .item-product .qnt { margin-left: 0; }
	#myaccount .columns .item-product .sum { text-align: right; }
    footer { padding: 0 0 90px; }	
	#blog-post-image .container { max-width: none; width: 100%; margin: 0; }
	#blog-post-image img { height: 50vh; }	
}

@media screen and (max-width: 1024px) {
	#myaccount .center { width: 50%; }
	#myaccount .main { margin: 30px 0 0; }
	#myaccount .main .item:first-child { width: calc(100% - 50px); }
	#myaccount .main .item:nth-child(3), #myaccount .main .item:nth-child(6) { margin: 0 0 30px 30px; }
	#myaccount .main .item:nth-child(4) { margin: 0 0 30px 30px; }
	#myaccount .main .item:nth-child(2), #myaccount .main .item:nth-child(5) { margin: 0 0 30px; }
	#myaccount .order-list { margin: 30px 0 0; }
	#myaccount .order-list .main .item:nth-child(2) { margin: 0 0 30px 30px; }
}

@media screen and (max-width: 960px) {
	.alert { top: 20px; right: 20px; width: calc(100% - 123px); max-width: none; z-index: 80; }
	.path { overflow-x: scroll; overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch; }
	.path .container { width: 100%; max-width: 100%; margin: 0; }
	.path ul { padding: 0 20px; width: calc(100% - 40px); }
    #product .images { width: calc(100% - 6px); margin: 0; padding: 3px; border-radius: 17px 17px 0 0; }
    #product .images .gallery .galdesk { display: none; }
    #product .images .gallery .owl-carousel { display: block; }
    #product .images .gallery .owl-dots { visibility: visible; }
    #product .images .gallery .item { border-radius: 17px 17px 0 0; overflow: hidden; }
    #product .ainfo { width: calc(100% - 40px); padding: 30px 20px; position: relative; }
    #product .ainfo .wishcomp { margin: 10px 0 0; }
    #product .ainfo .wishcomp button { width: calc(50% - 5px); margin: 0 0 0 10px; font-size: 0; text-align: center; background: #ebebeb; border-radius: 20px; height: 50px; }
    #product .ainfo .wishcomp button i { display: block; text-align: center; height: 50px; line-height: 50px; width: 100%; vertical-align: middle; }
    #product .ainfo .wishcomp button i:before { font-family: 'avto'; font-size: 22px; line-height: 50px; font-style: normal; margin: 0; color: #555; }
    #product .ainfo .wishcomp button:hover { background: #ebebeb; }
    #product .bot-data .tabs { overflow-x: scroll; overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch; }
	#product .bot-data .nav-tabs { margin: 0; padding: 0; }
    #product .bot-data .attrgroup { grid-template-rows: repeat(6, 1fr); }
    #product .bot-data .attrgroup.com { grid-template-columns: repeat(2, 1fr); }
    #product .bot-data .attrgroup.com .block { display: block; height: auto; margin: 0; padding: 0; }
    .cbp-spclick { box-shadow: none; }
    .cbp-spclick-click { width: 100%; border-radius: 0px; }
    .cbp-spclick-fright { right: -100%; }
    .cbp-spclick .content .closeclick { width: 92%; padding: 0 4% 20px; }
    .cbp-spclick .content .innerf { width: 92%; padding: 0 4% 20px; }
    #page fieldset .column { width: 100%; margin: 0 0 20px; }
    #compare .tab { width: 92%; margin: 30px 0 0; padding: 20px 4%; }
    #compare .block.ext { overflow-x: scroll; -webkit-overflow-scrolling: touch; }
	#compare .block.num3 .row, #compare .block.num3 .row.nh, #compare .block.num3 .full, #compare .block.num3 .row-sticky-top, #compare .block.num3 .row-sticky-bottom { width: 838px; }	
	#compare .block.num4 .row, #compare .block.num4 .row.nh, #compare .block.num4 .full, #compare .block.num4 .row-sticky-top, #compare .block.num4 .row-sticky-bottom { width: 1132px; }
	#compare .column { width: calc(50% - 22px); }
	#compare .block.ext .column { width: 250px; }
	#compare .row-sticky-top { position: relative; }
	#compare .row-sticky-bottom { position: relative; }
    #myaccount .center { width: 60%; }
	#myaccount .main .item { width: calc(50% - 60px); margin: 0 0 20px 20px; }
	#myaccount .main .item:first-child { width: calc(100% - 50px); margin: 0 0 20px; }
	#myaccount .main .item:nth-child(3), #myaccount .main .item:nth-child(6) { margin: 0 0 20px 20px; }
	#myaccount .main .item:nth-child(4) { margin: 0 0 20px 20px; }
	#myaccount .main .item:nth-child(2), #myaccount .main .item:nth-child(5) { margin: 0 0 20px 20px; }
	#myaccount .main .item:nth-child(even) { margin: 0 0 20px; }
	#myaccount .order-list .item { width: calc(50% - 60px); margin: 0 0 20px 20px; }
	#myaccount .order-list .item:nth-child(4n+1) { margin: 0 0 20px 20px; }
	#myaccount .order-list .item:nth-child(3n+1) { margin: 0 0 20px 20px; }
	#myaccount .order-list .item:nth-child(odd) { margin: 0 0 20px; }
	#myaccount .info { width: 100%; }
	#myaccount .check { width: 100%; margin: 10px 0 0; position: relative; top: 0; }	
}

@media screen 
and (max-width: 930px) 
and (orientation: landscape) {
	#blog-post-image img { height: calc(100vh - 61px); }
}

@media screen 
and (max-width: 825px) 
and (orientation: portrait) {
	#featured .list { gap: 10px; grid-template-columns: repeat(2, 1fr); }
    #blog-main .list { gap: 10px; grid-template-columns: repeat(1, 1fr); }
    #category .left { margin: 0 0 10px; }
    #category .list { gap: 10px; grid-template-columns: repeat(2, 1fr); }
    #myaccount .wishes { gap: 10px; grid-template-columns: repeat(2, 1fr); }
    #blog .list { gap: 10px; grid-template-columns: repeat(1, 1fr); }
    #blog-post-image img { height: 45vh; }
    footer .mid-data { gap: 0px; grid-template-columns: repeat(1, 1fr); }
    footer .mid-data .column { width: 100%; margin: 0; text-align: center; }
	footer .mid-data .cs, footer .mid-data .cm { display: none; }
    footer .bot-data { padding: 30px; }
    footer .title { display: none; }
	footer .social { margin: 0; justify-content: center; }
	footer .social a { width: 22px; line-height: 22px; margin: 0 0 0 25px; }
	footer .social a:before { width: 22px; font-size: 22px; line-height: 22px; }
	footer .social a:hover { color: #fff; }
}

@media screen and (max-width: 570px) {
	h1 { font-size: 28px; line-height: 32px; }
	h2 { font-size: 24px; line-height: 28px; }
    .path { padding: 20px 0; }
    #slider { margin: 20px 0 0; }
    #featured { margin: 20px 0 0; }
    #featured .list { margin: 20px 0 0; }
    #featured .name { font-size: 16px; line-height: 24px; }
    #featured .name span { font-size: 12px; line-height: 20px; min-height: 5px; }
    #featured .price { font-size: 14px; line-height: 20px; }
    #blog-main { margin: 20px 0; }
    #blog-main .list { margin: 20px 0 0; }
    #blog-main .list .post .title { font-size: 16px; line-height: 24px; }
    #blog-main .list .post p { font-size: 14px; line-height: 20px; }
    #blog-main .list .post .date { font-size: 11px; line-height: 14px; }
    #category { margin: 0 0 20px; }
    #category .columns { margin: 20px 0 0; }
    #category .list .item .name { font-size: 16px; line-height: 24px; }
    #category .list .item .name span { font-size: 12px; line-height: 20px; min-height: 5px; }
    #category .list .item .price { font-size: 14px; line-height: 20px; }
    #product .bot-data .attrgroup { gap: 12px 20px; grid-template-columns: repeat(1, 1fr); grid-auto-flow: row; }
    #product .bot-data .attrgroup.com { gap: 20px; grid-template-columns: repeat(1, 1fr); }
    #page .tabcontent { gap: 20px; grid-template-columns: repeat(1, 1fr); }
    #myaccount .center { width: 100%; }
	#myaccount .main .item { width: calc(100% - 50px); margin: 0 0 20px; }
	#myaccount .main .item:first-child { width: 100%; margin: 0 0 30px; padding: 0; background: none; }
	#myaccount .main .item:nth-child(3), #myaccount .main .item:nth-child(6) { margin: 0 0 20px; }
	#myaccount .main .item:nth-child(4) { margin: 0 0 20px; }
	#myaccount .main .item:nth-child(2), #myaccount .main .item:nth-child(5) { margin: 0 0 20px; }
	#myaccount .main .item:nth-child(even) { margin: 0 0 20px; }
	#myaccount .main .wtext.bolder { min-height: 10px; }
	#myaccount .order-list .item { width: calc(100% - 50px); margin: 0 0 20px; }
	#myaccount .order-list .item:nth-child(4n+1) { margin: 0 0 20px; }
	#myaccount .order-list .item:nth-child(3n+1) { margin: 0 0 20px; }
	#myaccount .order-list .item:nth-child(odd) { margin: 0 0 20px; }
	#myaccount .columns .item-product .pic { width: 30%; }
	#myaccount .columns .item-product .info { width: calc(70% - 30px); margin: 0 0 0 30px; }
	#myaccount .columns .item-product .qnt, #myaccount .columns .item-product .sum { width: 100%; margin: 20px 0 0; }
	#myaccount .columns .item-product .sum { text-align: left; padding: 10px 0 0; }
	#myaccount .order-list .main .item { width: calc(100% - 50px); margin: 0 0 20px; }
	#myaccount .order-list .main .item:first-child { width: calc(100% - 50px); margin: 0 0 20px; padding: 25px; border-radius: 5px; background: #f7f7f8; }
	#myaccount .order-list .main .item:nth-child(2), #myaccount .order-list .main .item:nth-child(4), #myaccount .order-list .main .item:nth-child(5) { margin: 0 0 20px; }
	#myaccount .order-list .main .item:nth-child(odd) { margin: 0 0 20px; }
	#myaccount .order-list .main .wtext.bolder { min-height: 10px; }
    #myaccount .wishes .witem .name { font-size: 16px; line-height: 24px; }
    #myaccount .wishes .witem .name span { font-size: 12px; line-height: 20px; min-height: 5px; }
    #myaccount .wishes .witem .price { font-size: 14px; line-height: 20px; }
    #blog .list { margin: 20px 0 0; }
    #blog .list .post .title { font-size: 16px; line-height: 24px; }
    #blog .list .post p { font-size: 14px; line-height: 20px; }
    #blog .list .post .date { font-size: 11px; line-height: 14px; }
    footer { padding: 0 0 80px; }
    footer .mid-data { padding: 20px 4% 0; }
    footer .bot-data { padding: 20px 4%; }
}

@media screen 
and (max-width: 560px) 
and (orientation: portrait) {
	#blog-post-image img { height: 45vh; }
}

@media screen and (max-width: 420px) {
	#featured .list { grid-template-columns: repeat(1, 1fr); }
    #category .list { grid-template-columns: repeat(1, 1fr); }
    #myaccount .columns .item-product .pic { width: 20%; }
	#myaccount .columns .item-product .info { width: calc(80% - 30px); }
    #myaccount .wishes { grid-template-columns: repeat(1, 1fr); }
}