body
{margin:0; padding:0; }
.content-wrapper { width: 70%;  float: left; margin: 0 15% 0 15%;  padding-bottom: 2%; background-color: white; box-shadow: black; 
                   box-shadow: 3px 3px 22px #c1c0c0; padding-bottom:22%;}
.intro-wrapper{ width:80%; float:left; margin:0 10%;} 

.main-heading{ width:100%; float:left; }
.main-heading h1 {font-family:Verdana,Arial,Helvetica,sans-serif; color: #379bc7; padding: 2% 3%; font-size: 1.7em; text-align: center;
                  font-weight: bold; margin:0;}

.inner-heading{ width:100%; float:left;  }
.inner-heading h5 {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 1.2em;color: #ffffff; text-align: center; font-weight: bold; 
                   padding:1% ; margin:1% 0; background-color:#379bc7;margin-bottom: 2%; line-height:21px;}
.inner-heading h4 {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 1em;color:#757575; 
                   text-align: left; font-weight: bold; 
                   padding:1% ; margin:1% 0 ;margin-bottom: 2%; line-height:21px; padding-left:3%;}
.inner-heading h4 a{ color:#379bc7;}
.inner-heading h4 a:hover{ color:#2c87b7; text-decoration:none;}
.inner-heading p { font-family:Verdana,Arial,Helvetica,sans-serif;  margin: 0;  
                   color: #757575;  text-align: justify;  padding:0.6% 3%; } 

.table1{ width:96%; float:left; margin:1% 2%; }   
.less{ padding:0; margin:2% 0 ;} 
.lesspad{ padding:0;} 
.China{width:100%; float:left; margin-bottom:4%;}

.text-wrapper{ width:100%; float:left; margin-bottom: 1%; }
.text1{ width:40%; float:left; }
.text2{ width:60%; float:left;}
.text1 ul li{  font-family:Verdana,Arial,Helvetica,sans-serif; color: #757575;}
.text2 ul li{ list-style-type:none; font-family:Verdana,Arial,Helvetica,sans-serif; color: #757575;
             }


.text-wrapper ul{margin:0; padding:0; list-style-type:disc; margin-left:12%;}
.text-wrapper ul li a{ font-family:Verdana,Arial,Helvetica,sans-serif; padding-right: 1%; margin: 0;  
                   color:#379bc7;  text-align: left; padding: 0 0 0.1% 0%; }
.text-wrapper ul li a:hover{color:#2c87b7; text-decoration:none;}
 
.border1 { width: 100%; float: left; border-bottom: 1px solid #cecece; margin:0.1% 0 1% 0; }  

   
   
   


/*@media only screen and (max-width:1800px) {
.content-wrapper {padding-bottom:33%;}
}

@media only screen and (max-width:1400px) {
.content-wrapper {padding-bottom:39%;}
}

@media only screen and (max-width:1300px) {
.content-wrapper {padding-bottom:39%;}
}*/

           
@media only screen and (max-width:1200px) {
.content-wrapper{ width:100%; margin:0; }
.intro-wrapper{ width:100%;  margin:0;} 
.text-wrapper ul{ margin-left:9%;}

}

@media only screen and (max-width:991px){
.intro-wrapper{ width:100%;  margin:0 ;} 
.main-heading h1 {font-size: 1.7em; padding-bottom:3%;}
.text1{ width:50%; }
.text2{ width:50%; margin-bottom:1%; }
.inner-heading h4 {padding: 0 0 0.1% 3%;}
  
.text-wrapper ul{ margin-left:8%;}                  

            
}

@media only screen and (max-width:767px){
.intro-wrapper{ width:100%;  margin:0;} 
.main-heading h1 {font-size: 1.3em; padding-bottom:3%;}

.less{ padding:0; margin:4% 0 0 0 ;} 
.inner-heading h5 {  padding: 2%; margin: 3% 0;font-size: 1em; line-height: 17px;}
.text2 ul li{ padding-bottom:2%; }   
.text-wrapper ul{ margin-left:6%;}
.inner-heading p { padding:2% 3%; } 
.text1 ul li{  margin-left:4%;}
} 
@media only screen and (max-width:588px){
.text1{ width:100%; }
.text2{ width:100%; margin-bottom:1%; }
.text-wrapper ul{ margin-left:5%;}
.text2 ul li{ padding-left:4%;
             }

}