@charset "utf-8";

@media only screen and (min-width: 200px) and (max-width:500px) {
.wrapper{width:94%; margin:0% 3% !important;} 
.mailprobox{margin: 0 0% 0 0% !important; width:100% !important; padding-bottom:45px;}
.pageheader{font-size:18px !important;}
.textpart{ font-size:13px; line-height:19px; }
.complink{ display:none !important;}
.logo{ width:96%; float:none; text-align:center; margin:0 4% 0 4% !important; }
.headright{ float:none; padding-top:13px; padding-bottom:13px; clear:both; text-align:center; margin:0 auto;}
.bannerbg01{ background-position:right 0px !important;}
.bannerbg02{ background-position:right 0px !important;}
.bannerbg03{ background-position:right 0px !important;}
.phonenum{ float:none; display:inline-block; }
.extraheadlink{ float:none; display:inline-block; margin-right:25px;}
.btmlinktab01{width:100%; margin:0% 0% 1% 0%; }
.btmlinktab02{width:100%; margin:0% 0% 1% 0%; }
.btmlinktab03{width:100%; margin-top:10px; }
.flex-caption{ display:none !important; }
.copyleft{ width:100%; text-align:center; }
.flexslider .slides > li{ height:200px !important; }
.viewprobt{ display:none !important; }
.bodypart{ margin-top:9px; padding:12px !important; }
.flex-control-nav{ bottom:3px !important; }
.fproboxinfo{ font-size:17px !important; left:4% !important; line-height:normal !important; }
.bx-wrapper .bx-controls-direction a{ top:auto !important; bottom:-52px; }
.bx-wrapper .bx-prev{ left:28% !important;}
.bx-wrapper .bx-next{ right:28% !important;}
.rgdev-text{ font-size:15px; text-transform:uppercase; }
.productbx{ width:97%; margin:1% 1.5%; float:left;}
.innerbntxt{ font-size:26px; }
.pageheader .intxtar{ display:block; width:100%; margin:5px 0px 15px 0px;  }
.pageheader span + span{ display:block; width:100%; clear:both;  }
.pageheader span + span select { display:block; width:100%; }
.detailleft{ width:100% !important; }
.detailright{ width:100% !important; }
.producthead{ font-size:18px; }
.detailrow{ font-size:13px;  padding:10px 0px 7px 0px;}
.lbheadtd{ width:25%; }
.dtdetailtd{ width:75%; }
.orcalltxt{ font-size:15px; }
.ortxt{ font-size:26px; }
.loginbox01{width:100%; margin:0%;}
.loginbox02{width:100%; margin:0%;}
.loginbt{width:100%; }
.loginbxhead{ text-transform:none; border:0px !important; font-size:18px;}

.loginbt{ margin-top:15px; }
.logdivtd01{width:100% !important;}
.logdivtd02{width:100% !important;}
.loginbxbody{ padding:15px; }
.logdivrow01{ margin-bottom:0px; font-size:13px;}
.pageheader .intxtar{ margin:0px; }

.inquirybox { width:98%; }

}
/*-----------------------------------------------------------------------------------------*/

@media only screen and (min-width:501px) and (max-width:767px) {
.wrapper{width:96%; margin:0% 2% !important;} 
.mailprobox{margin: 0 10% 0 10% !important; width:80% !important;}
.pageheader{font-size:20px !important;}
.textpart{ font-size:13px; }
.complink{ display:none !important;}
.logo{ width:70%; float:none; text-align:center; margin:0 15% 0 15% !important; }
.headright{ float:none; padding-top:13px; padding-bottom:13px; clear:both; text-align:center; margin:0 auto;}
.bannerbg01{ background-position:right 0px !important;}
.bannerbg02{ background-position:right 0px !important;}
.bannerbg03{ background-position:right 0px !important;}
.phonenum{ float:none; display:inline-block; }
.extraheadlink{ float:none; display:inline-block; margin-right:25px;}
.btmlinktab03{width:100%; margin-top:10px; }
.btmlinktab01{width:100%; margin:0% 0% 1% 0%;}
.btmlinktab02{width:100%; margin:0% 0% 1% 0%;}
.flex-caption{ font-size:25px !important; height:130px !important; left:25px !important; }
.flex-caption span{ font-size:20px !important; padding-top:12px !important;}
.copyleft{ width:100%; text-align:center; }
.flexslider .slides > li{ height:206px !important; }
.viewprobt{ display:none !important; }
.bodypart{ margin-top:9px; padding:18px;}
.productbx{ width:47%; margin:1% 1.5%; float:left;}
.innerbntxt{ font-size:28px; }
.detailleft{ width:100% !important; }
.detailright{ width:100% !important; }
.loginbox01{width:100%; margin:0%;}
.loginbox02{width:100%; margin:0%;}
.loginbt{ width:75%; margin-top:15px; }
.loginbxhead{ text-transform:none;}

.inquirybox { width:90%; }
}
/*-----------------------------------------------------------------------------------------*/


@media only screen and (min-width:768px) and (max-width:900px) {
.wrapper{width:96%; margin:0% 2% !important;} 
.mailprobox{margin: 0 5% 0 5% !important; width:90% !important;}
.pageheader{font-size:20px !important;}
.textpart{ font-size:13px; }
.complink{ display:none !important;}
.logo{ float:none; text-align:center; margin:0 auto;}
.headright{ float:none; padding-top:13px; padding-bottom:13px; clear:both; text-align:center; margin:0 auto;}
.bannerbg01{ background-position:right 0px !important;}
.bannerbg02{ background-position:right 0px !important;}
.bannerbg03{ background-position:right 0px !important;}
.phonenum{ float:none; display:inline-block; }
.extraheadlink{ float:none; display:inline-block; margin-right:25px;}
.btmlinktab03{width:100%; margin-top:10px; }
.btmlinktab01{width:40%;}
.btmlinktab02{width:60%; margin:0%;}
.flex-caption{ font-size:30px !important; }
.flex-caption span{ font-size:20px !important; }
.productbx{ width:44%; margin:1% 3%; float:left;}
.innerbntxt{ font-size:28px; }
.detailleft{ width:100% !important; }
.detailright{ width:100% !important; }

.loginbox01{width:100%; margin:0%;}
.loginbox02{width:100%; margin:0%;}
.loginbt{ width:75%; }

.inquirybox { width:90%; }

}
/*-----------------------------------------------------------------------------------------*/



@media only screen and (min-width:901px) and (max-width:1023px) {
.wrapper{width:96%; margin:0% 2% !important;} 
.mailprobox{margin: 0 20% 0 5% !important; width:76% !important;}
.pageheader{font-size:22px !important;}
.rgdev{ font-size:13px; }
.rgdev-item a{padding:0 14px;}
.productbx{ width:31.33%; margin:1% 1%; float:left;}
.innerbntxt{ font-size:28px; }
.loginbt{ width:75%; }

.inquirybox { width:80%; }
}
/*-----------------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------------*/

@media only screen and (min-width:1024px) and (max-width:1170px) {
.wrapper{width:96%; margin:0% 2% !important;} 
.mailprobox{margin: 0 20% 0 5% !important; width:76% !important;}
.pageheader{font-size:22px !important;}
.productbx{ width:23%; margin:1% 1%; float:left;}




}
/*-----------------------------------------------------------------------------------------*/