@charset "utf-8";
/* CSS Document */

@media only screen and (max-width: 1200px){
	header div.search{width:-moz-calc(100% - 730px); width:-webkit-calc(100% - 730px); width:-o-calc(100% - 730px); width:calc(100% - 730px); margin:29px 15px;}
	
    nav ul li a{font-size:13px;}
}

@media only screen and (max-width: 1150px){
    nav ul li a{font-size:12px; padding:0px 14px;}
}

@media only screen and (max-width: 1100px){
    nav ul li a{padding:0px 10px;}
    
    footer div.menu{width:-moz-calc(25% - 10px); width:-webkit-calc(25% - 10px); width:-o-calc(25% - 10px); width:calc(25% - 10px); padding:0px 5px;}
    footer div.small{display:none;}
}

@media only screen and (max-width: 1000px){
    nav ul li a{padding:0px 5px;}
    
    a.item{width:-moz-calc(25% - 9px); width:-webkit-calc(25% - 9px); width:-o-calc(25% - 9px); width:calc(25% - 9px); margin:0px 0px 24px 12px;}
    a.item:nth-of-type(5n + 1){clear:none; margin:0px 0px 24px 12px;}
    a.item:nth-of-type(4n + 1){clear:left; margin:0px 0px 24px 0px;}
    
    a.item.list{margin:25px 0px 0px 0px;}
	
	#cart div.discount{padding:30px 0; margin:40px 0 0 0;}
	#cart div.discount h6{width:100%; display:block; float:none; padding:0; margin:0 0 20px 0;}
}

@media only screen and (max-width: 950px){
	section.top{display:block;}
    section.top ul li.hide:first-of-type{display:block;}
    
    header h1{margin:0px 0px 15px 0px;}
	header ul{display:none;}
    header div.search{width:-moz-calc(100% - 4px); width:-webkit-calc(100% - 4px); width:-o-calc(100% - 4px); width:calc(100% - 4px); max-width:none; float:none; clear:both; margin:0px;}
    
    nav{display:none;}
    nav ul li{float:none; border-bottom:1px solid #FFF;}
    nav ul li a{font-size:14px; text-transform:uppercase; padding:0px 15px;}
    nav ul li a p{display:block; float:right; font-family:'OpenSansLight'; font-size:30px; color:#FFF;}
    nav ul li a:hover{background-color:#c30027;}    
    nav ul li:hover aside,
    nav ul li.type{display:none;}
    nav ul li aside{width:-moz-calc(100% - 20px); width:-webkit-calc(100% - 20px); width:-o-calc(100% - 20px); width:calc(100% - 20px); position:relative; padding:5px 10px 10px 10px;}
    nav ul li aside a{width:auto; float:none; font-size:12px; text-align:left; text-transform:none; line-height:24px; padding:5px 10px; margin:5px 0px 0px 0px;}
    nav ul li aside div.box article{display:block; position:relative; left:0px;}
    nav ul li aside div.box article a,
    nav ul li aside div.box:hover article a{background-color:#0860a8;}
    nav ul li aside div.box article a:hover{background-color:#730017;}
	nav span.count{width:auto; padding:0px;}
}

@media only screen and (max-width: 900px){    
    footer{padding:30px 0px 0px 0px;}
    
    section.page{padding:30px 0px;}
	
	.howbtn{width:60px; height:60px; padding:5px;}
	.howbtn svg{width:24px; height:auto; margin:0 auto 5px auto;}
}

@media only screen and (max-width: 850px){    
    section.bottom{padding:20px 0px;}
    section.bottom div.box{width:50%;}
    section.bottom div.box:nth-of-type(3n),
    section.bottom div.box:nth-of-type(4n){display:none;}
    
    footer div.menu{width:-moz-calc(50% - 10px); width:-webkit-calc(50% - 10px); width:-o-calc(50% - 10px); width:calc(50% - 10px);}
    footer div.socket,
    footer div.socket .copyright aside{text-align:center;}
    footer div.socket .social{float:none; margin:0px 0px 15px 0px;}
    footer div.socket .social p{display:block; margin:0px 0px 5px 0px;}
    footer div.socket .social a:first-of-type{margin:0px;}
    footer div.socket .copyright{display:inline-block; float:none; vertical-align:middle; margin:15px 0px 0px 0px;}
    
    section.headline a.cat{display:none;}
    
    section.shopingcart div.cart .top1{width:-moz-calc(100% - 330px); width:-webkit-calc(100% - 330px); width:-o-calc(100% - 330px); width:calc(100% - 330px);}
	section.shopingcart div.cart .top4{display:none;}
	section.shopingcart div.cart .top5{width:50px;}
    
    #cart div.scart .middle a.row1{width:-moz-calc(100% - 320px); width:-webkit-calc(100% - 320px); width:-o-calc(100% - 320px); width:calc(100% - 320px);}
    #cart div.scart .middle a.row1 h4{font-size:18px; line-height:22px;}
	#cart div.scart .middle span.row4{display:none;}
	#cart div.scart .middle a.del{width:60px;}
}

@media only screen and (max-width: 800px){
    section.top a.phone{display:none;}
    section.top aside{float:left;}
}

@media only screen and (max-width: 750px){
    body{font-size:12px; line-height:18px;}
    
    section.page h4{font-size:18px; line-height:22px;}
    section.page h5{font-size:14px; line-height:18px;}
    
    a.item{width:-moz-calc(33.3334% - 10px); width:-webkit-calc(33.3334% - 10px); width:-o-calc(33.3334% - 10px); width:calc(33.3334% - 10px); margin:0px 0px 30px 15px;}
    a.item:nth-of-type(5n + 1),
    a.item:nth-of-type(4n + 1){clear:none; margin:0px 0px 30px 15px;}
    a.item:nth-of-type(3n + 1){clear:left; margin:0px 0px 30px 0px;}
    
    a.item.list{margin:20px 0px 0px 0px;}
	
	#cart div.discount{text-align:center; padding:20px 0; margin:30px 0 0 0;}
	#cart div.discount h6{margin:0;}
	#cart div.discount small,
	#cart div.discount input,
	#cart div.discount p{float:none; margin:15px auto 0 auto;}
}

@media only screen and (max-width: 700px){
    
    
    section.headline h2 a.btn{max-width:65px; display:block; float:none; margin:15px 0px 0px 0px;}
    section.headline h2 a.button{max-width:35px; display:block; float:none; margin:15px 0px 0px 0px;}
    section.headline h2 a.download{max-width:115px; display:block; float:none; padding:0px; margin:15px 0px 0px 0px;}
    section.headline article{font-size:13px;}
}

@media only screen and (max-width: 650px){    
    #cart div.scart .middle a.row1{min-height:40px; font-family:'OpenSansLight'; font-size:14px; color:#EEE; text-transform:uppercase; line-height:18px; padding:10px 0px; margin:0px;}
    #cart div.scart .middle a.row1 h4{font-size:14px; line-height:18px;}
    #cart div.scart .middle a.row1 em{margin:0px 5px 0px 0px;}
	#cart div.scart .middle a.row1 img{display:none;}
	#cart div.scart .middle span.row2{min-height:40px; line-height:24px;}
	#cart div.scart .middle span.row3{min-height:40px; line-height:24px;}
	#cart div.scart .middle span.row4{min-height:40px; line-height:24px;}
	#cart div.scart .middle a.del{min-height:50px;}
}

@media only screen and (max-width: 600px){
    section.top aside{display:none;}
    section.top ul{float:none; margin:0px auto;}
    section.top ul li,
    section.top ul li.hide:first-child{display:inline-block; float:none;}
    
    section.headline{padding:15px 0px;}
    section.headline h2{font-size:30px; line-height:34px; margin:10px 0px 0px 0px;}
    section.headline ul li p{margin:0px 2px 0px 4px;}
    section.headline article{font-size:12px;}
    
    section.page{padding:15px 0px;}
    
    div.filters .show,
    div.filters .type{width:-moz-calc(50% - 20px); width:-webkit-calc(50% - 20px); width:-o-calc(50% - 20px); width:calc(50% - 20px);}
    div.filters .order{width:-moz-calc(100% - 20px); width:-webkit-calc(100% - 20px); width:-o-calc(100% - 20px); width:calc(100% - 20px); clear:left; float:none; padding:0px 10px 10px 10px;}
    div.filters .order span.slct{max-width:none; display:block; float:none; padding:0px; margin:0px;}
    
    div.filters strong,
    div.filters a.button{display:block;}
    div.filters .content{display:none;}
}

@media only screen and (max-width: 550px){
    section.top ul li.hide{display:inline-block; float:none;}
    
    header{text-align:center;}
    header h1{float:none; margin:0px auto 10px auto;}
    header a.cart{display:none;}
    
    a.item{width:-moz-calc(50% - 8px); width:-webkit-calc(50% - 8px); width:-o-calc(50% - 8px); width:calc(50% - 8px); margin:0px 0px 20px 16px;}
    a.item:nth-of-type(5n + 1),
    a.item:nth-of-type(4n + 1),
    a.item:nth-of-type(3n + 1){clear:none; margin:0px 0px 20px 16px;}
    a.item:nth-of-type(2n + 1){clear:left; margin:0px 0px 20px 0px;}
    a.item.list div.img{width:auto; float:none; margin:0px;}
    
    section.shopingcart div.cart .top1,
	section.shopingcart div.cart .top2,
	section.shopingcart div.cart .top3,
	section.shopingcart div.cart .top4,
	section.shopingcart div.cart .top5{display:none;}
    
    #cart div.scart .middle a.row1{width:100%; float:none; border-bottom:1px dotted #666; padding:10px 0px 0px 0px;}	
    #cart div.scart .middle a.row1 img{height:60px; display:block; margin:0px 10px 10px 0px;}
	#cart div.scart .middle span.row2{width:-moz-calc(100% - 150px); width:-webkit-calc(100% - 150px); width:-o-calc(100% - 150px); width:calc(100% - 150px); line-height:30px; text-align:left; padding:10px 0px 0px 0px;}
	#cart div.scart .middle span.row3{width:90px; padding:10px 0px 0px 0px;}
	#cart div.scart .middle a.del{min-height:40px;}
}

@media only screen and (max-width: 500px){
    div.pagination a.prev,
	div.pagination a.next{display:none;}
    
    section.page h4{font-size:16px; line-height:20px;}
    section.page h5{font-size:12px; line-height:16px;}
    
    section.headline article{display:none;}
}

@media only screen and (max-width: 450px){
    section.bottom{display:none;}
    
    footer div.menu{width:auto; float:none; padding:0px;}
    footer div.socket{padding:15px 0px; margin:15px 0px 0px 0px;}
	
	#cart div.scart .bottom span.one{display:block; border-right:none; text-align:center; padding:0 0 30px 0;}
}

@media only screen and (max-width: 400px){
    section.top span.count{width:auto; padding:0px;}
    section.top ul li{padding:0px 5px;}
    
    footer div.socket .social{display:none;}
    footer div.socket .copyright{text-align:center; margin:0px;}
    
    section.headline h2{font-size:24px; line-height:28px;}
}

@media only screen and (max-width: 350px){    
    a.item{width:auto; max-width:none; float:none; margin:0px 0px 15px 0px;}
    a.item:nth-of-type(5n + 1),
    a.item:nth-of-type(4n + 1),
    a.item:nth-of-type(3n + 1),
    a.item:nth-of-type(2n + 1){clear:none; margin:0px 0px 15px 0px;}
    
    #callus{font-size:14px; line-height:20px;}
    #callus strong{font-size:24px; line-height:24px;}
}

@media only screen and (max-width: 300px){  
    section.top ul li{padding:0px 10px;}
    section.top ul li a span{display:none;}
    section.top ul li a p.icon1{margin:4px 0px;}
    section.top ul li a p.icon2{margin:4px 0px;}
    section.top ul li a p.icon3{margin:6px 0px 5px 0px;}
    section.top ul li a p.icon4{margin:4px 0px;}
}