@media only screen and (min-width: 100px) and (max-width: 479px) {
.wrapper {
width:90%;
min-width: 90%;
}
	body{
		font-size: 14px !important;
	}
.mobile{ display:block;height: 30px;width: 30px;float: right;margin-top: 20px;}
.logo img{ width:100px;height: auto;}
	.logo-right img{width: 100px; height: auto;}
header.sticky .logo img{ width:90px;height: auto;}
header.sticky .logo-right img{ width:90px;height: auto;}
nav {display:none;}
.h-btm {display:none;}
.h-left{ display:none;}
	.cnt-p-add{
		width: 100%;
		float: left;
	}
	.cnt-p1{
		width: 100%;
		float: left;
		margin-top: 0px;
	}
.banner-wrapper{ padding:20px 0;z-index: -1;}
.banner-text img{width: calc(100% - 50px);}
.banner-wrapper .banner-text span{ font-size:15px;}
.pan-1{ margin-top:-20px;}
.pan-1 .p1-cnt{ padding:15px;}
.pan-1 .p1-cnt span{ font-size:20px;}
.pan-1 .p1-cnt p{ font-size:14px; line-height:26px;}
.pan-2 h6{ font-size:20px;}
	.p-liner img{
		width: 100%;
		height: auto;
	}
	.p-liner h4{
		width: 100%;
		margin-left: 0;
	}
.pan-2 h6::before{ margin-top:30px;}
.pan-2 .p2-cnt ul li{ width:100%;margin-bottom: 20px;margin-right: 0;}
.pan-2 .p2-cnt{ margin-bottom:30px;}
.pan-3 .p3-cnt{ width:100%; margin-left:0;}
.pan-3{ padding:30px 0;}
.pan-3 .p3-cnt h3{ font-size:20px;}
.pan-3 .p3-cnt h3::before{ margin-top:30px;}
.pan-3 .p3-cnt ul li{ font-size:14px;}
.pan-4{ padding:20px 0;}
.pan-4 h6{ font-size:20px;}
.pan-4 h6::before{ margin-top:30px;}
.pan-4 .p4-cnt .r4-row{ width:100%; margin-left:0;}
.pan-4 .p4-cnt{ margin-top:10px;}
.pan-4 .p4-cnt .r4-row span{ font-size:14px;font-weight: 400;}
.pan-5 .map{ width:100%;}
.pan-5 .r1{ width:100%;/*! position: absolute; */margin-top: 449px;padding: 20px 0;}
footer .f-top .nav-btm{ padding:0;/*! margin-top: 80px; */}
footer .f-top .nav-btm ul li{ /*! width:100%; */ float:left; padding:0;line-height: 22px;margin-left: 35px;margin-top: 10px;}
footer .f-top .nav-btm ul{ display:block;}
footer .f-top{ padding:10px 0;}
footer .f-top .add span{ font-size:16px;line-height: 25px;}
footer .f-top .add p{ font-size:14px;}
.f-btm .f-left{ width:100%; float:left;font-size: 14px;text-align: center;}
.f-btm .f-mid{float:left; width:100%; display:inline-flex;margin-left: 0; text-align:center;}
.f-btm .f-mid .social{ float:none;width: 100%;margin: 10px 0;}
.f-btm .f-mid .social ul{ float:none;}
.f-btm .f-mid .social ul li{ float:none;}
.f-btm .f-right{ width:100%; text-align:center;font-size: 14px;}
.f-btm .f-mid .social ul li a i{ font-size:16px;}
.pan-5 .r1 h2{ font-size:20px;}
.pan-5 .r1 .careers .n1-txt-h1{ width:100%;}
.pan-5 .r1 .careers .n1-txt-h2{ width:100%;}
.pan-5 .r1 .careers .text{ font-size:14px;}
.pan-5 .r1 .careers .capchaimg{ width:100%;}
.pan-5 .r1 .careers .capchatxt{ width:100%;}
.pan-5{ padding:30px 0 30px; z-index: -1;}
/*about-us page*/
.banner-wrapper1{ z-index:-1;}
.banner-wrapper1 .banner-text{ display:none;}
.abt-pan1 .ab1-cnt{ padding:20px 0;}
.abt-pan1 .ab1-cnt span{ font-size:20px;margin-bottom: 10px;z-index: -1;}
.abt-pan1 .ab1-cnt span::before{ margin-top:30px;}
.abt-pan1 .ab1-cnt p{ font-size:14px;}
/*product page*/
.pro-pan1{ padding:20px 0;}
.pro-pan1 h6{ font-size:20px;margin-bottom: 10px;z-index: -1;}
.pro-pan1 h6::before{ margin-top:30px;}
.pr1-cnt{ padding:10px 0;}
.pr1-cnt .lf-prt h3{ font-size:16px;}
.pr1-cnt .lf-prt{ width:100%; float:left;}
.pr1-cnt .lf-prt .img-prt{ width:100%; float:left;}
.pr1-cnt .lf-prt .cnt-prt{ width:100%; float:left;padding: 0;}
.pr1-cnt .lf-prt .cnt-prt p{ font-size:14px;margin-bottom: 0;}
.pr1-cnt .lf-prt .cnt-prt span{ font-size:16px;}
.pr1-cnt .lf-prt .cnt-prt ul{ padding-left:0;}
.pr1-cnt .lf-prt .cnt-prt ul li{ font-size:14px;}
.pr1-cnt .lf-prt .cnt-prt ul.part-ul{ padding-left:0; width:100%;}
.pr1-cnt .rt-prt{ width:100%;margin-top: 10px;}
.in-pan-2 h6{ font-size:20px;}
.in-pan-2 .p2-cnt{ /*! padding:20px 0 0px; */margin: 20px 0 50px;}
/*quality page*/
	.fr-pan {
    width: 100%;
    float: left;
    margin-left: 0;
    padding: 40px 0;
}
.pro-p-qua{ padding:10px 0;}
.pro-p-qua h4{ font-size:16px;}
.pro-p-qua .pro-p-qua-n1{ width:100%;}
.pro-p-qua p{ font-size:14px;}
.pro-p-qua .pro-p-qua-n2{ width:100%; float:left;margin-top: 10px;}
/*careers page*/
.pr-cr-cnt{ width:100%; float:left;margin-left: 0;padding: 10px;}
.pr-cr-cnt .pr1-n1 .text{ padding:10px;}
.pr-cr-cnt .pr1-n1 .pr1-n1a{ width:100%;}
.pr-cr-cnt .pr1-n1 .pr1-n1a .capchaimg{ height:40px;}
.pr-cr-cnt .pr1-n1 .pr1-n1b .captext{ /*! height:40px; *//*! padding: 15px; */}
.pr-cr-cnt .pr1-n1 .pr1-n1b{ width:100%;margin-top: 20px;}

.p6-full{ width:100%; float:left;padding: 20px;}
.p6-fulln1{ width:100%; float:left;}

.abtp2-n1{ width:100%; float:left;}
.abtp2-n2{ width:100%; float:left;}
.abt-pan3{ display:inherit;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.wrapper {
width:90%;
min-width: 90%;
}
.logo img{ width:150px;}
nav {display:none;}
.h-btm {display:none;}
.h-left{ display:none;}
.mobile{ display:block;height: 30px;width: 30px;float: right;margin-top: 20px;}
.banner-wrapper{ padding:20px 0;z-index: -1;}
.banner-text img{width: calc(100% - 50px);}
.banner-wrapper .banner-text span{ font-size:15px;}
.pan-1{ margin-top:20px;}
.pan-1 .p1-cnt{ padding:15px;}
.pan-1 .p1-cnt span{ font-size:20px;}
.pan-1 .p1-cnt p{ font-size:14px; line-height:26px;}
.pan-2 h6{ font-size:20px;}
.pan-2 h6::before{ margin-top:30px;}
.pan-2 .p2-cnt ul li{ width:49%;margin-bottom: 20px;margin-right: 0;}
.pan-2 .p2-cnt{ margin-bottom:30px;}
.pan-3 .p3-cnt{ width:100%; margin-left:0;}
.pan-3{ padding:30px 0;}
.pan-3 .p3-cnt h3{ font-size:20px;}
.pan-3 .p3-cnt h3::before{ margin-top:30px;}
.pan-3 .p3-cnt ul li{ font-size:14px;}
.pan-4{ padding:20px 0;}
.pan-4 h6{ font-size:20px;}
.pan-4 h6::before{ margin-top:30px;}
.pan-4 .p4-cnt .r4-row{ width:100%; margin-left:0;}
.pan-4 .p4-cnt{ margin-top:10px;}
.pan-4 .p4-cnt .r4-row span{ font-size:14px;font-weight: 400;}
.pan-5 .map{ width:100%;}
.pan-5 .r1{ width:100%;/*! position: absolute; */margin-top: 449px;padding: 20px 0;height: 500px;}
footer .f-top .nav-btm{ padding:0;/*! margin-top: 80px; */}
footer .f-top .nav-btm ul li{ width:100%; float:left; padding:0;line-height: 22px;}
footer .f-top .nav-btm ul{ display:block;}
footer .f-top{ padding:10px 0;}
footer .f-top .nav-btm ul{ display:block;}
footer .f-top{ padding:10px 0;}
footer .f-top .add span{ font-size:16px;}
footer .f-top .add p{ font-size:14px;}
.f-btm .f-left{ width:100%; float:left;font-size: 14px;text-align: center;}
.f-btm .f-mid{float:left; width:100%; display:inline-flex;margin-left: 0; text-align:center;}
.f-btm .f-mid .social{ float:none;width: 100%;margin: 10px 0;}
.f-btm .f-mid .social ul{ float:none;}
.f-btm .f-mid .social ul li{ float:none;}
.f-btm .f-right{ width:100%; text-align:center;}
.f-btm .f-mid .social ul li a i{ font-size:16px;}
.pan-5 .r1 h2{ font-size:20px;}
.pan-5 .r1 .careers .n1-txt-h1{ /*! width:100%; */}
.pan-5 .r1 .careers .n1-txt-h2{ /*! width:100%; */}
.pan-5 .r1 .careers .text{ font-size:14px;}
.pan-5 .r1 .careers .capchaimg{ width:100% !important;float: left;}
.pan-5 .r1 .careers .capchatxt{ width:100% !important;float: right;}
.pan-5{ padding:30px 0 0px;z-index: -1;}

.pan-2 .p2-cnt ul li:nth-child(2n){ margin-right:0;}
	/*about-us page*/
	.banner-wrapper1{ z-index:-1;}
.banner-wrapper1 .banner-text{ display:block;  }
.banner-wrapper1 .banner-text span{ font-size:20px;width: 80%;margin-left: 10%;}
.abt-pan1 .ab1-cnt{ padding:20px 0;}
.abt-pan1 .ab1-cnt span{ font-size:20px;margin-bottom: 10px;}
.abt-pan1 .ab1-cnt span::before{ margin-top:30px;}
.abt-pan1 .ab1-cnt p{ font-size:14px;}
.abt-pan1 .ab1-cnt span{ font-size:22px;z-index: -1;}
.abt-pan1 .ab1-cnt{ padding:30px 0;}
/*product page*/
.pro-pan1{ padding:20px 0;}
.pro-pan1 h6{ font-size:20px;margin-bottom: 10px;z-index: -1;}
.pro-pan1 h6::before{ margin-top:30px;}
.pr1-cnt{ padding:10px 0;}
.pr1-cnt .lf-prt h3{ font-size:20px;}
.pr1-cnt .lf-prt{ width:100%; float:left;}
.pr1-cnt .lf-prt .img-prt{ width:100%; float:left;}
.pr1-cnt .lf-prt .cnt-prt{ width:100%; float:left;padding: 0;margin-top: 10px;}
.pr1-cnt .lf-prt .cnt-prt p{ font-size:15px;margin-bottom: 0;}
.pr1-cnt .lf-prt .cnt-prt span{ font-size:16px;}
.pr1-cnt .lf-prt .cnt-prt ul{ padding-left:0;}
.pr1-cnt .lf-prt .cnt-prt ul li{ font-size:14px;}
.pr1-cnt .lf-prt .cnt-prt ul.part-ul{ padding-left:0; width:100%;}
.pr1-cnt .rt-prt{ width:100%;margin-top: 10px;}
.in-pan-2 h6{ font-size:20px;}
.in-pan-2 .p2-cnt{ /*! padding:20px 0 0px; */margin: 20px 0 50px;}
/*quality page*/
.pro-p-qua{ padding:10px 0;}
.pro-p-qua h4{ font-size:16px;}
.pro-p-qua .pro-p-qua-n1{ width:100%;}
.pro-p-qua p{ font-size:14px;}
.pro-p-qua .pro-p-qua-n2{ width:100%; float:left;margin-top: 10px;}
/*careers page*/
.pr-cr-cnt{ width:100%; float:left;margin-left: 0;padding: 10px;}
.pr-cr-cnt .pr1-n1 .text{ padding:10px;}
.pr-cr-cnt .pr1-n1 .pr1-n1a{ /*! width:100%; */}
.pr-cr-cnt .pr1-n1 .pr1-n1a .capchaimg{ height:47px;}
.pr-cr-cnt .pr1-n1 .pr1-n1b .captext{ /*! height:40px; *//*! padding: 15px; */}
.pr-cr-cnt .pr1-n1 .pr1-n1b{ /*! width:100%; *//*! margin-top: 20px; */}

.p6-full{ width:100%; float:left;padding: 20px;}
.p6-fulln1{ width:100%; float:left;}

.abtp2-n1{ width:100%; float:left;}
.abtp2-n2{ width:100%; float:left;padding-left: 0;}
.abt-pan3{ display:inherit;}
.abt-pan3 h2{ text-align:left !important;}
}
@media only screen and (min-width: 768px) and (max-width: 1100px) {
	
	.wrapper {
width:90%;
min-width: 90%;
}
.logo img{ width:150px;}
.mobile{ display:block;height: 30px;width: 30px;float: right;margin-top: 20px;}
nav {display:none;}
.h-btm {display:none;}
.h-left{ display:none;}
.banner-wrapper{ padding:20px 0;z-index: -1;}
.banner-text img{width: auto;}
.banner-wrapper .banner-text span{ font-size:22px;}
.pan-2 .p2-cnt ul li{ width:49%;margin-bottom: 20px;}
.pan-2 .p2-cnt ul li:nth-child(2n){ margin-right:0;}
footer .f-top .nav-btm ul li{ padding:0;}
footer .f-top .add{ margin-top:0;}
footer .f-top .nav-btm ul li a{margin: 0 9px;}
footer .f-top{ padding:10px 0;}
footer .f-top .add span{ font-size:16px;}
footer .f-top .add p{ font-size:14px;}
.f-btm .f-left{ width:100%; float:left;font-size: 14px;text-align: center;}
.f-btm .f-mid{float:left; width:100%; display:inline-flex;margin-left: 0; text-align:center;}
.f-btm .f-mid .social{ float:none;width: 100%;margin: 10px 0;}
.f-btm .f-mid .social ul{ float:none;}
.f-btm .f-mid .social ul li{ float:none;}
.f-btm .f-right{ width:100%; text-align:center;}
.f-btm .f-mid .social ul li a i{ font-size:16px;}


.banner-wrapper1 .banner-text span{ font-size:24px;}

/*about-us page*/
.banner-wrapper1 .banner-text{ display:block;  }
.abt-pan1 .ab1-cnt{ padding:20px 0;}
.abt-pan1 .ab1-cnt span{ font-size:20px;margin-bottom: 10px;}
.abt-pan1 .ab1-cnt span::before{ margin-top:40px;}
.abt-pan1 .ab1-cnt p{ font-size:14px;}
.abt-pan1 .ab1-cnt span{ font-size:28px;}
.abt-pan1 .ab1-cnt{ padding:30px 0;}	

.pro-pan1 h6{ font-size:32px;}
.pr1-cnt .lf-prt{ width:100%; float:left;}
.pr1-cnt .rt-prt{ width:100%; float:left;}
.in-pan-2 .p2-cnt{ margin:20px 40px;}
/*careers page*/
.pr-cr-cnt{ width:100%; float:left;margin-left: 0;padding: 10px;}
.pr-cr-cnt .pr1-n1 .text{ padding:10px;}
.pr-cr-cnt .pr1-n1 .pr1-n1a{ /*! width:100%; */}
.pr-cr-cnt .pr1-n1 .pr1-n1a .capchaimg{ height:47px;}
.pr-cr-cnt .pr1-n1 .pr1-n1b .captext{ /*! height:40px; *//*! padding: 15px; */}
.pr-cr-cnt .pr1-n1 .pr1-n1b{ /*! width:100%; *//*! margin-top: 20px; */}

.abtp2-n1{ width:100%; float:left;border: none;}
.abtp2-n2{ width:100%; float:left;padding-left: 0;}
.abt-pan3{ display:inherit;}
.abt-pan3 h2{ text-align:left !important;}

.banner-wrapper1{ z-index:-1;}
}

.pro-pan1 span.spn1{ width:100%; float:left; text-align:center;}