@charset "utf-8";
/* CSS Document */
@media(max-width:1204px){

#heading{ color:#f18201; font-size:32px; line-height:35px; text-align:left; padding-bottom:10px;}
#text{ color:#000; font-size:14px; text-align:justify; width:100%; line-height:22px;}
.box{ width:65%; height:285px;  border:15px solid #245080 ; float:right; margin-left:-60%;}
.box1{ width:75%; height:192px; background: rgba(49, 46, 47, 0.71); float:left; position:relative; z-index:100; margin-top:63px; margin-left:10%}
.box1 h1{ color:#fff; font-size:30px; padding:1px 25px; line-height:40px;}
.box2{ width:100%; height:160px;  border:none ; float:right; margin-left:-60%;}
.border1{width:57%;    height: 4px;    display: inline-block;background: #333;}
.topbar{ width:100%; height:30px; background-color:#0d214c; float:left;}
#dis{display:none;}
.smallban{width:100%; height:84px; background:url(../images/aboutus-bg.jpg);margin-top: -4%;}
.smallbanleft{width:35%; height:auto; margin:0 auto;}
.smallbanleft h1{color:#000; font-size:18px; font-weight:800; padding-top: 11px;padding-bottom: 7px;}
.bor1{width:11%; height:2px; margin:0 auto; margin-top:3px; border-bottom: 2px solid #f18201;}
.bor { width: 5%; height: 2px; margin: 0 auto;margin-top: -10px;border-bottom: 2px solid #f18201;}

.over{width:100%; height:auto; float:left; margin-top:10px; margin-bottom:10px;}
.aboutleft{width:30%; height:auto; float:right;margin-left:0%; margin-bottom:20px;    margin-top: 20px;}
.aboutright{width:64%; height:auto; float:right;     margin-top: 20px;}
.aboutright h2{color:#4d97e4; font-size:16px; font-weight:700 }
.aboutright p{color:#000; line-height:22px; font-size:14px; font-weight:500; text-align:justify;}
.vision{width:30%; height:auto; }
.vision h2{color:#4d96e4; font-size:20px; font-weight:600;border-left: 1px solid #f18201;padding-left: 15px;border-top: 1px solid #f18201;padding-top: 7px;} 
.vision1{width:30%; height:auto; float:left; }

.vision2{width:65%; height:auto; float:left; margin-left:20px; }
.vision2 p{color:#000; font-size:14px; font-weight:300;} 
.pharmaceutical{width:100%; height:auto; float:left;}
.pharmaceutical1{width:31%; height:auto; float:left;}
.pharmaceutical1 img{width:195px;}
.pharmaceutical1a{width:100%; height:auto; float:left; background-color:#33343e;border: 4px double #fff;border-radius: 3px;}
.pharmaceutical1a:hover{border:4px double #4d96e4;}
.pharmaceutical1a p{ color:#fff; font-size:14px; font-weight:400; text-align:justify; padding-left:5px;padding-top: 8px;  }

.pharmaceutical2{width:31%; height:auto; float:left; margin-left:14px;}
.pharmaceutical1 img{width:195px;}
.pharmaceutical2a{width:100%; height:auto; float:left; background-color:#4d96e4;border: 4px double #fff;border-radius: 3px;}
.pharmaceutical2a:hover{border:4px double #f18201;}
.pharmaceutical2a p{ color:#fff; font-size:14px; font-weight:400; text-align:justify; padding-left:5px;padding-top: 8px;  }



.products{width:100%; height:47px; float:left; background-color:#f18200;}
.products h2{color:#fff; font-size:20px; font-weight:600; padding-left:10px;    margin-top: 4%;}
.products1{width:100%; height:42px; float:left;}
.products1 p{color:#000; font-size:16px; line-height:22px; padding-top:10px; padding-bottom:10px; border-bottom:1px dotted #999999;}
.products1:hover{border-right:3px solid #0e214c; background-color:#CCCCCC;}
.products1 a{color:#000; text-decoration:none; }
.reach{width:100%; height:auto; float:left; margin-top:20px; background-color:#4d96e4;border-radius: 3px;}
.reach1{width:100%; height:auto; float:left;}
.circle{width:15%; height:42px; float:left;border:4px double #cac8c8; border-radius:150px;    margin-top: 10px; margin-left: 13px;}
.circle i{padding-top: 8px;padding-left: 9px;font-size: 19px;color: #ffffff;}
.reachtext{width:68%; height:auto; float:left; margin-left:20px;}
.reachtext h2{color:#fff; font-size:17px; text-align:justify;}
.reachtext p{color:#fff; line-height:22px; font-size:14px;}
.gallery{width:100%; height:auto; float:left; margin-top:20px; margin-bottom:20px;} 
.gallery1{width:23%; height:auto; float:left; border:4px double #000;padding: 13px;}
.gallery2{width:23%; height:auto; float:left; margin-left:20px; border:4px double #4d96e4;padding: 13px;}
.gallery3{width:23%; height:auto; float:left; margin-left:10px; border:4px double #000;padding: 13px;}
.gallery4{width:23%; height:auto; float:left; margin-left:10px; border:4px double #4d96e4;padding: 13px;}
.cli{width:148px; height:128px; float:left; border-left:1px solid #000;    box-shadow: 3px 1px #c7c3c37a; border-top: 1px solid #c7c3c37a; }
.cli img{width:148px;}
.cli1{width:148px; height:128px; float:left; margin-left:35px; border-left:1px solid #000;     box-shadow: 3px 1px #c7c3c37a; border-top: 1px solid #c7c3c37a;}
.cli1 img{width:148px;}
.con{width:30%; height:auto; float:left; border:1px solid #000;    margin-left: 20px; }
.con1{width:19%; height:60px; float:left; background-color:#f18200; margin-left: -4%; margin-top: 38px;}
.con1 i{    font-size: 40px;padding-left: 16px;padding-top: 10px;color: #fff;}
.con2{width:76%; height:auto; float:left;  margin-left:24px;}
.con2 h2{color:#4d96e4; font-size:17px; font-weight:700; padding-left:11px;}
.con2 p{color:#000; font-size:14px; line-height:22px; text-align:justify; font-weight:600; }
.con3{width:30%; height:auto; float:left; border:1px solid #000;    margin-left: 17px; }
.map iframe{width:100%; height:200px; float:left; margin-top:20px;}
}






@media(max-width:767px){
#heading{ color:#f18201; font-size:32px; line-height:35px; text-align:left; padding-bottom:10px;}
#text{ color:#000; font-size:14px; text-align:justify; width:100%; line-height:22px;}
.box{ width:72%; height:294px;  border:15px solid #4d97e4 ; float:right; margin-left:-60%;}
.box1{ width:86%; height:186px; background: rgba(49, 46, 47, 0.71); float:left; position:relative; z-index:100; margin-top:63px; margin-left:0%}
.box1 h1{ color:#fff; font-size:30px; padding:1px 25px; line-height:40px;}

.box2{ width:100%; height:160px;  border:none ; float:right; margin-left:-60%;}
.menu{width:100%; height:120px; background-color:#000; }
#dis{display:none;}

.smallban{width:100%; height:84px; background:url(../images/aboutus-bg.jpg);margin-top: -10%;}
.smallbanleft{width:100%; height:auto; margin:0 auto;}
.smallbanleft h1{color:#000; font-size:18px; font-weight:800; padding-top: 11px;padding-bottom: 7px;}
.bor1{width:11%; height:2px; margin:0 auto; margin-top:3px; border-bottom: 2px solid #f18201;}
.bor { width: 5%; height: 2px; margin: 0 auto;margin-top: -10px;border-bottom: 2px solid #f18201;}

.over{width:100%; height:auto; float:none; margin-top:10px; margin-bottom:10px;}
.aboutleft{width:100%; height:auto; float:none; margin-bottom:20px;    margin-top: 20px;}
.aboutright{width:100%; height:auto; float:none; margin-left:0%;    margin-top: 20px;}
.aboutright h2{color:#4d97e4; font-size:16px; font-weight:700 }
.aboutright p{color:#000; line-height:22px; font-size:14px; font-weight:500; text-align:justify;}
.vision{width:100%; height:auto; }
.vision h2{color:#4d96e4; font-size:20px; font-weight:600;border-left: 1px solid #f18201;padding-left: 15px;border-top: 1px solid #f18201;padding-top: 7px;} 
.vision1{width:100%; height:auto; float:none; }

.vision2{width:100%; height:auto; float:none; margin-left:0px; }
.vision2 p{color:#000; font-size:14px; font-weight:300;} 
.pharmaceutical{width:100%; height:auto; float:none;}
.pharmaceutical1{width:100%; height:auto; float:none;}
.pharmaceutical1 img{width:100%;}
.pharmaceutical1a{width:100%; height:auto; float:none; background-color:#33343e;border: 4px double #fff;border-radius: 3px;    margin-bottom: 15px;}
.pharmaceutical1a:hover{border:4px double #4d96e4;}
.pharmaceutical1a p{ color:#fff; font-size:16px; font-weight:400; text-align:justify; padding-left:10px;padding-top: 8px;  }

.pharmaceutical2{width:100%; height:auto; float:none; margin-left:0px;}
.pharmaceutical2 img{width:100%;}
.pharmaceutical2a{width:100%; height:auto; float:none; background-color:#366fad;border: 4px double #fff;border-radius: 3px;    margin-bottom: 15px;}
.pharmaceutical2a:hover{border:4px double #f18201;}
.pharmaceutical2a p{ color:#fff; font-size:16px; font-weight:400; text-align:justify; padding-left:10px;padding-top: 8px;  }



.products{width:100%; height:47px; float:none; background-color:#f18200;}
.products h2{color:#fff; font-size:20px; font-weight:600; padding-left:10px;    margin-top: 4%;}
.products1{width:100%; height:42px; float:none;}
.products1 p{color:#000; font-size:16px; line-height:22px; padding-top:10px; padding-bottom:10px; border-bottom:1px dotted #999999;}
.products1:hover{border-right:3px solid #0e214c; background-color:#CCCCCC;}
.products1 a{color:#000; text-decoration:none; }
.reach{width:100%; height:auto; float:none; margin-top:20px; background-color:#366fad;border-radius: 3px;}
.reach1{width:100%; height:auto; float:none;}
.circle{width:13%; height:43px; float:left;border:4px double #cac8c8; border-radius:150px;    margin-top: 10px; margin-left: 9px;}
.circle i{padding-top: 8px;padding-left: 9px;font-size: 19px;color: #ffffff;}
.reachtext{width:68%; height:auto; float:none; margin-left:69px;}
.reachtext h2{color:#fff; font-size:17px; text-align:justify;    padding-top: 14px;}
.reachtext p{color:#fff; line-height:22px; font-size:14px;    padding-bottom: 10px;}
.gallery{width:100%; height:auto; float:none; margin-top:20px; margin-bottom:20px;} 
.gallery1{width:100%; height:auto; float:none; border:4px double #000;padding: 13px;}
.gallery2{width:100%; height:auto; float:none; margin-left:0px; border:4px double #4d96e4;padding: 13px;}
.gallery3{width:100%; height:auto; float:none; margin-left:0px; border:4px double #000;padding: 13px;}
.gallery4{width:100%; height:auto; float:none; margin-left:0px; border:4px double #4d96e4;padding: 13px;}
.cli{width:206px; height:128px; float:none; border-left:1px solid #000;    box-shadow: 3px 1px #c7c3c37a; border-top: 1px solid #c7c3c37a;    margin-bottom: 10px; }
.cli1{width:206px; height:128px; float:none; margin-left:0px; border-left:1px solid #000;     box-shadow: 3px 1px #c7c3c37a; border-top: 1px solid #c7c3c37a;    margin-bottom: 10px;}
.con{width:100%; height:auto; float:none; border:1px solid #000;    margin-left: 0px;    margin-bottom: 10px; }
.con1{width:17%; height:60px; float:left; background-color:#f18200; margin-left: -3%; margin-top: 38px;}
.con1 i{    font-size: 40px;padding-left: 16px;padding-top: 10px;color: #fff;}
.con2{width:68%; height:auto; float:none;  margin-left:60px;   }
.con2 h2{color:#4d96e4; font-size:17px; font-weight:700; padding-left:11px;}
.con2 p{color:#000; font-size:14px; line-height:22px; text-align:justify; font-weight:600; }
.con3{width:100%; height:auto; float:none; border:1px solid #000;    margin-left:0px;    margin-bottom: 10px; }
.map iframe{width:100%; height:200px; float:none; margin-top:20px;}
.names p
{
display: block;
	padding: 20px 0 0px 0;
	font-size:15px; 	margin-left:20px;
	}
	.names1 p
{
display: block;

	padding: 39px 0 14px 0;
	font-size:14px;
	margin-left:20px;
	}
	.txtbox
{	
    font: 14px;
	width: 67%;
	height:40px;
	margin-left:20px;

	color: #666666;
	background: #fff;
	border: 1px solid rgba(153, 153, 153, 0.58);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	-webkit-transition: 200ms;
	-moz-transition: 200ms;
	}
	.txtbox2
{ margin-left:20px;
    font: 14px;
	width: 67%;
	height:60px;
	padding: 9px;
	color: #666666;
	background: #fff;
	border: 1px solid rgba(153, 153, 153, 0.58);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	-webkit-transition: 200ms;
	-moz-transition: 200ms;
	}
	.txtbox1

{ margin-left:20px;
    font: 14px;
	width: 67%;
	height:120px;
	padding: 9px;
	color: #666666;
	background: #fff;
	border: 1px solid rgba(153, 153, 153, 0.58);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	-webkit-transition: 200ms;
	-moz-transition: 200ms;
	}
.txtarea
{
margin-top:25px;
margin-left:60px;

}

.txtarea p
{
color:#ff0000;
font-size:15px;
font-weight:500;
   
}
.txtarea1
{
margin-top:20px;
margin-left:20px;
}
.txtarea1 p
{
color:#006362;
font-size:14px;
font-weight:500;
}
.submit
{
border: 1px solid #ddd;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
width:100px;
height:40px;
margin-top:45px;
text-align:center;
font-size:14px;
background:#7ABF18;
padding:10px 3px;
color:#FFFFFF;
margin-bottom:40px;
margin-left:20px; font-weight:500;
}
}