@media only screen and (min-width:320px) and (max-width:479px)
{
#header_wrp
{
	width:100%;
	float:left;
	background:url(../images/header_bg-320.png) repeat-x left top;
	padding:35px 0 18px;
}
#header
{
	width:290px;
	margin:0 auto;
}
#logo
{
	width:100%;
	float:left;
	text-align:center;
}
.navi
{
	width:270px;
	float:right;
	font-family: 'ubuntu-m-webfont';
	font-size:16px;
	padding:9px 0 0 0;
}
.navi ul li a
{
	color:#009247;
	text-decoration:none;
	padding:9px 10px 15px;
	float:left;
}
.banner_wrp
{
	width:100%;
	float:left;
	background:url(../images/banner-480.jpg) no-repeat right top;
	border-bottom:4px solid #009247;
	background-size:cover;
	height:420px;
}
.banner
{
	width:290px;
	margin:0 auto;
}
.banner_img
{
	width:auto;
	float:left;
	padding:35px 0 0 0;
	display:none;
}
.banner_text
{
	width:290px;
	float:left;
	padding:0 0 0 0px;
}
.banner_text h1
{
	width:100%;
	float:left;
	text-align:center;
	font-size:42px;
	font-family: 'ubuntu-m-webfont';
	color:#10b25f;
	text-transform:uppercase;
	line-height:47px;
	padding:20px 0 0 0;
}
.banner_text p
{
	margin:0px;
	font-size:17px;
	text-align:center;
	padding:10px 0 0 0;
	float:left;
	line-height:24px;
	color:#565656;
}
.banner_text_button 
{
	width:auto;
	float:left;
	margin:20px 0 0 5px;
}
.banner_text button
{
	width:280px;
	height:auto;
	float:left;
	background:url(../images/btn_bg.jpg) repeat-x left top;
	border:1px solid #d56c18;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:21px;
	text-shadow:1px 1px 1px #6a3407;
	height:52px;
	padding:0 0px;
	border-radius:5px;
	color:#fff;
	text-align:center;
	margin:0px 0 0 0px;
}
#middle
{
	width:290px;
	margin:0 auto;
}
.middle_top
{
	width:290px;
	float:left;
	background:url(../images/mid_bg.jpg) no-repeat left top;
	height:381px;
	display:none;
}
.middle_bottom_left
{
	width:290px;
	float:left;
	background:none;
	padding:0 0px 20px 0;
}
.middle_bottom_right_box
{
	width:100%;
	float:left;
	padding:20px 0 20px 0;
}
.middle_bottom_left h2
{
	width:100%;
	float:left;
	background:url(../images/hand_image.jpg) no-repeat right top;
	font-family: 'ubuntu-r-webfont';
	font-size:28px;
	color:#878787;
	line-height:49px;
}
.mid_top_box_ic1
{
	width:auto;
	float:left;
	margin:0 0 0 60px;
}
.mid_top_box_ic1 a
{
	 width:166px;
	height:166px;
	float:left;
	background:url(../images/mid_icon1.png) no-repeat left top;
	
}
.mid_top_box_ic1 a:hover
{
	background:url(../images/mid_icon1h.png) no-repeat left top;
}
.mid_top_box_ic2
{
	width:auto;
	float:left;
	margin:0 0 0 60px;
}
.mid_top_box_ic2 a
{
	 width:166px;
	height:166px;
	float:left;
	background:url(../images/mid_icon2.png) no-repeat left top;
}
.mid_top_box_ic2 a:hover
{
	background:url(../images/mid_icon2h.png) no-repeat left top;
}
.mid_top_box_ic3
{
	width:auto;
	float:left;
	margin:0 0 0 60px;
}
.mid_top_box_ic3 a
{
	 width:166px;
	height:166px;
	float:left;
	background:url(../images/mid_icon3.png) no-repeat left top;
}
.mid_top_box_ic3 a:hover
{
	background:url(../images/mid_icon3h.png) no-repeat left top;
}
.middle_bottom_right
{
	width:290px;
	float:right;
}
.middle_bottom_right_box_con
{
	width:230px;
	float:right;
}
#footer_wrp
{
	width:100%;
	float:left;
	background:url(../images/footer_bg-320.jpg) repeat-x left top;
	height:92px;
	position:absolute;
	bottom:0px;
}
#footer
{
	width:290px;
	margin:0 auto;
}
#footer_nav
{
	width:290px;
	float:left;
	padding:4px 0 0px 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
#footer_nav ul li
{
	width:auto;
	float:left;
	padding:0px 15px;
	border-right:1px solid #0f5f2c;
	margin:4px 0;
}
.mid_top_box_mn
{
	width:100%;
	float:left;
	display:inherit;
	padding:20px 0 0 0;
}
.mid_top_box
{
	width:290px;
	float:left;
	padding:10px 0px 30px 0px;
	background:url(../images/shadow-320.png) no-repeat center bottom;
}
.mid_top_box_ic
{
	width:290px;
	float:left;
	text-align:center;
}
.mid_top_box_right
{
	 width:290px;
	 float:right;
}
.mid_top_box_right h2
{
	width:100%;
	 font-family: 'ubuntu-r-webfont';
	 font-size:20px;
	 line-height:20px;
	 float:left;
	 padding:20px 0 0 0;
	 text-align:center;
}
.mid_top_box_right p
{
	width:100%;
	float:left;
	line-height:19px;
	padding:8px 0 0 0;
}
.flot{ float:left;}
.flot2{float:left;}
.pad
{
	padding-bottom:0px;
	background:none;
}
.pad2
{
	padding-bottom:0px;
}




/*--- inner page start ---*/

.banner_in
{
	width:290px;
	margin:0 auto;
}
.banner_in_sub
{
	width:290px;
	float:left;
	height:141px;
	padding:0 0 4px 0;
}
.product_banner { background:none;}
.banner_in_sub h1
{
	width:290px;
	float:right;
	color:#464445;
	font-size:30px;
	font-family: 'ubuntu-r-webfont';
	padding:50px 0 0 0;
	text-align:center;
	line-height:30px;
}
.product_image
{
	width:290px;
	float:left;
	padding:19px 0 0 0;
}
.product_image img
{
	width:100%;
	float:left;
}
.product_right_img{ float:right;}
.product_left_text{ float:left;}
.product_box h2
{
	width:100%;
	float:left;
	font-size:40px;
	font-family: 'trade-lt';
	text-transform:uppercase;
	line-height:30px;
	color:#009046;
		letter-spacing:-2px;

}
.product_box
{
	width:100%;
	float:left;
	background:url(../images/shadow-320.png) no-repeat center bottom;
	padding:35px 0 35px;
}
.product_box_right p
{
	width:100%;
	float:left;
	color:#5f6366;
	font-size:14px;
	line-height:22px;
	text-align:justify;
	padding:20px 0 0 0;
}
.product_sublink
{
	width:auto;
	float:left;
	padding:30px 0 0 50px;
}
.product_last{ padding-bottom:0px; background:none;}	
.contact_box_mn
{
	width:180px;
	float:left;
	padding:0 0px 30px 50px;
}
.contact_image
{
	width:auto;
	float:right;
	padding:0 0 0 0;
	padding:55px 0  0 0;
	display:none;
}
.contact_banner { background:none;}
.product_box_in
{
	width:160px;
	float:left;
	padding:20px 0px 20px 70px;
}
.personalize_banner { background:none;}
.keyboard_banner { background:none;}
.other_banner { background:none;}
.terms_banner { background:none;}
.privacy_banner { background:none;}
/*--- inner page end ---*/

.point
{
	width:100%;
	float:left;
	color:#373737;
	text-align:justify;
	padding:10px 0 0 0;
}
.point li
{
	width:96%;
	float:left;
	background:url(../images/arrow.png) no-repeat 1px 19px;
	padding:15px 0 0 4%;
}
.point2
{
	width:96%;
	float:left;
	color:#373737;
	text-align:justify;
	padding:0 0 0 15px;
}
.point2 li
{
	width:94%;
	float:left;
	background:url(../images/arrow2.png) no-repeat 1px 17px;
	padding:10px 0 0 5%;
}
}