@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px)
{
	
/* Main CSS */
	
.MainBodyFrame { width:100%;display:block;padding:0px; }
.MainSubFrame, .MainSubFrame2, .MainSubFrame3 { width:100%;padding:0px 20px 0px 20px;display:block;  }
.MainSubFrame3 { margin:30px auto 0px auto;   }

.TimeLine { height:auto;background:none; }
.TimeLine img { display:block; }

 .FL { float:left !important; }
 .FR { float:right !important; }

.Box50 { height:auto;width:100%;float:none;display:table;margin-bottom:10px;height:auto;padding:0px; }
.Box51, .Box52 { background:none;height:auto; }
.Box51 img, .Box52 img { display:block; }
.Box52 { width:47%;  }
.Box51 { width:99%;  }

.FrontBody { background:#fff; }
.FrameSlider1 { width:100%;display:none; }
.FrameFeedback2 { width:100%; }
.FrameLatest { display:none; }
.FrontTop 	{ height:98px;	}
.FrontMargin { margin-top:50px; }

.HeaderFrame { height:auto;width:100%; }	
.HeaderTop { height:auto; }
.HeaderMenu { width:100%;height:auto;  }
#cssmenu { float:none;background-color:#000; }
.HeaderLeft { float:none;width:100%;background-position:50% 50%; } 
.ShareMenu { display:none; }
.LangStyle { display:none; }
.SearchPosition { display:none; }
.jssorFrame { top:0px !important; }

.ProdStrip { display:none; }
.ProdBottom { display:none; }

.FramePhoto1 { margin-top:30px; }
.TestStyle1 { float:none;width:100%;margin:70px 0px 0px 0px;background-repeat:no-repeat;background-position:50% 10px;text-align:center;text-decoration:none;border:solid 1px #B5B5B5;padding-bottom:30px;margin-bottom:10px; }

.MainAbout { float:none; width:100%;margin:0px;padding:20px 0px 0px 0px;height:auto; }

.ProfileLeft { float:none;width:100%; }
.ProfileRight { float:none;width:100%; }

.BlogBox1 { display:block;width:100%;float:none;margin-bottom:0px; }


.FooterTop { height:auto;width:100%; }
.FooterBottom { height:auto; }
.FooterLeft { float:none;width:100%;padding:10px 0 10px 0;text-align:center;line-height:24px;margin-top:30px; }
.MenuFrame 	{ position:inherit;height:auto;border-bottom:0px;	}
.FooterMenu2 { float: none; width: 100%;text-align:center;margin-bottom:30px;text-align:center; }
.FooterMenu2 a { line-height:20px; }
.FooterMenu { float:none; width:100%;padding:0px;text-align:center; }
.HeaderLogo { display:none;	}
.MobileLogo { display:block; }
.SearchPosition { display:none;	}
.MainLeft1 { float:none; width:100%;margin:0px;padding:20px 0px 0px 0px;height:auto; }
.MainLeft2 { float:none; width:100%;margin:0px;padding:20px 0px 0px 0px;height:auto; }
.MainLeft3 { float:none; width:100%;margin:0px;padding:20px 0px 0px 0px;height:auto; }
.MainLeft4 { float:none; width:100%;margin:0px;padding:20px 0px 20px 0px;height:auto; }
#cssmenu { float:none;width:100%; }
.FooterShare { float:none;display:table;margin:0px auto; }
.MoveUp { position:inherit;margin-top:20px; }

.FooterFrame1 { height:auto;padding:20px 10px 20px 10px;text-align:center; }
.FooterQuote span { float:none; }
.FrameBtn { float:none;margin:10px auto 0px auto; }
#FloatBounce { display:none; }

.BlogBox2 { float:none;width:100%;margin-bottom:20px; }
.BlogBox2 img { display:block;width:100%;height:auto;  }

.ProductLeft { float:none;width:100%;max-width:400px;margin:20px auto 20px auto; }
.ProductRight { float:none;width:100%;margin:0px 0px 20px 0px; }



.CircleFrame { width:100%;height:auto; }
.CircleBox { float:none;display:block;width:200px;height:200px;margin:20px auto; }

.FooterFrame2 { height:auto; }
.FooterBox3 { float:none;width:100%;border-left:0px;border-bottom:solid 1px #DADADA;  }

.FooterFrame3 { padding:20px; }

.FrontVideo { height:150px;border:solid 1px #333; }
.LatestPro { display:block; }

.Box4 {  height:auto !important;width:100%;float:none;margin-bottom:20px; }
.Box4 span {  padding:20px 20px 0px 20px;height:100px !important; }

.TestStyle1 { float:none;width:100%;height:auto; }


.GCol12 { width:100%;float:none; }
.GCol22 { width:100%;float:none; }

.LocateStyle { width:100%; }
.FrameContact { width:100%; }

/*.ProStyle { margin:0px;height:auto;width:100%;display:table;	}
.ProDesc { padding:10px 0px 0px 0px;height:auto;overflow:visible;text-align:justify; }
.ProImg { width:100%; height:auto;margin:0px 0px 20px 0px; }*/

.ProBox2 { display:none; }

.HistoryStyle { background-image:none; }
.HistoryLeft, .HistoryRight { float:none;width:100%;height:auto; }
.HistoryLeft { padding-bottom:20px;color:#FAA61A; }

.History2Style { background-image:none;border-bottom:solid 10px #D8D8D8; }
.History2Left, .History2Right { float:none;width:100%;height:auto; }
.History2Left { padding-bottom:0px;color:#FAA61A; }

 
.MainLeftFrame { float:none; width:100%;padding:15px 0px 15px 0px;display:block; }
.MainRightFrame { float:none;width:100%;padding:15px 0px 15px 0px; }
.MainLeftFrame2 { float:none;width:100%;padding:15px 0px 15px 0px; }
.MainRightFrame2 { float:none; width:100%;}
.MainLeftFrame3 { float:none;width:100%;}


.FrontLeft1 { float:none;width:100%;height:auto;padding:20px 0px 0px 0px;  }
.FrontRight1 { float:none;width:100%;height:auto;padding:20px 0px 0px 0px;  }

.FrontLeft2 { float:none;width:100%;height:auto;padding-bottom:0px; }
.FrontRight2 { float:none;width:100%;height:auto;margin-bottom:20px; }

.BlogLeft1 { float:none; width:100%;padding-top:20px; }
.BlogRight1 { float:none; width:100%;padding-top:20px; }
.BlogStyle img  { width:100%;height:auto; 	}


.SNewsImage { float:none;width:100%;height:auto;margin:12px 0px 15px 0px; }

.DNewsBody img { width:100% !important;height:auto !important; }

.FrameComment { height:400px;margin-bottom:10px; }
.FrameContact { width:100%;height:600px; }

/* Common CSS */

.CommonHeader2 { padding-top:40px;height:80px; }

.CommonHeader7 { font-size:30px;height:auto;line-height:50px;padding:20px 0px 0px 0px; }
.CommonDesc7 { padding:0px 0px 20px 0px;background-image:none; }
.CommonDesc7 li { display:block; padding:0px 0px 0px 18px;margin:0px; background:url(../images/basic/bullet3.png) left center no-repeat; }
.CommonDesc7 b,.CommonDesc7 strong { font-weight:bold; }
.CommonDesc7 i,.CommonDesc7 em { font-style:italic; }
.CommonDesc7 a { text-decoration:underline;color:blue; }

.CommonHeader8 { height:auto;font-size:24px;padding:30px 0px 0px 0px;text-align:center;line-height:40px; }
.CommonDesc8 { color:#fff;padding:0px 0px 30px 0px;text-align:center;line-height:22px; }
.CommonDesc8 p { line-height:22px; }

.CommonHeader9 { font-size:30px;height:auto;line-height:50px;padding:20px 0px 0px 0px;background-image:none;  }
.CommonDesc1 { padding:10px 0px 10px 0px;width:100%; } 
.CommonDesc1 table { width:100%;border:0px; }
.CommonDesc1 h2 { font-size:22px;margin:10px 0px 10px 0px;line-height:30px; background:url(../images/basic/shade.html) top center repeat-y; }
.CommonDesc1 img { width:100%; }
 
.QuoteBox1 { background:url(../images/basic/quotes1.html) top center no-repeat;width:100%;padding:80px 0px 0px 0px;margin:30px 0px 30px 0px;  }
.QuoteBox1 p { text-align:center;margin:0px 0px 0px 0px;padding:0px 10px 80px 10px;background:url(../images/basic/quotes2.html) center bottom no-repeat;line-height:22px; }
.QuoteBox1 li { display:block; padding:0px 0px 0px 18px;margin:0px; background:url(../images/basic/bullet3.png) left center no-repeat; }
.QuoteBox1 b,.QuoteBox1 strong { font-weight:bold; }
.QuoteBox1 i,.QuoteBox1 em { font-style:italic; }
.QuoteBox1 a { text-decoration:underline;color:blue; }

.CommonDesc1 table { width:100%;border:0px; }
.TableBody td { padding:6px 8px 6px 8px; }

/* Control CSS */

.Commentleft { text-align:left;padding-left:10px; }
.Commentleft { text-align:left;padding-left:10px; }
.CommentRight { float:none; }
.CommentRight2 { float:none; }
.CommentTB { width:95%; }

.CompanyDetail { width:100% !important; }
.CompanySmall { float:none;width:100% !important;padding:0px !important; }
.CompanyFull { float:none;width:100% !important;padding:0px !important; }
.CompanyDDBig { float:left;width:99%; }
.CompanyDD { float:left;width:88%; }
.CompanyTBBig { float:left;width:88%; }
.FR { float:left; }
.CompanyTB { float:left;width:88%; }

.AddressLeft, .AddressRight { width:100%;float:none; }

.MainMap2 { display:none; }
.MainMap3 { display:block; }

}