@media only screen and (min-width:992px) and (max-width:1190px)
 {
.grid-staff{
    display:grid;
    width:99%;
	margin:0 auto;
	grid-gap:2px;
	grid-template-rows:180px 38px 380px 348px auto 200px;
	grid-template-columns:40% 25% 35%;
}
 

.div5 img{
	max-width:100%;
	height:348px;
}

.div6{
    grid-row:4/5;
    grid-column:2/3;
	height:auto;
}

.div7{
	height:auto;
}

.vip_row{
	grid-column:1/-1;
	grid-row:5/6;
	margin-bottom:10px;
	background-color:;
	}
	
  .vip_box{
	height:220px;
	width:200px;
    float:left;
	margin:30px;
	margin-left:9%;
	margin-top:35px;
	background-color:;
	 
 }
 
.vip_desg{
margin-left:12px;
}
 
 
 
/*.vip_img{
	padding-left:15px;
}*/
 
.name{
	color:red;
	font-size:18px;
}





.footer{
	grid-row:6/7;
	grid-column:1/-1;
	
    
}

.headtext{
	padding-top:20px;
	margin-left:1%;
	font-size:20px;
	line-height:34px;
	text-transform:uppercase;
	padding-left:1px;
	font-weight:bold;
}

.ISO{
	margin:1px auto;
	width:100%;
	height:auto;
	font-size:12px;
	
}


.pic{
	grid-column:1/2;
    max-width:100%;
	height:auto;
  }

.secpic{
	grid-column:3/4;
	max-width:100%;
	height:auto;
	margin-left:4%;
}

li a{
	font-style: normal;
	font-weight: bold;
	line-height: 1.3em;
	color: white;
	font-size:14px;
}   

H3{
	font-size:14px;
}

.response{
	max-width:100%;
	height:auto;
}

.img_responsive{
	max-width:100%;
	height:auto;
}

.img{
	max-width:100%;
	height:auto;
}
  
.word{
	margin:2px;
	margin-left:3px;
	color:white;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	height:auto;
	padding:6px;
	
}

.DD{
	width:99%;
	margin-left:3px;
	margin-top:2px;
	text-align:center;
	padding-top:12px;
	font-size:12px;
	padding:5px;
	font-weight:bold;
	color:white;
	height:auto;
	
}

.space{
	width:350px; 
	height:230px;
	margin:0 auto;
	margin-top:10px;
	
	
}


.bio{
	text-align:center;
	padding-top:3px;
	font-weight:bold;
    font-size:18px;
}

.bio a:hover{
       color:white;
}

.bio a{
	color:yellow;
}

.quote{
	padding-top:6px;
	color:white;
	text-align:justify;
	font-size:20px;
	width:100%;
}




.partners{
	text-align:center;
	margin:13px;
	text-decoration:none;
}

.partners a{
	text-decoration:none;
	color:black;
	font-weight:bold;
	font-size:16px;
	line-height:4px;
}
	
	
.sent{
	text-align:center;
	grid-column:1/2;
	grid-row:2/3;
	margin-left:20px;
	font-size:11px;
	height:auto;
}

.dept-text{
	grid-column:4/5;
	grid-row:1/2;
	text-align:center;
	width:100%;
	line-height:22px;
	font-size:18px;
	height:auto;
    margin:0 auto;
}
 
.button{
	color:#0066ff;
 }
 
.button:hover{
	 color:red;
 }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

 
  /*ABOUT US */
 
.div3-aboutus p{
	height:auto;
	font-size:13px;
}

.footer-aboutus{
	
	display:none;
	 
}

.paragraph_container{
	
	
	width:100%;
	
    background-color:white;
	margin-top:2px;
} 
 
.paragraph{
	width:100%;
	height:auto;
	background:white;
	border-radius:10px;
	border:1px solid red;
}
 
.heading{
	width:100%;
	border-radius:8px;
}
	
.line{
	text-align:justify; 
	line-height:36px;
	margin-left:10px;
	margin-right:10px;
	font-size:22px;
}

.square1{
	width:50%;
	height:370px;
	border:1px solid black;
	float:left;
	margin-left:4%;
	background-color:#bccad6;
	border-radius:7px;
	}
	
.square2{
	
	height:300px;
    margin:0 auto;
	border-radius:7px;
}
	

	
.square3{
	width:40%;
	height:370px;
	border:1px solid black;
	float:left;
	margin-left:2%;
	background-color:#bccad6;
	border-radius:7px;
}
	
.minsquare1{
	height:40px;
	width:100%;
	font-size:22px;
	text-align:center;
	padding:6px;
	background-color:#55ACEE;
	font-weight:bold;
	border-radius:7px;
}

.minsquare2{
	height:40px;
	width:100%;
	font-size:22px;
	text-align:center;
	padding:6px;
	background-color:#55ACEE;
	font-weight:bold;
	border-radius:7px;
}
	
.div5{
	width:100%;
	height:auto;
	margin:0 auto;
	border:1px solid green;
	
	
}

.div6{
	width:100%;
	height:auto;
	margin:0 auto;
	
}	

iframe{
	width:100%;
	height:320px;
}
	
 
 /*DIRECTOR SCIENTISTS ADMIN TECH & FINANCE*/
 
 .tablebox{
	width:900px;
	height:350px;
	margin:1px auto;
	font-weight:bold;
	color:yellow;
	
} 

.imgbox{ 
	width:260px;
	height:240px;
    margin-left:1%;
	float:left;
}
	
.aboutdirector{
    float:left;
	width:500px;
	height:250px;
	text-align:left;
	margin-top:40px;
	margin-left:10px;
	font-size:16px;
	padding:5px;
	line-height:44px;
	color:yellow;
}

 
 

/*STAFFS*/

.div3-staff{
	overflow-y:scroll;
	overflow-x:hidden;
 }


 
.imagebox img{
	width:100%;
	height:auto;
}

.aboutperson{
	float:right;
	width:56%;
	height:180px;
	margin-top:-190px;
    font-size:18px;
	line-height:28px;
	color:yellow;
}

	
	
/*GALLERY*/
 
 
.gallery img{
	width:100%;
	height:auto;
}
 
.slideshow-container {
  max-width:100%;
 height:auto;
 
}

/* Next & previous buttons */
.prev, .next {
  width: auto;
  padding: 8px;
  color: blue;
  font-size: 28px;
}

.prev:hover, .next:hover {
  background-color:yellow;
}

 
media print{
	  body{
		  width:100%;
		  margin: 0 auto;
	  }
 
 }
 
 
  .counter {
	position: absolute;
    top: 200%;
 }