/* CSS Document */
@media screen and (max-width: 600px) {
  .rec_pro{
  width:100%;
  }
}
@media screen and (max-width: 635px) {
	 #top .text{
	display: none;
	}
}
@media screen and (max-width: 318px) {
	#nav .search{
	display: none;
	}
}
@media (min-width: 319px) and (max-width: 322px) {
  #nav .search{
  width:190px;
  }
}
@media screen and (max-width: 817px) {
  .pro_box4 .item{
  background-image:none;
  }
    .pro_box4 .two, .pro_box4 .three{
  padding-left:0px;
  }
}
@media screen and (max-width: 1023px) {
	#nav ul.visible-mobile{
	display: inherit !important;
	}
	#nav ul.visible-desktop
	{
	display: none !important;
	}
  #top, #main, .main_btm, #footer, #home_main, #nav{
  width:98%;
  }
  #content{
  width:85%;
  }
  #home_main  .box1  .item{
  width:100%;
  height:100%;
  }
  #home_main  .box1  .item .list .btn{
  margin-bottom:15px;
  width:100%;
  }
  a.buy1{
  margin-bottom:10px;
  }
  
   #home_main  .box2 .left{
  width:85%;
  }
     #home_main  .box2 .right, .h_banner{
  display: none !important;
  }
     #home_main  .box2 .center{
  display: none !important;
  }
  .fr{float:left;}
  .pro_box2 .item9{
  background-image:none;
  }
  .pro_box3 .box .textpro, .pro_box3 .box .textpro2, .pro_box3 .box .text{
  padding-left:0px;
  }
   .pro_box3 .box .textpro h2, .pro_box3 .box .textpro2 h2
   {
   display: none !important;
   }
  .pro_box3 .box  .img{
  padding-right:15px;
  padding-bottom:15px;
  }
	.pro_box2 .item9{
	width:100%;
	}
	.feture_list{
	width:100%;
	}
	.compare_table tr{
	word-break: break-all;
	}
  .rec_pro  .btn{
	clear:both;
	}
  .rec_pro  .btn a.more6{
  margin-left:40px;
  }
  #sidebar, #footer .approved, .pro_title{
  display: none;
  }
  #nav{
  background-size: contain;
  background-image:url(nav-mobile.gif);
  background-repeat: repeat-x;
  }
  #nav ul.visible-mobile li {width:120px;height:40px;line-height:40px;font-size:14px;display:block; 
font-family: Arial, verdana, Tahoma, Helvetica, sans-serif; text-align:center;
background-image:url(mobile-menu.png);
background-position:22px center;
color:#fff;
}
  #nav ul.visible-mobile{
  width:120px;
  }
  .pro_box3  .box  .text h2{
  display: none;
  }
  #content{
  padding-right:30px;
  }
  img {
  max-width: 100%
  }
  #footer .link .copyright{
 display:block;
 margin-left:10px;
  }
 .line, .feture_title{
	 background-size: contain;
  }
  .ready{
  margin-bottom:30px;
  background-size: contain;
  }
  .ready dl dd {
  margin-bottom:10px;}
  a.buy2{
  margin-bottom:10px;
  }
}