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

@media only screen and (max-width: 1275px){
	section.page article a.item{margin:0px 10px 20px 10px;}
}

@media only screen and (max-width: 1265px){
	section.new a.item{margin:0px 0px 25px 20px;}
	section.new a.item.null{margin:0px 0px 25px 0px;}
	
	section.categories .wrapper{width:1050px; margin:0px !important;}
}

@media only screen and (max-width: 1250px){
	section.new a.item{margin:0px 0px 20px 15px;}
	section.new a.item.null{margin:0px 0px 20px 0px;}
	
	section.page article a.item{margin:0px 5px 10px 5px;}
}

@media only screen and (max-width: 1200px){
	section.new a.item{margin:0px 0px 10px 10px;}
	section.new a.item.null{margin:0px 0px 10px 0px;}
	
	section.page article div.images{width:100%; float:none; margin:0px auto 30px auto;}
	section.page article div.product{width:100%; float:none; text-align:left;}
}

@media only screen and (max-width: 1175px){
	section.new a.item{width:25%; display:inline-block; float:none; margin:5px;}
	section.new a.item.null{margin:5px;}
	section.new div.clear{display:none;}
	
	section.page article{text-align:center;}
	section.page article.checkout{text-align:left;}
	section.page article div.clear{display:none;}
	section.page article a.item{width:33%; display:inline-block; float:none;}
}

@media only screen and (max-width: 1150px){
	footer p.switch{margin:5px 0px 0px 15px;}
	
	section.page article span.countent input{width:-moz-calc(100% - 29px); width:-webkit-calc(100% - 29px); width:-o-calc(100% - 29px); width:calc(100% - 29px); float:none; margin:0px 0px 10px 0px;}	
	section.page article span.countent input.center{margin:0px 0px 10px 0px;}
	section.page article span.countent input.radio{width:16px; height:16px; display:inline-block; float:none; margin:0px 0px 9px 0px;}
}

@media only screen and (max-width: 1100px){
	section.shopingcart article{width:-moz-calc(100% - 200px); width:-webkit-calc(100% - 200px); width:-o-calc(100% - 200px); width:calc(100% - 200px);}
	section.shopingcart aside{width:180px; margin:0px 0px 0px 20px;}
	
	footer div{padding:12px;}
	
	section.categories .wrapper{width:900px;}
}

@media only screen and (max-width: 1050px){
	section.steps article aside h5{line-height:20px;}
	
	section.mosts article div.wrapper .viewport ul li a span input{width:100px;}
}

@media only screen and (max-width: 1000px){
	header nav ul li a{padding:0px 10px;}
	header menu a.all{padding:20px 10px;}
	header menu a.all big{margin:12px auto;}
	header menu a.all span{display:none;}
	header menu div{width:140px; margin:0px 0px 0px -71px;}
	header a.cart{width:50px;}
	header a.cart span{margin:33px 10px;}
	
	footer{text-align:right; padding:25px 0px 0px 0px;}
	footer p.switch{display:inline-block; float:none; margin:5px 0px 0px 0px;}
	footer p.americanexpress{display:inline-block; float:none;}
	footer p.paypal{display:inline-block; float:none;}
	footer p.discovery{display:inline-block; float:none;}
	footer p.visa{display:inline-block; float:none;}
	footer p.maestro{display:inline-block; float:none;}
	footer div{position:relative; top:auto; right:auto; text-align:center; padding:10px; margin:30px 0px 0px 0px;}
	
	section.page article a.item{width:50%; display:inline-block; float:none;}
	
	section.page article ul.services{width:100%; float:none;}
	section.page article div.description{width:100%; float:none; margin:20px 0px;}
}

@media only screen and (max-width: 950px){
	#cart div.scart .middle a.row1 img{display:none;}
	
	section.top article{width:100%; float:none; margin:0px auto 30px auto;}
	
	section.top a.banner,
	section.top span.banner{width:-moz-calc(50% - 15px); width:-webkit-calc(50% - 15px); width:-o-calc(50% - 15px); width:calc(50% - 15px); margin:0px 0px 0px 15px;}
	section.top a.banner.first,
	section.top span.banner.first{width:-moz-calc(50% - 15px); width:-webkit-calc(50% - 15px); width:-o-calc(50% - 15px); width:calc(50% - 15px); margin:0px 15px 0px 0px;}
	
	section.sitemap{display:none;}
	
	section.categories .wrapper{width:750px;}
	
	section.page article div.images .thumbs{text-align:center;}
	section.page article div.images .thumbs a{width:30%; display:inline-block; float:none;}
}

@media only screen and (max-width: 900px){
	section.mosts article{width:100%; float:none; margin:0px auto;}
	section.mosts article.center{margin:0px auto;}

	section.about article aside{width:50%; margin:0px 0px 20px 0px;}
	section.about article aside:first-child{width:100%; float:none; clear:left;}
	section.about article aside.center{width:48%; clear:left; margin:0% 2% 20px 0%;}	
	section.about article aside.long{width:100%; float:none; margin:0px;}	
	section.about article aside h3{padding:15px 0px 0px 0px; margin:0px;}
	
	section.about article aside.long span{display:none;}
	section.about article aside.long br{display:none;}
	
	input{background-color:#EEE; color:#000;}
	textarea{background-color:#EEE; color:#000;}
}

@media only screen and (max-width: 850px){
	header nav{display:none;}
	header section{display:block;}
	header menu div{display:none;}
	header menu:hover div{display:none;}
	
	section.banners a,
	section.banners div{display:none;}
	section.banners a.center,
	section.banners div.center{display:none;}
}

@media only screen and (max-width: 800px){
	section.shopingcart article{width:100%; float:none;}
	section.shopingcart aside{width:100%; float:none; margin:30px 0px 0px 0px;}
	
	section.new h3 span{display:none;}
	
	section.page article{width:100%; float:none; clear:both; padding:30px 0px 0px 0px; margin:20px 0px;}
	section.page article div.prd{display:block; margin:0px 0px 50px 0px;}
	section.page article span.top{display:none;}
	section.page aside{width:100%; float:none; margin:20px 0px 0px 0px;}
	
	section.page aside a.banner{display:none;}
	section.page aside div.search{display:none;}
	section.page aside ul.tabs{display:none;}
	section.page aside div.container{display:none;}
	section.page aside.product{display:none;}
	
	section.head span h2{font-size:30px; line-height:30px;}
	
	section.categories .wrapper{width:600px;}
	
	section.page article span.countent input{width:-moz-calc(33% - 24px); width:-webkit-calc(33% - 24px); width:-o-calc(33% - 24px); width:calc(33% - 24px); float:left; margin:0px 0px 9px 0px;}
	section.page article span.countent input.center{margin:0px 9px 9px 9px;}
	section.page article span.countent input.radio{width:16px; height:16px; display:inline-block; float:none; margin:0px 0px 9px 0px;}
	
	section.page{padding:0px;}
	section.page aside div.contacts{display:none;}
}

@media only screen and (max-width: 750px){
	section.steps{display:none;}
	
	section.new a.item{width:33%;}
	
	section.page article span.countent input{width:-moz-calc(32% - 24px); width:-webkit-calc(32% - 24px); width:-o-calc(32% - 24px); width:calc(32% - 24px);}
	section.page article span.countent input.radio{width:16px; height:16px; display:inline-block; float:none; margin:0px 0px 9px 0px;}
	
	footer{text-align:center; padding:5px 0px 0px 0px;}
	footer big{height:auto; display:block; float:none; text-align:center; margin:0px 0px 15px 0px;}
	footer div{margin:15px 0px 0px 0px;}
}

@media only screen and (max-width: 700px){
	section.head span h2{font-size:25px; line-height:25px;}
	
	section.page article a.cat p{display:none;}
}

@media only screen and (max-width: 650px){
	section.shopingcart article .top1{display:none;}
	section.shopingcart article .top2{display:none;}
	section.shopingcart article .top3{display:none;}
	section.shopingcart article .top4{display:none;}
	section.shopingcart article .top5{display:none;}
	
	#cart div.scart .middle a.row1{width:100%; min-height:90px; float:none;}
	#cart div.scart .middle a.row1 img{display:block;}
	
	#cart div.scart .middle span.row2{width:25%; min-height:40px; line-height:40px; padding:0px; margin:0px 0px 20px 0px;}
	#cart div.scart .middle span.row3{width:25%; min-height:40px; line-height:40px; padding:0px; margin:0px 0px 20px 0px;}
	#cart div.scart .middle span.row4{width:25%; min-height:40px; line-height:40px; padding:0px; margin:0px 0px 20px 0px;}
	#cart div.scart .middle a.row5{width:25%; min-height:40px; line-height:40px; padding:0px; margin:0px 0px 20px 0px;}
	
	section.sitemap article.products div{width:48%; float:left; padding:0px; margin:0% 1%;}
	
	section.head span h2{font-size:20px; line-height:20px;}
	section.head span ul{display:none;}
	
	section.categories .wrapper{width:450px;}
}

@media only screen and (max-width: 600px){
	section.top article .wrapper .viewport ul li div{font-size:16px; line-height:22px;}
	section.top article .wrapper .viewport ul li div h2{font-size:44px; line-height:44px;}
	
	section.new a.item{width:50%;}
	
	section.about article aside{width:100%; float:none; margin:0px 0px 20px 0px;}
	section.about article aside.center{width:100%; float:none; margin:0px 0px 20px 0px;}
	
	section.about article aside.long div img{float:none; margin:0px 0px 10px 0px;}
	
	section.page article span.countent input{width:-moz-calc(100% - 24px); width:-webkit-calc(100% - 24px); width:-o-calc(100% - 24px); width:calc(100% - 24px);}
	section.page article span.countent input.center{margin:0px 0px 9px 0px;}
	section.page article span.countent input.radio{width:16px; height:16px; display:inline-block; float:none; margin:0px 0px 9px 0px;}
}

@media only screen and (max-width: 550px){
	section.top article{margin:0px auto;}
	section.top a.banner,
	section.top span.banner{display:none;}
	section.top a.banner.first,
	section.top span.banner.first{display:none;}
	
	div.checkbox{float:none; margin:0px 0px 10px 0px;}
}

@media only screen and (max-width: 500px){
	section.top article .wrapper .viewport ul li div{font-size:14px; line-height:20px;}
	section.top article .wrapper .viewport ul li div h2{font-size:40px; line-height:40px;}
	
	section.sitemap article.products a{display:none;}
	section.sitemap article.products h5 a{display:block;}
	
	section.mosts article div.wrapper .viewport ul li a div{max-width:100px; height:auto;}
	section.mosts article div.wrapper .viewport ul li a div img{max-width:94px;}
	
	section.page aside a.banner{width:100%; float:none; margin:0px auto 10px auto;}
	
	section.categories .wrapper{width:300px;}
	
	section.page article a.item{width:45%; display:inline-block; float:none;}	
	section.page article div.images{width:100%;}
	
	section.page article span.countent input.radio{width:16px; height:16px; display:block; float:none; clear:both; margin:0px 0px 9px 0px;}
}

@media only screen and (max-width: 450px){
	section.top article{display:none;}
	
	#cart div.scart .bottom{font-size:12px;}
	
	section.about article aside big.icon1,
	section.about article aside big.icon2,
	section.about article aside big.icon3,
	section.about article aside big.icon4,
	section.about article aside big.icon5{float:none; margin:0px auto 10px auto;}	
	section.about article aside h3,
	section.about article aside h4{text-align:center;}
	
	section.page article a.cat{font-size:13px;}
	
	section.page article small{margin:10px 0px;}
	section.about article small{margin:10px 0px;}
}

@media only screen and (max-width: 400px){
	header h1{float:none; padding:18px; margin:0px auto;}
	
	header a.cart{width:33%; height:50px; margin:0px;}
	header a.cart div{display:none;}
	header a.cart span{margin:10px auto;}
	
	header menu{width:34%;}
	header menu a.all{height:30px; padding:10px;}
	header menu a.all big{margin:0px auto 5px auto;}
	
	header section a.goto{width:33%; height:50px;}
	header section a.goto span{margin:10px auto;}
	
	#cart div.scart .middle a.row1 img{display:none;}
	
	#cart div.scart .middle span.row2{width:30%; font-size:16px;}
	#cart div.scart .middle span.row3{width:30%;}
	#cart div.scart .middle span.row4{width:30%; font-size:16px;}
	#cart div.scart .middle a.row5{width:10%;}
	
	section.new a.item{width:-moz-calc(50% - 12px); width:-webkit-calc(50% - 12px); width:-o-calc(50% - 12px); width:calc(50% - 12px);}
	
	section.head{display:none;}
	
	section.sitemap article.products strong{display:none;}
	section.sitemap article.social{margin:0px;}
	
	section.page aside div.contacts big{float:none; margin:0px auto 10px auto;}
	section.page aside div.contacts h3{float:none;}
}

@media only screen and (max-width: 350px){
	section.categories .wrapper{width:150px; margin:0px auto !important;}
	
	section.page aside div.container a img{float:none; margin:0px auto 10px auto;}
	section.page aside div.container a span.new,
	section.page aside div.container a span.promo{right:50%; margin:0px -35px 0px 0px;}
	section.page aside div.container a,
	section.page aside div.container a h6{text-align:center;}
	
	section.page article div.product .price{text-align:center;}
	section.page article div.product .price big{float:none; margin:0px 0px 10px 0px;}
	section.page article div.product .price input{display:inline-block; float:none;}
	section.page article div.product .price span{display:inline-block; float:none;}
	section.page article div.product .price a{display:block; float:none; margin:0px 0px 10px 0px;}
	
	section.page article div.images .thumbs{text-align:center;}
	section.page article div.images .thumbs a{width:45%; display:inline-block; float:none;}
}