@media screen and (max-width:1080px) {
.contact{ width:40%; margin:0px; display:block;}
.contact-form{ width:58%; margin:0px 1%; display:block; }
.contact-form form{ padding:10px}
.contact-form label { display:block}
.contact-form .contact-form-title{ width:90%!important; text-align:left; margin:15px auto 0px auto; display:block}
.contact-form .contact-form-content{width:90%; margin:5px auto; display:block}

}

@media screen and (max-width:768px) {
.product-list ul li{ display:inline-block; position:relative; margin:0.5%; padding:0px; width:48.5%; ;vertical-align:top;  text-align:center}
.home-product ul li{  }
.home-news ul li{ width:50%; height:inherit; border-bottom:1px dotted #CCCCCC}
.home-news ul li:nth-child(even){ border-right:0px}


#header-RWD{ display:block;width:100%; height:70px; background:rgba(255,255,255,0.9); border-bottom:1px solid #eeeeee ; position:fixed; top:0px; left:0px; }
#header-RWD-logo{ width:auto; float:left;}
#header-RWD-logo img{ height:30px; margin:20px; margin-right:0px}
#header-RWD-menu{ background: url(../image/icon-nav.png) center center no-repeat; margin:10px; float:right; width:50px; height:50px; display:block; cursor:pointer }


#header-normal{  display:none; width:100%; height:100%; position:fixed; top:0px; left:0px; background:rgba(0,0,0,0.5); overflow:auto; cursor:pointer; }

#header-area{ width:200px; height:100%; position:fixed; top:0px; left:-200px;  overflow-x:hidden; z-index:10 }
#header { background:#FFF ;}


#index_header { display:block; position:fixed; left:-200px; top:0px; height:100%; width:200px; }
	
#index_wrapper {padding-left:0px; width:100%; }
#index_wrapper { display:block;width:100%; min-height:100%;  float:none; position:relative; margin:0px; ;margin-top:80px!important; }
.left-menu{  margin:0px auto 0px auto; }

#main-nav li:last-child a{ border:0px}
.left-contact a span.a{ display:none }

#footer-copyright span{ margin:0px 0px}




#index_header{z-index:2 }
	#header-RWD{z-index:5}
	#header-normal{z-index:10}
	#header-area{z-index:11}
#index_wrapper {z-index:1 }		
#index_footer { }


}

@media screen and (max-width:600px) {
.home-product ul li{ width:50% }

.contact{ width:98%; margin:1%; }
.contact-form{ width:98% ; margin:1%}

.product-top{ float:none; width:100%; margin:0 auto;}
.product-intro{float:none; width:1000%; margin:0 auto;}
}

@media screen and (max-width:480px) {
.home-product ul li{ width:50%;  }
.home-product ul li img.home-product-icon{ width:20px!important}
.home-product ul li h3{ font-size:18pt; text-align:center ; color:#46ADB2}
.home-product ul li h4{font-size:10pt; }

.home-news { padding:20px 0px;}
.home-news ul li{ width:100%; min-height:inherit; float:none;  border-right:0px; vertical-align:top ; margin:0px ; padding:10px 20px; }


.product-list ul li{  margin:0% 0px ; width:100%;}
.product-list ul li a{ margin:10px; margin-bottom:0px}
.left-menu ul li{ width:49%; margin:0px 0.1% ;text-align:center  }
.left-menu ul li a{ text-align:center; padding:10px 5px }




}

@media screen and (max-width:320px) {
.home-product ul li{ width:100%;  }
.left-menu ul li{ width:100%; text-align:center  }

}


@media screen and (min-width: 481px) and (max-width: 768px) {

}

@media screen and (min-width: 769px) {


}