
@media (min-width: 500px), only screen and (min-device-width : 320px) and (max-device-width : 568px) {


	.w1-10 {width:10%;}
	.w1-15 {width:15%;}
	.w1-20 {width:20%;}
	.w1-25 {width:25%;}
	.w1-30 {width:30%;}
	.w1-33 {width:33.33%;}
	.w1-40 {width:40%;}
	.w1-49 {width:49%;}
	.w1-50 {width:50%;}
	.w1-60 {width:60%;}
	.w1-70 {width:70%;}
	.w1-80 {width:80%;}
	.w1-90 {width:90%;}
	.w1-100 {width:100%;}

	.w1-ib {display:inline-block;}
	.w1-b {display:block;}
	.w1-hide {display:none;}
	.w1-tal {text-align:left;}
	.w1-tar {text-align:right;}
	.w1-vat {vertical-align:top;}
	.w1-vam {vertical-align:middle;}
	.w1-fr {float:right;}
	.w1-fl {float:left;}
	.w1-fn {float:none;}

	.w1-mr0 {margin-right:0%;}
	.w1-mr5 {margin-right:5%;}

	.w1-ml0 {margin-left:0%;}
	.w1-ml5 {margin-left:5%;}

	.w1-text08 {font-size:0.8em}
	.w1-text11 {font-size:1.1em}
	.w1-text12 {font-size:1.2em}


	#header .logo img { margin:0px 20px; }
	.links .tel {padding-right:20px;}

	.infoBlocks {width:100%; max-width:500px; margin:0px auto;}

	#page { padding:20% 0px 0px 0px;}

}

@media (min-width: 768px), not (only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 1)) {


	.w2-10 {width:10%;}
	.w2-15 {width:15%;}
	.w2-20 {width:20%;}
	.w2-25 {width:25%;}
	.w2-30 {width:30%;}
	.w2-33 {width:33.33%;}
	.w2-40 {width:40%;}
	.w2-49 {width:49%;}
	.w2-50 {width:50%;}
	.w2-60 {width:60%;}
	.w2-70 {width:70%;}
	.w2-80 {width:80%;}
	.w2-90 {width:90%;}
	.w2-100 {width:100%;}

	.w2-ib {display:inline-block !IMPORTANT;}
	.w2-b {display:block;}
	.w2-hide {display:none;}
	.w2-tal {text-align:left;}
	.w2-tar {text-align:right;}
	.w2-vat {vertical-align:top;}
	.w2-vam {vertical-align:middle;}
	.w2-fr {float:right;}
	.w2-fl {float:left;}
	.w2-fn {float:none;}
	.w2-text08 {font-size:0.8em}
	.w2-text11 {font-size:1.1em}
	.w2-text12 {font-size:1.2em}

	.w2-mr0 {margin-right:0%;}
	.w2-mr5 {margin-right:5%;}

	.w2-ml0 {margin-left:0%;}
	.w2-ml5 {margin-left:5%;}

	#menubg {display:none !IMPORTANT;}

	#header.scrolled {}
	#header.scrolled .logo img { max-height:50px; }
	#header.scrolled .menushow li a {padding:15px 15px;}

	#header {overflow:visible;}
		#header .logo img {  max-height:50px; }
		#menushow {display:none !IMPORTANT;}
		#mainmenu {padding:0px;}
		#mainmenu .menushow {margin:0px; padding:0px;display:inline-block !IMPORTANT;text-align:right;width:60%; border-bottom:none;background-color:transparent;
			box-shadow: none; -moz-box-shadow:
 none; -webkit-box-shadow: none;}
		#mainmenu .menushow li {border-top:none;border-bottom:none;border-right:none;border-left:none;display:inline-block; position:relative; z-index:1;}
		#mainmenu .menushow li:first-child {border-left:none;}
		#mainmenu .menushow li:last-child {}
		#mainmenu .menushow li a {padding:20px 20px; z-index:2;  position:relative;}
		#mainmenu .menushow li a {background-color:transparent !IMPORTANT;}

		#mainmenu .menushow > li > .hlt {position:absolute; top:0%; left:0px; width:100%; height:0%; background-color:#66d; z-index:1; border-radius: 0px 0px 10px 10px;
				    -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;
				box-shadow: inset 0px -5px 15px #33a; -moz-box-shadow:
 inset 0px -5px 15px #33a; -webkit-box-shadow: inset 0px -5px 15px #33a;}
		#mainmenu .menushow > li.active > .hlt { height:15%; top:0%;
				box-shadow: inset 0px -2px 5px #33a; -moz-box-shadow:
 inset 0px -2px 5px #33a; -webkit-box-shadow: inset 0px -2px 5px #33a;}

		#mainmenu .menushow > li:hover:not(.active) > .hlt { height:100%; top:0%;}

			#mainmenu .menushow li ul { position:absolute; top:63px; left:0px; background-color:rgba(0, 0, 0, 0.3); width:100%; z-index:5;}
			#mainmenu .menushow li ul li { display:block; border-left:1px solid #333 !IMPORTANT;  border-right:1px solid #333 !IMPORTANT; border-bottom:1px solid #222; width:100%;}
			#mainmenu .menushow li ul li:last-child { border-bottom:1px solid #333 !IMPORTANT; }
			#mainmenu .menushow li ul li a { padding:10px 0px; font-size:0.8em; text-align:center;  display:block;  width:100%;  background-color:#333;}

			#mainmenu .menushow li ul li .hlt {position:absolute; top:0px; left:50%; width:0%; height:100%; background-color:#88f; z-index:1; 
				    -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
			#mainmenu .menushow li ul li:hover:not(.active) > .hlt { width:100%; left:0%;}

		#header.scrolled .menushow li ul { top:53px;}
		#header.scrolled .menushow li a {}

	.infoBlocks { max-width:800px;}
	.infoBlock {margin:20px;}
	.infoBlock .body {padding:10px; min-height:140px;}

	#page {padding-top:100px; background-image:url('../images/Background0.jpg'); }
	

	#footer {margin:0px 0px 0px 0px;}
	#footer .fmenu { border-bottom:none; padding:10px 10px;}
}

@media (min-width: 868px), not (only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 1)) {


	.w3-10 {width:10%;}
	.w3-15 {width:15%;}
	.w3-20 {width:20%;}
	.w3-25 {width:25%;}
	.w3-30 {width:30%;}
	.w3-33 {width:33.33%;}
	.w3-40 {width:40%;}
	.w3-49 {width:49%;}
	.w3-50 {width:50%;}
	.w3-60 {width:60%;}
	.w3-70 {width:70%;}
	.w3-80 {width:80%;}
	.w3-90 {width:90%;}
	.w3-100 {width:100%;}

	.w3-ib {display:inline-block;}
	.w3-b {display:block;}
	.w3-hide {display:none;}
	.w3-tal {text-align:left;}
	.w3-tar {text-align:right;}
	.w3-vat {vertical-align:top;}
	.w3-vam {vertical-align:middle;}
	.w3-fr {float:right;}
	.w3-fl {float:left;}
	.w3-fn {float:none;}
	.w3-text08 {font-size:0.8em}
	.w3-text12 {font-size:1.2em}

	#header .logo img {  max-height:60px; }
		#mainmenu .menushow li a {padding:25px 25px;}
			#mainmenu .menushow li ul { top:73px;}
}

@media (min-width: 991px), not (only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 1)) {


	.w4-10 {width:10%;}
	.w4-15 {width:15%;}
	.w4-20 {width:20%;}
	.w4-25 {width:25%;}
	.w4-30 {width:30%;}
	.w4-33 {width:33.33%;}
	.w4-40 {width:40%;}
	.w4-49 {width:49%;}
	.w4-50 {width:50%;}
	.w4-60 {width:60%;}
	.w4-70 {width:70%;}
	.w4-80 {width:80%;}
	.w4-90 {width:90%;}
	.w4-100 {width:100%;}

	.w4-ib {display:inline-block;}
	.w4-b {display:block;}
	.w4-hide {display:none;}
	.w4-tal {text-align:left;}
	.w4-tar {text-align:right;}
	.w4-vat {vertical-align:top;}
	.w4-vam {vertical-align:middle;}
	.w4-fr {float:right;}
	.w4-fl {float:left;}
	.w4-fn {float:none;}
	.w4-text08 {font-size:0.8em}
	.w4-text11 {font-size:1.1em}
	.w4-text12 {font-size:1.2em}

	#header .logo img {  max-height:70px; }
		#mainmenu .menushow li a {padding:30px 30px;}
			#mainmenu .menushow li ul { top:83px;}
}

@media (min-width: 1200px) {


	.w5-10 {width:10%;}
	.w5-15 {width:15%;}
	.w5-20 {width:20%;}
	.w5-25 {width:25%;}
	.w5-30 {width:30%;}
	.w5-33 {width:33.33%;}
	.w5-40 {width:40%;}
	.w5-49 {width:49%;}
	.w5-50 {width:50%;}
	.w5-60 {width:60%;}
	.w5-70 {width:70%;}
	.w5-80 {width:80%;}
	.w5-90 {width:90%;}
	.w5-100 {width:100%;}

	.w5-ib {display:inline-block;}
	.w5-b {display:block;}
	.w5-hide {display:none;}
	.w5-tal {text-align:left;}
	.w5-tar {text-align:right;}
	.w5-vat {vertical-align:top;}
	.w5-vam {vertical-align:middle;}
	.w5-fr {float:right;}
	.w5-fl {float:left;}
	.w5-fn {float:none;}

	.w5-mr2 {margin-right:2%;}
	.w5-mr5 {margin-right:5%;}
	.w5-mr10 {margin-right:10%;}

	.w5-ml2 {margin-left:2%;}
	.w5-ml5 {margin-left:5%;}
	.w5-ml10 {margin-left:10%;}

	.w5-text08 {font-size:0.8em}
	.w5-text09 {font-size:0.9em}
	.w5-text11 {font-size:1.1em}
	.w5-text12 {font-size:1.2em}

	.infoBlocks { max-width:inherit;}
	.infoBlock .body { min-height:;}

	#header .logo img {  max-height:80px; }
		#mainmenu .menushow li a {padding:40px 40px;}
			#mainmenu .menushow li ul { top:103px;}
}


@media (min-width: 1400px) {


	.infoBlock .body { min-height:;}

}

@media only screen and (min-device-width : 320px) and (max-device-width : 568px) { /* iPhone */
	.ViewItem .body, .ViewItem .pics {width:100%;}
}

@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation: landscape) { /* iPhone (Landscape) */
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  { /* iPad */
	.saleWidth {width:46%; margin-left:2%; margin-right:2%; display:inline-block;}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation: landscape)  { /* iPad (Landscape) */
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 1)  { /* iPad & Tablets */

}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) { /* iPad Landscape */


}