@charset "utf-8";
/* CSS Document */

header,nav,figure,welcome,section,artical,aside,footer{
	margin:0;
	padding:0;
}

body{
	margin:0;
	padding:0;
	font-size:16px;		
}

#wraper{
	width:100%;
	margin:0 auto;
}
.clear{
	clear:both;
}
.clear1{
	clear:float;
}
.img{
	width:100%;
	position: relative;
}

.img2{
	width:100%;
}
/* top  tag start */
#main_top{
	width:100%;
	margin:0 auto;
	background-image:url(../images/biotech-products-bg.jpg)
}

#main_top2{
	width:82%;
	margin:0 auto;
	padding-top:1%;
	padding-bottom:11%;
}
#top{
	width:100%;
	padding-bottom:1%;
	margin:0 auto;
}

#logo{
	width:20%;
	float:left;

}
#contact{
	width:80%;
	float:left;
}

#navbar{
	width:100%;
	background-color:#000000;
	margin:0 auto;
	height:40px;
	opacity: 0.9;
}


#main_top3{
	width:82%;
	margin:0 auto;
	padding-top:2%;
}
#main_top3_1{
	width:55%;
	padding-bottom:3%;
}





/* top  tag ends */

.bold_head{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color:#009049;
	padding:2% 2% 2% 1%;
	font-weight:bold;
}

.bold_head212{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color:#009049;
	padding:0% 0% 0% 0%;
	font-weight:bold;
}

/* main1 tag ends */

.bold-text311 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #02572D;
	padding:2%;
	text-align:center;
	font-weight: bold;
}
/* main1_one tag ends */


#main1{
	width:82%;
	margin:0 auto;
}


.bold_main{
		font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #111;
	line-height:125%;
	text-align:center;
	padding:15% 0% 15% 0%;
	font-weight: bold;
}

.bold_main1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #333;
	line-height:125%;
	padding:1%;
	font-weight: bold;
}


.bold_main122{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333;
	line-height:125%;
	font-weight: bold;
}


.lable-tag{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
color:#000000;
display:block;
}

#main-textarea{
	width:82%;
	padding-bottom:2%;
	margin:0 auto;
}

#textarea1{
width:70%;
float:left;
margin-left:1%;
}

#table1{
width:98%;
}

.textareabold{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#000000;
font-weight:bold;
}


.textareabold1{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#111;
font-weight:bold;
}

.bodytext{
font-family:arial;
font-size:13px;
color:#000000;
line-height:130%;
}

#textarea2{
width:26%;
float:left;
margin:0 auto;
}

.bodytext213{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#000000;
text-align:justify;
line-height:130%;
font-weight:normal;
}

.body_text{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #000000;
	font-weight: normal;
	text-align:justify;
	padding:0% 1% 1% 0%;
	line-height:130%;
}

.body_text1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #000000;
	font-weight: normal;
	text-align:justify;
	padding:0.5% 1% 0.5% 0%;
	line-height:125%;
}
.body_text2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFFFFF;
	font-weight: bold;
	text-align:justify;
	padding:1% 1% 1% 1%;
	line-height:125%;
}



#botom{
	width:82%;
	background-color:#333333;
	margin:0 auto;
}

.botom {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	text-align:center;
	padding:1%;
	line-height:125%;
	text-decoration: none;
	font-weight: normal;
}


#main_one{
border:#E1E1E1 solid 1px;
width:80%;
margin:0 auto;
}


#main_two{
width:80%;
margin:0 auto;
}

#main_three{
	width:80%;
	border:#E1E1E1 solid 1px;
	margin:0 auto;
}
#main_three2{
	display:none;
}

#main_four{
	width:80%;
	padding-top:2%;
	margin:0 auto;
}
#main_five{
	width:80%;
	padding-top:2%;
	margin:0 auto;
}











@media only screen and (max-width:1200px){
#main_top2{
	width:100%;
	margin:0 auto;
	padding-top:0%;
	padding-bottom:0%;
}
#top{
	width:100%;
	padding-bottom:0%;
	background-color:#ffffff;
	margin:0 auto;
}

#main-textarea{
width:100%;
margin:0 auto;
}
#main{
	width:100%;
	margin:0 auto;
}
#main_one{
	width:98%;
	margin:0 auto;
}
#main_two{
	width:98%;
	margin:0 auto;
}

#main_three{
	width:98%;
	margin:0 auto;
}
#main_four{
	width:98%;
	margin:0 auto;
}

#main_five{
	width:98%;
	margin:0 auto;
}


#main1{
	width:98%;
	padding-top:2%;
	margin:0 auto;
}

#main2{
	width:99%;
	margin:0 auto;
}
#main2_botom{
	width:96%;
	margin:0 auto;
}
#botom{
	width:100%;
	margin:0 auto;
}
}










@media only screen and (max-width:1000px){


#logo{
	width:30%;
	float:none;
	margin:0 auto;

}
#contact{
	width:100%;
	float:left;
}

#navbar{
	width:100%;
	background-color:#000000;
	margin:0 auto;
	height:40px;
	opacity: 2.0;
}

#textarea1{
width:98%;
float:none;
margin:0 auto;
}

#textarea2{
width:30%;
float:none;
margin:0 auto;
}


.body_text{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #000000;
	font-weight: normal;
	text-align:justify;
	padding:1% 3% 2% 1%;
	line-height:125%;
}

#main1_one1{
	width:98%;
	margin:0 auto;
	float:none;
}
#main1_one2{
	width:60%;
	margin:0 auto;
	float:none;
}



#main1_two1{
	width:98%;
	margin:0 auto;
	float:none;
}
#main1_two2{
	width:60%;
	margin:0 auto;
	float:none;
}


}






@media only screen and (max-width:750px){


#logo{
	width:45%;
	float:none;
	margin:0 auto;

}
#textarea2{
width:50%;
float:none;
margin:0 auto;
}



#main_three2{
	width:98%;
	margin:0 auto;
}

}


@media only screen and (max-width:550px){

#five{
	width:96%;
	padding:1%;
	margin:0 auto;
	float:none;
}
#textarea2{
width:80%;
float:none;
margin:0 auto;
}
#main1_one1{
	width:98%;
	margin:0 auto;
	float:none;
}
#main1_one2{
	width:96%;
	margin:0 auto;
	float:none;
}



#main1_two1{
	width:98%;
	margin:0 auto;
	float:none;
}
#main1_two2{
	width:96%;
	margin:0 auto;
	float:none;
}
}


@media only screen and (max-width:500px){


#logo{
	width:50%;
	float:none;
	margin:0 auto;

}

}






@media only screen and (max-width:550px){



#five{

}
#six{

}
#seven{

}


.body_text{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #000000;
	font-weight: normal;
	text-align:justify;
	padding:1% 3% 2% 1%;
	line-height:125%;
}
}

#textarea11 {
	width:99%;
	float:left;
	margin-left:1%;
}
