

@media only screen and (min-width:1191px) and (max-width:1590px){
.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;
	/* background-color:; */
	margin-bottom:20px;
	display:flex;
	justify-content: center;
  align-items: center;
	}
 
 .vip_box{
	height:220px;
	width:195px;
	
    float:left;
	
	
	margin:auto;
	/* background-color:; */
	margin-bottom:10px;
	
 }
  .vip_desg{
	width:190px;
	height:55px;
   text-align:center;
	line-height:17px;
	font-size:14px;
	margin:0;

}
 
.vip_img{
	padding-left:15px;
	max-width:100%;
	height:auto;
	
	
}
 
.name{
	color:red;
	font-size:18px;
	font-weight:bold;
}

.vip_img{
	padding-left:20px;
}
 
 
 
 

 
/*.vip_img{
	padding-left:15px;
}*/
 


/*.footer{*/
/*	grid-row:7/7;*/
/*	grid-column:1/-1;*/
	
    
/*}*/

.gridbar{
	
	
	grid-template-columns:15% 70% 15%;
	grid-gap:5px;
}

.headtext{
	padding-top:10px;
	/*margin-left:1%;*/
	font-size:28px;
	line-height:40px;
	text-transform:uppercase;
	font-weight:bold;
	/*padding-left:1px;*/
}

.ISO{
	margin:1px auto;
	width:100%;
	height:auto;
	font-size:18px;
	
}


.pic{
	grid-column:1/2;
    max-width:100%;
	height:auto;
  }

.secpic{
	grid-column:3/4;
	max-width:100%;
	height:auto;
	margin-left:12%;
}

li a{
	font-style: normal;
	font-weight: bold;
	line-height: 1.3em;
	color: white;
	font-size:16px;
}   

.dropdown-content a{
	color:white;
	width:100%;
	padding:12px 5px;
	text-decoration:none;
	display:block;
	text-align:left;
	font-size:17px;
	min-width:160px;
	font-weight:bold;
}

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;
}
.vip{
	padding-top:10px;
	grid-column:1/2;
	/*overflow-y:scroll;
	overflow-x:hidden;*/
	/* background-color:; */
}
	.vip_row{
	/* grid-column:1/-1;
	grid-row:6/6; */
	/* background-color:; */
	}
	
.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;
}
 /* .who_heading {
	grid-column:1/-1;
	grid-row:5/6;
 }
 .who_heading h2 {

 } */
.button{
	color:#0066ff;
 }
 
.button:hover{
	 color:red;
 }
 
 

 
  /*ABOUT US */
 
.div3-aboutus p{
	height:auto;
	font-size:13px;
}

.footer-aboutus{
	
	display:none;
	 
}

.paragraph_container{
	grid-row:3/4;
	height:auto;
	width:100%;
    background-color:white;
	margin-top:2px;
} 
 
.paragraph{
	width:100%;
	height:auto;
	background:white;
	border-radius:10px;
	
}
 
.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{
	height:170px;
	width:20%;
	margin:15px;
	margin-top:15px;
	margin-left:20%;
	border:1px solid red;
}
	

.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;
	  }
 
 }
 
 
 
 