@media only screen and (max-width:991px){
body{
	background-color:white;
	width:99%;
    margin:0 auto;
}
 
*{
box-sizing:border-box;
 }	 
  
.grid-staff{
    display:grid;
    width:99%;
	margin:0 auto;
	grid-gap:2px;
	grid-template-rows:auto;
	grid-template-columns:100%;
}
 
.header{
    
	grid-column:1/-1;
	grid-row:1/2;
	padding-top:8px;
	height:auto;
}

.ISO{
	grid-column:2/3;
	margin:1px auto;
	width:90%;
	height:auto;
	font-size:8px;
	line-height:10px;
	padding:0 auto;
}

.navbar{
    grid-column:1/-1;
	grid-row:2/3;
    color:yellow;
    font-weight:bold;	
	height:auto;
}

.vip_row{
	grid-column:1/-1;
	grid-row:8/9;
	margin-bottom:10px;
	background-color:;
	}
 
 .vip_box{
	height:220px;
	width:200px;
    
	margin-left:30%;
	margin-top:20px;
	background-color:;
 }

.div3{
    grid-column:1/-1;
	grid-row:3/4;
}
	 
.div3 img{
    width:100%;
    height:auto;
}   
	 
.div4{
    grid-row:4/5;
	grid-column:1/-1;
}

.div5{
    grid-row:5/6;
    grid-column:1/-1;
	position:relative;
}

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

.div7{
   grid-row:7/8;
   grid-column:1/-1;
}

.footer{
	grid-row:9/10;
	grid-column:1/-1
}

.gridbar{
	display:grid;
	grid-template-rows:auto;
	grid-template-columns:20% 60% 20%;
	grid-gap:1px;
}

.headtext{
	grid-column:2/3;
	font-family: 'Times New Roman', serif;
	text-align:center;
	padding-top:20px;
	margin-left:1%;
	font-size:10px;
	line-height:17px;
	text-transform:uppercase;
	padding-left:2px;
}

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

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


H3{
	font-size:14px;
}

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

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

ul{
	list-style:none;
	margin:0 auto;
	padding:0;
    height:auto;
	width:100%;
}	

li{
	float:left;
	width:14.20%;
	text-align:center;
}

li a, .dropbtn{
	display:inline-block;
	color:white;
	text-align:center;
	padding-top:7px;
	position:relative;
	text-decoration:none;
	font-size:9px;
}  

li a:hover, .dropdown:hover .dropbtn{
	border-bottom:2px solid white;
}
   
li.dropdown{
	  display:inline-block;
 }
 
.dropdown-content{
	display:none;
	position:absolute;
    color:black;
	min-width:200px;
	z-index:100;
}
  
.dropdown-content a{
	color:white;
	width:100%;
	padding:10px 5px;
	text-decoration:none;
	display:block;
	text-align:left;
	font-size:12px;
	min-width:150px;
}
	 
.dropdown-content a:hover{
	background-color:white;
	color:#65011d;
	border-top:none;
	max-width:350px;
	border:none;
}
  
.dropdown:hover .dropdown-content{
	display:block;
}
 
 
.news{
	font-size:18px;
 }


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

.div6 .div6 img{
	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:80%; 
	height:auto;
    margin-top:5px;
    margin-left:12%;
}

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

.bio{
	text-align:center;
	padding-top:4px;
	font-size:12px;
}

.quote{
	padding-top:8px;
	text-align:justify;
	font-size:15px;
	max-width:90%;
	margin-left:4%;
	height:auto;
}

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

.partners a{
	text-decoration:none;
	color:black;
	font-size:12px;
}

.partners a:hover{
	color:green;
    font-size:12px;
	text-decoration:underline;
}

a{
	text-decoration:none;
}

.gridtab{
	height:auto;
}


.gridtab{
	display:grid;
	grid-gap:2px;
	width:100%;
	grid-template-rows:auto ;
	grid-template-columns:100%;
} 
 
.test{
	width:100%;
	max-width:100px;
	height:auto;
}

#dbt{
    grid-column:1/2;
	grid-row:3/4;
	margin:0 auto;
	height:auto;
}

#dbt img{
	width:100%;
	height:auto;
}

#azadi{
	grid-column:1/2;
    grid-row:5/6;
    margin:20px auto;
    height:auto;
}

#azadi img{
	width:100%;
	height:auto;
}

#ap{
	grid-column:1/2;
	grid-row:4/5;
	margin:10px auto;
	height:auto;
}

#ap img{
	width:100%;
	height:auto;
}

#council{
	grid-row:6/7;
	grid-column:1/2;
	margin:0 auto;
	height:auto;
}

#council img{
	width:100%;
	height:auto;
}

.sent{
	text-align:center;
	grid-column:1/-1;
	grid-row:2/3;
	margin-left:20px;
	color:red;
	font-size:11px;
	height:auto;
}

.dept-text{
	grid-column:1/-1;
	text-align:center;
	margin-left:-20px;
	grid-row:1/2;
	width:100%;
	color:orange;
	line-height:18px;
	font-size:15px;
	height:auto;
   
}
 
.button{
	color:#0066ff;
}
 
.button:hover{
	color:red;
}
 
.counter{
	display:none;
}
 
  /*ABOUT US */
 

.paragraph_container{
	grid-row:3/4;
	height:auto;
	width:100%;
    background-color:white;
	margin-top:2px;
 } 
 
.paragraph{
	grid-row:3/4;
	height:auto;
	width:90%;
	margin:0 auto;
	margin-top:10px;
	background:white;
	border-radius:10px;
	border:1px solid #008080;
	 
	
 }
 
.line{
	text-align:justify; 
	line-height:24px;
	margin-left:10px;
	margin-right:10px;
	padding-top:5px; 
	font-size:15px;
}
 
 
.paragraph .heading{
	width:100%;
	height:auto;
	margin-top:1px;
	background-color:orange;
	border-radius:8px;
}
	
.AU{
    font-size:22px;
	margin: 0 auto;
}
	
.square1{
	grid-row:4/5;
	width:92%;
	height:auto;
	border:1px solid black;
	margin-top:25px;
	background-color:#bccad6;
	border-radius:7px;
}
	
.square2{
	grid-row:5/6;
	width:90%;
	height:auto;
	margin-top:25px;
	border-radius:7px;
}
	
.square3{
	grid-row:6/7;
	width:95%;
	height:auto;
	border:1px solid black;
	margin-top:25px;
	border-radius:7px;
	background-color:#bccad6;
}
	
.minsquare1{
	width:100%;
	height:auto;
	text-align:center;
	padding:6px;
	background-color:orange;
	font-weight:bold;
	border-radius:7px;
}
	
.minsquare2{
	width:100%;
	height:auto;
	text-align:center;
	padding:6px;
	background-color:orange;
	font-weight:bold;
	border-radius:7px;
}
	
iframe{
	width:100%;
	height:auto;
}
	
 
 /*DIRECTOR SCIENTISTS ADMIN TECH & FINANCE*/
 
 
 
.grid-staff{
    display:grid;
    width:99%;
	margin:0 auto;
	grid-gap:2px;
	grid-template-rows:auto;
	grid-template-columns:40% 25% 35%;
}
 

.tablebox{
	height:auto;
	width:99%;
}
 
.tablebox{
	max-width:100%;
	height:auto;
	margin:25px auto;
	text-align:center;
	font-weight:bold;
	color:yellow;
	font-size:18px;
} 
	
.imgbox{ 
	width:80%;
	height:auto;
    margin-left:10%;
}
 
.imgbox img{
	width:100%;
	height:auto;
 }
 
 
.aboutdirector{
	width:70%;
	height:200px;
	text-align:left;
	font-size:10px;
	padding:5px;
	line-height:20px;
	color:yellow;
}
	
/*STAFFS*/

.div3-staff{
	height:200px;
	grid-column:1/-1;
	overflow-y:scroll;
	overflow-x:hidden;
	
}
	 
.imagebox{
	/* height:auto; */
	width:40%;
	
	display:block;
	margin:15px;
	margin-top:5px;
	margin-left:1%;
	
}






.aboutperson{
	float:right;
	width:55%;
	height:auto;
	margin-top:-172px;
    font-size:16px;
	line-height:19px;
	color:yellow;
}
 
 .letter{
	font-size:13px;
	color:white;
	height:auto;
}
 
.sky{
	/* height:auto; */
	width:100%;
	}


 
/*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%;
	height:auto;
}


}