@media only screen and (min-width: 768px) and (max-width: 1016px) {
 	#wrapper		{width:748px;}
	#header			{width:748px;height:auto; margin: 0 0 10px;} 
	.header_top		{height:auto; margin: 8px 0 10px;}    
	.solution_badge		{right: 24px;height:auto;}
	.logo_qdi        {width:75px;}
	
	#content		{width:748px;}
	.car_img_block	{width:330px;}
	.car_img_block img	{width:100%; height:auto;}
	.left_content.fltleft	{ margin: 0 0 23px 0; margin:0 auto;float:none; display:block;}
	.video_box			{ margin: 0 0 23px 0;}
	.video_box img		{width:100%; height:auto;}

	.left_content h3	{margin:0 0 23px 0;padding: 0 0 10px;}
	.left_content p		{padding: 0 0 25px;}
	.satisfaction_guarantee h3 br	{display:none;}
	.satisfaction_guarantee		{width:610px;}
	#banner h1			{font-size:35px;line-height:40px;}
	#banner h2			{font-size:15px;}
	.click_mini_cube	{width: 412px;}
	.button				{font-size:19px;}
	.right_content		{float:none; display:block; margin:0 auto;width:610px;}
	.happy_customer		{width:610px;}
	.why_choose			{width:610px; padding:25px 15px 0 0;}
	.why_choose h4 br		{display:none;}
	
	#footer_wrap		{width:748px;}
	.solution_badge2	{width:154px; right:48px;top:-80px;}
	.solution_badge2 img	{width:100%; height:auto;}
}


 @media only screen and (min-width: 600px) and (max-width: 767px) {
 	#wrapper		{width:580px; margin:0 auto;}
	#header			{width:580px;height:auto;}
	.header_top		{height:auto; margin: 8px 0 10px;}   
	.solution_badge		{right:14px; top: 55px;}
	#logo img		{width:100%; height:auto;} 
	#logo			{width:400px;}	
	.solution_badge img	{width:100%; height:auto;}
	.solution_badge		{width:130px;height:auto;}
		.logo_qdi        {width:58px;}
	
	#content		{width:580px;}
	#banner			{position:static; padding: 57px 0 0;height:auto;}
	.car_img_block	{width:320px; margin:0 auto;position:static;} 
	.car_img_block img	{width:100%; height:auto;}
	.left_content.fltleft	{ margin: 0 0 23px 0; margin:0 auto;float:none; display:block; width:500px;}
	.video_box			{ margin: 0 auto 23px; width: 500px;}
	.video_box img		{width:100%; height:auto;}
    .video_box iframe	{width:100%; height:auto;}
	.left_content h3	{margin:0 0 23px 0;padding: 0 0 10px;}
	.left_content p		{padding: 0 0 25px;}
	.satisfaction_guarantee h3 br	{display:none;}
	.satisfaction_guarantee		{width:485px; margin:0 auto;padding: 35px 15px 0 15px;}
	#banner h1			{font-size:28px;padding: 0 0 20px 0;line-height:32px;text-align:center;}
	#banner h2			{font-size:12px; padding: 0 0 28px 0; text-align:center;}
	.click_mini_cube	{width:362px;}
	.button				{font-size:19px;}
	.right_content		{float:none; display:block; margin:0 auto;width:500px;}
	.happy_customer		{width:485px; margin:0 auto; padding: 25px 15px 0 15px;}
	.why_choose			{width:500px;margin:0 auto; padding:25px 15px 0 0;}
	.why_choose h4 br		{display:none;}

	#footer_wrap		{width:580px;height:auto;}
	.solution_badge2	{width:130px; right:24px;top:-62px;height:auto;}
	.solution_badge2 img	{width:100%; height:auto;}
	#footer_outer 		{ background: url("../img/footer_bg.jpg") repeat-x scroll left top #000;padding: 0 0 20px;}
	.footer_list1		{ margin: 0 0 0 20px;width: 120px;}
	.footer_list2		{ width: 224px;}
}

 @media only screen and (min-width: 480px) and (max-width: 599px) {
 	#wrapper		{width:460px;margin:0 auto;}
	#header			{width:460px; height:auto;}  
	.header_top		{height:auto; margin:8px 0 44px;} 
	.solution_badge		{right:0; top:66px;}
	#logo img		{width:100%; height:auto;} 
	#logo			{width:300px;padding:26px 0 0 0;height:auto; margin:0 auto;}	
	.solution_badge img	{width:100%; height:auto;}
	.solution_badge		{width:90px;height:auto;}	
	.menu			{display:block;margin: 20px 0 10px;}
	.nav			{height:auto;text-align:center;}
	.nav ul		{float:none; display:none;height: auto;}
	.nav ul	li		{float:none; display:block;}
		.logo_qdi        {width:46px;}

	
	#content		{width:460px;}
	#banner			{position:static; padding: 57px 0 0; height:auto;}
	.car_img_block	{width:320px; margin:0 auto;position:static;} 
	.car_img_block img	{width:100%; height:auto;}
	.left_content.fltleft	{margin: 0 0 23px 0; margin:0 auto;float:none; display:block; width:460px;}
	.video_box			{ margin: 0 auto 10px; width:440px;height:auto;}
	.video_box img		{width:100%; height:auto;}
    .video_box iframe   {width:100%; height:auto;}
	.left_content h3	{margin:0 0 23px 10px;padding: 0 0 10px;}
	.left_content p		{padding: 0 7px 25px 10px;}
	.satisfaction_guarantee h3 br	{display:none;}
	.satisfaction_guarantee		{width:430px; margin:0 auto;padding: 35px 15px 0 15px;}
	#banner h1			{font-size:28px;padding: 0 0 20px 0;line-height:32px;text-align:center;}
	#banner h2			{font-size:12px; padding: 0 0 28px 0; text-align:center;}
	.click_mini_cube	{width:300px;}
	.button				{font-size:15px;}
	.right_content		{float:none; display:block; margin:0 auto;width:460px;}
	.happy_customer		{width:430px; margin:0 auto; padding: 25px 15px 0 15px;}
	.why_choose			{width:430px;margin:0 auto; padding:25px 15px 0 0;}
	.why_choose h4 br		{display:none;}
	.left_content h3		{font-size:30px;}
	
	#footer_wrap		{width:460px;height:auto;}
	.footer_logo		{width:300px;}
	.footer_logo img	{width:100%; height:auto;}
	.solution_badge2	{width:100px; right:16px;top:-46px;}
	.solution_badge2 img	{width:100%; height:auto;}
	#footer_outer 		{ background: url("../img/footer_bg.jpg") repeat-x scroll left top #000;padding: 0 0 20px;}
	.footer_list1		{ margin:0 auto 20px;width:200px;float:none; display:block;}
	.footer_list2		{  margin:0 auto 20px;width:200px;float:none; display:block;}
	.footer_list3		{  margin:0 auto 20px;width:200px;float:none; display:block;}

}


 @media only screen and (max-width: 479px) {
 	#wrapper		{width:307px;margin:0 auto;}
	#header			{width:300px;height:auto;} 
	.header_top		{height:auto; margin: 8px 0 44px;} 
	.solution_badge		{right:0; top:74px;}
	#logo img		{width:100%; height:auto;} 
	#logo			{width:270px;padding:26px 0 0 0;height:auto; margin:0 auto;}	
	.solution_badge img	{width:100%; height:auto;}
	.solution_badge		{width:70px;height:auto;}	
	.menu			{display:block;margin:10px 0 10px;}
	.nav			{height:auto;text-align:center; }
	.nav ul		{float:none;height:auto;display:none;}
	.nav ul	li		{float:none; display:block;}
		.logo_qdi        {width:31px;}


	#content		{width:300px;}
	#banner			{position:static; padding: 57px 0 0;height:auto;}
	.car_img_block	{width:300px; margin:0 auto;position:static;} 
	.car_img_block img	{width:100%; height:auto;}
	.left_content.fltleft	{margin: 0 0 23px 0; margin:0 auto;float:none; display:block; width:300px;}
	.video_box			{ margin: 0 auto 10px; width:280px;height:auto;}
	.video_box img		{width:100%; height:auto;}
	.video_box iframe   {width:100%; height:auto;}
	.left_content h3	{margin:0 0 23px 10px;padding: 0 0 10px; font-size:22px;}
	.left_content p		{padding: 0 7px 25px 10px;}
	.left_content img   {width:100%; height:auto;}
	.satisfaction_guarantee h3 br	{display:none;}
	.satisfaction_guarantee		{width:270px; margin:0 auto;padding: 35px 15px 60px 15px;}
	.satisfaction_guarantee h3	{font-size:17px;}
	#banner h1			{font-size:20px;padding: 0 0 20px 0;line-height:32px;text-align:center;}
	#banner h2			{font-size:11px; padding: 0 0 28px 0; text-align:center;}
	.click_mini_cube	{width:220px;}
	.button				{font-size:11px;}
	.right_content		{float:none; display:block; margin:0 auto;width:300px;}
	.happy_customer		{width:270px; margin:0 auto; padding: 25px 15px 0 15px;}
	.happy_customer h3	{padding:0 0 10px;}
	.read_more			{font-size:15px;}
	.why_choose h3		{font-size:18px;}
	.why_choose h4		{font-size:18px;}
	.why_choose			{width:280px;margin:0 auto; padding:25px 15px 0 15px;}
	.why_choose ul li	{font-size:14px;}
	.why_choose h4 br		{display:none;}
	
	#footer_wrap		{width:300px;height:auto;}
	.footer_logo		{width:220px;padding: 26px 0 0;}
	.footer_logo img	{width:100%; height:auto;}
	.solution_badge2	{width:80px; right:3px;top:-36px;}
	.solution_badge2 img	{width:100%; height:auto;}
	#footer_outer 		{ background: url("../img/footer_bg.jpg") repeat-x scroll left top #000;padding: 0 0 20px;}
	.footer_list1		{ margin:0 auto 20px;width:200px;float:none; display:block;}
	.footer_list2		{  margin:0 auto 20px;width:200px;float:none; display:block;}
	.footer_list3		{  margin:0 auto 20px;width:200px;float:none; display:block;}
}