/************************************************************************************
smaller than 980
*************************************************************************************/

@media screen and (max-width: 1200px) {

	/* pagewrap */
	.wrap {
		width: 100%;
		max-width:99%;
	}
.scrolllist .imglist_w { width:92%;}
.uwprodlist ul li { width:30.5%;}
.steponebox .wstyle, .steponebox .wsize { width:23.35%;}
/*.Cfill .outcome-item { width:20.75%;}*/
.tsinput { width:68%;}
}
@media screen and (max-width: 1024px) {
.tsinput {width:63%;}
.uwincatelist ul li { width:21.5%;}
.uwinprodlist ul li { width:23.15%;}
.bsinput { width:65%;}
#tkeyword { width:72%;}
}

/************************************************************************************
smaller than 800
*************************************************************************************/
@media screen and (max-width: 860px) {

.tsinput {width:62%;}
#uwdh { width:71%; padding-top:1em;}
uwinbnewslist { width:47.5%;}
.uwalprodlist ul li { /*width:23%;*/}
}
@media screen and (max-width: 720px) {

.scrolllist .imglist_w { width:85%;}
.whycontlist ul li { width:30%;}
}
/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (max-width: 640px) {
#jktop { padding:10px 0;}
#apddh{ height:42px;}
	/* header */
#jksear { width:18%; margin-top:10px;}
}


/************************************************************************************
smaller than 480
*************************************************************************************/
@media screen and (max-width: 480px) {

	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}
.fl { float:none;}
.fr { float:none;}
.scrolllist .imglist_w { width:80%;}
#jktop { padding:6px 0px;}
#uwlogo ,#tdhl,#tdhr { width:96%; padding:2px 2%; display:block; }
#tdhl ul li:last-child { display:none;}
#uwlogo { text-align:center;  margin:0 auto;}
#uwdh { width:100%; margin:0px 0;margin-bottom:10px;} 
.intadv { line-height:1.35em; font-size:1.25em;}
.uwincatelist ul li,.uwinprodlist ul li { width:44%; margin: 5px 1.5%;}
.uwincatelist ul li span.inpcatit { font-size:1.5em; line-height:1.35em;}
.uwinwhytrans  h4 { line-height:1.5em;}
.pvh4 { height:auto; border:solid 1px #ddd;}
.pvh4 ul li { display:block; float:none; margin:0; border-bottom:solid 1px #ddd; background:#f5f5f5;}
.steponebox .wstyle, .steponebox .wsize { width:46%; margin:5px 1.5%;}
.uwprodlist ul li,.uwalprodlist ul li { /*width:47%;*/}
.testibox .slides li { width:45%;}
.Cfill .outcome-item { width:46%; margin:5px 1.5%;}
.msgStyle span label ,.msgStyle a{ margin-top:1em; display:block;}
.wristForm div.adprmsg input { display:inline-block;}
.product-infosingle { width:45%; padding:0; margin:5px 2%;}
.uwinbnewspic,.batincatebox ul li.incatebg { display:none;}
.uwinbnewslist { width:98%; margin:5px 1%; border:none; padding:5px 0;}
.uwinbnewsr { width:98%; padding:5px 0;}
.lpprodpic { float:left;}
.lpprodwz { float:left;}
#main { padding:10px 0;}
#locatit { left:1em; top:1em; max-width:90%;}
.locatitle  { font-size:1.5em; line-height:1.5em;}
.locanr { padding-top:2em; color:#333; border:none;}
.locanr a { color:#444;}
.stepbleft,.stepright,#tkeyword,#tsear { display:block; clear:both; width:98%; float:none; margin:0 1%;}
.stepbot .dats { margin:5px 1%;}
.dats p { font-size:18px; line-height:24px;}
.dats .pr { font-size:16px; line-height:22px;}
.dats .pt { margin-bottom:5px!important;}
.colorbox { padding:5px 0;}
#colour_images,#colour_code { width:98%; margin: 5px 1%;}
.pvinqleft,.pvinqright,.pvinqcode, .pvinqbtn { width:98%;}
.pvinqbtn { padding-top:10px;}
.pvinqbtn input { width:96%;}
.lpalprodlist ul li { width:45%;}
.inbnewslist ul li { width:96%;}
.botsign { margin:0;}
.tsinput {width:82%;}
.bsinput { width:55%;}
.signbox { width:98%;}
.infcabtu,.inbnewslist ul li div.inbpic { display:none;}
.inapexihlist div.apexbox { width:49%;}
.lpinwhylist,.apdbnewslist ul li { width:98%; margin:10px 1%; padding:5px;}
.balprolist ul li { width:45%;display:inline-block; vertical-align:top;*display:inline;*zoom:1; padding:10px 1.5%;}
#signbleft,#signbright,.lxleft,.lxform {width:98%; padding:0px 1%; padding-top:5px; margin:0;}
.locatit { padding:0;}
#botsoc { text-align:center;}
#botpay {width:98%; padding:0px 1%; padding-top:5px;}
.baprodlist ul li,.apdprodlist ul li { width:45%;}
.certilist ul li { width:45%; padding:5px 2%; margin:5px 0;}
.whinbacclist ul li { width:28%; padding:5px 1%;}
.lxform ,.lxtext {width:98%; padding:0px 1%; padding-top:5px;}
.botnews,#botdh,#botsoc,#botlx { width:98%; padding:5px 1%;}
.botcate,#botsign { width:45%;display:inline-block; vertical-align:top;*display:inline;*zoom:1; }
.injknewslist { padding:5px 3px;}
.bsinput { width:58%;}
.uwnewspic { display:none;}
.uwnewsr { display:block; padding:5px 1%; width:98%;}
.botnewslist { padding:6px 0px;}
.copy { margin:0px;}
	/* content */
	#right {
		width: 98%;
		float: none;
		margin: 10px 0;
	}
#pvtright {
		width: 98%;
		float: none;
		margin: 10px 0;
	}
#pvtleft {
		width: 98%;
		float: none;
	}
	/* sidebar */
	#left {
		width: 98%;
		margin: 0;
		float: none;
	}

#lnews {width:98%; padding: 0px 1%;}
#inlianx {width:98%; padding: 0px 1%;}

.inservlist ul li { width:46%; padding:5px 2%; float:left;}

#left {width:98%; padding: 0px 1%;}
#right {width:98%; padding: 0px 1%;}
#pvright {width:98%; padding: 0px 1%;}


#newslist ul li span.nltit { padding:4px 0px;line-height:18px; border-bottom:dotted 1px #ccc; font-weight:bold; color:#333;}

.lcproductlist ul li { width:46%; padding:3px 2% 3px 2%; float:left; text-align:center;}
.lcproductlist ul li span { height:4.5em; overflow:hidden;}
#procate ul li { width:46%; padding:3px 2% 3px 2%; float:left; text-align:center;}

#rpage { width:98%; padding:0px 1%; text-align:left;}
.rcsort { width:98%; padding:0px 1%;}
#ptoptit {height:auto;margin-bottom:10px;}

#copy { width:98%; float:none; padding:5px 1%;}
#bottom { margin-top:10px; padding:1em 1%; width:98%;}
}


/************************************************************************************
smaller than 320
*************************************************************************************/
@media screen and (max-width: 320px) {

	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}

.prodlist ul li { width:96%; padding:3px 2% 3px 2%; text-align:center;}
#bottom { min-height:60px;}

}