@charset utf-8;

@media only screen and (min-width: 768px) and (max-width: 959px) 
{
	#head, #content, #footer > div, .topmenu{width:760px !important;}
	.catd {width: 751px !important;}
	#content, #slider_wrp, #slider{width:730px;}
	#slider, #slider_wrp{height:233px;}
	
	.topmenu li a {margin: 4px 3px;padding: 0 11px;font-size:16px;}
	.paddingbox {padding: 10px 0 10px 27px;}
	.topmw > ul > li > div > a {line-height:46px;padding:0 8px;}
}

@media only screen and (min-width: 480px) And (max-width: 767px)
{
	#head, #wrapper, #footer, #slider_wrp,#left, #slider, #lblTop, .crd{width:470px !important;}
	.catd {width: 461px;}
	#content{width:440px !important;}
	#slider, #slider_wrp{height:auto !important;margin:0px !important;}
	.paddingbox {padding: 10px 0 10px 27px;}
}

@media only screen and (max-width: 959px)  
{
	#lblFooter{width:inherit;}
	#slider{top:0px;right:0px}
	#slider_wrp{margin:3px auto 19px}
	#right {padding-top: 16px;}
	#footer > div{width:auto;margin-left: 12px !important;padding:10px 0;}
	.stretch {right: -30%;width: 200%;}
}

@media only screen and (max-width: 479px)  
{
	#head, #wrapper, #footer, #slider_wrp,#footer > div, #slider, #lblTop, .crd{width:300px !important;}	
	
	.catd {width: 280px;}
	#content{width:100% !important}
	#slider, #slider_wrp{height:auto !important;margin:0px !important;}
	#slider_wrp{margin-top:-8px;}
	h1{padding-right: 15px;}
	.PageBody {padding: 34px 16px 0 14px;}
}

/* 767 and lower */
@media only screen and (max-width: 767px)  
{
	.LogoTxt{font-size:30px;}
	#head, #content, #footer > div, .topmenu{margin:0px;}
	#wrapper{margin:0 auto;}
	#content{float:right}
	#head{background:none !important;}
}