.opaque-navbar 
{
    background-color: #fff;
    height: 100px;
    border-bottom: 1px solid gray;
}
.mt
{
	margin-top: 120px;
}
.logo
{
	margin-top: 5%;
	width:70%;
}
.navbar-collapse ul
{
	margin-top: 2%;

}
/*sidebar start*/
.ml
{	
	margin-left: -2%;
}
.sidebar 
{
  height:auto;
  width: 20%;
  position: fixed;
  overflow-y: auto;
  padding-top: 0%;
  padding-left:20px;
  padding-right:30px;
   
}

.sidebar div a span
{
  margin:20px 18px 10px 8px;
  padding:30px 10px 15px 10px;
  border-radius: 10px;
  text-decoration: none;
  font-size: 18px;
  background-color:#b8d9f2	;
  color:#0067cc;
  display: block;
  text-align: center;
  font-weight: bolder;
  font-family:Sans-serif;
   letter-spacing:0px;
}
.sidebar div a span:hover
{
  
  font-size: 18px;
  font-weight: bolder;
 
}
.drop-text
{
	  margin:10px 18px 8px 8px;
	  padding:10px 2px 10px 10px;
	  border-radius: 10px;
	  text-decoration: none;
	  font-size: 15px;
	  background-color:#b8d9f2;
	  color: #0067cc;
	  display: block;
	  text-align:center;
	 
}
.drop-text:hover
{
	  font-size: 15px;
}
.sidebar img
{
	float:center;
	margin:1px 10px 20px 0px;
}
.sidebar a
{
  text-decoration: none;
}



.closebtn 
{
display: none;
  position: absolute;
  margin-top: -30px;
  
  font-size: 36px;
  margin-left: 10%;
}

.openbtn 
{
	display: none;
  font-size: 20px;
  cursor: pointer;
  background-color: white;
  color: black;
  padding: 2px 5px;
  border: none;
  margin-top:-5%;
}


.taqi-img
{
	padding-left:15%;
	margin-top:12%;

}
.taqi-img img
{
    
	float:left;
	width:85%;
}
.fb-text
{
	color:#fff;
	font-size:20px;
	font-weight: bold;
	float:left;
	margin-left:-18%;
	margin-top: 1%;
}
.taqi-img .fbbtn
{
    margin-left:-5%;
	margin-top:1%;
	width:95%;

}
/*sidebar end*/

/*right body*/
.rightbody
{
	margin-top: 5px;
	margin-left:26%;
	width:71%;
	background-image: linear-gradient(to right, #0067cc , #01a4db);
	padding-top: 5px;
}
.main-head
{
	  margin:20px 10px 10px 0px;
	  padding:20px 2px 20px 10px;
	  border-radius: 10px;
	  text-decoration: none;
	  font-size: 25px;
	  color: #fff;
	  display: block;
	  width:70%;
}
.sub-head
{
	  margin:30px 10px 10px 0px;
	  padding:40px 2px 15px 10px;
	  border-radius: 10px;
	  text-decoration: none;
	  font-size:30px;
	  color: #006ece;
	  display: block;
	  font-weight:bold;
	  width:100%;
}
.vid-frame
{
	width:80%;
	height:380px;
	margin-top: 1%;
}
.big-logo
{
	width:40%;
	margin:2%;
}
.member-img
{
	width:35%;
	margin-top:5%;
	margin-top:2%;
}
.member-img1
{
	width:50%;
	margin-top:5%;
	margin-top:2%;
}
.download-btn
{
	background-color:#fff;
	border:none;
	border-bottom:5px solid #01a4db;
	margin-top: 5%;
	padding:8px 5% 8px 5%;
	height:60px;
	width:auto;
	color:#0067cc;
	font-size: 20px;
	border-radius:200px;
}

/*right body end*/


@media (max-width:1350px) 
{
	.sidebar a span
	{
	  margin:20px 5px 10px 0px;
	  padding:5px 2px 5px 5px;
	 	width:100%;
	 	font-size: 12px;
	}
	.drop-text
	{
		  margin:10px 1px 8px 12px;
		  padding:10px 2px 10px 10px;
		  font-size: 13px;
	}
	.sidebar a span:hover 
	{
		font-weight: normal;
	}
	.taqi-img img
	{
		width:60%;
	}

@media (max-width: 992px) 
{
   .opaque-navbar 
   {
	    background-color: #fff;
	    height: 75px;
	}
	
	.logo
	{
		width:25%;
		margin-top: 2%;
		margin-left: 2%;
	}
	.navbar-toggle
	{
		margin-top: 3%;
	}
}
@media (max-width: 750px) 
{
	.mt
	{

	}
	.nav li
	{
		background-color:white;
		padding:1px;
		border:1px solid gray;
	}
	.sidebar a span
	{
	  margin:20px 5px 10px 0px;
	  padding:5px 2px 5px 5px;
	 	width:93%;
	 	font-size: 12px;
	}
	.drop-text
	{
		width:90%;
	}
	.openbtn
	{
		border:1px solid black;
		border-radius:5px;
		margin-top:-100px;
		margin-bottom:60px;
		margin-left:12px;
		display: block;
	}
	.closebtn
	{
		margin-left:90%;
		display:block;
	}
	.sidebar
	{
		margin-top: 0%;
		padding-top: 4%;
		width:0%;
		padding-left:0px;
		padding-right:0px;

	}
	.rightbody
	{
		margin-top: 10px;
		margin-left:0%;
		width:100%;
		background-color:#f5f5f5;
		padding-top: 5px;

	}
	.main-head
	{
		  margin:20px 10px 10px 0px;
		  padding:15px 2px 15px 10px;
		  font-size: 20px;
		  
		  width:80%;
	}
	.sub-head
	{
		  margin:30px 10px 10px 0px;
		  padding:10px 2px 10px 10px;
		  font-size: 20px;
		  width:70%;
	}
	.vid-frame
	{
		width:90%;
		height:320px;
		margin-top: 3%;
	}
	.member-img
	{
		width:70%;
		margin-top:5%;
	}
	.member-img1
	{
		width:85%;
		margin-top:5%;
	}
	.download-btn
	{
		margin-top: 8%;
		padding:8px 8% 8px 8%;
		height:60px;
		font-size: 20px;
	}
   	.taqi-img img
	{
		width:40%;
	}
		.fb-text
	{
	    margin-top:-1%;
		font-size: 18px;
	}
}
@media (max-width: 450px) 
{
 	
	.main-head
	{
		  margin:30px 10px 10px 0px;
		  padding:8px 2px 8px 2px;
		  font-size: 18px;
		  
		  width:90%;
	}
	.sub-head
	{
		  margin:30px 10px 10px 0px;
		  padding:20px 2px 7px 2px;
		  font-size: 18px;
		  width:90%;
		  text-align: center;
	}
	.vid-frame
	{
		margin-left:1%;
		width:97%;
		height:200px;
		margin-top: 3%;

	}
	.big-logo
	{
		width:70%;
		margin-top:1%;
		margin-bottom:10%;
	}
	.member-img
	{
		width:80%;
		margin-top:5%;
	}
	.download-btn
	{
		margin-top: 8%;
		padding:8px 4% 8px 4%;
		height:40px;
		font-size: 13px;
	}
	.logo
	{
		width:180px;
		margin-top:10px;
		margin-left: 25px;
	}

}

@media screen and (max-height: 450px) 
{
  .sidebar {padding-top: 15px;}
  .sidebar a {font-size: 18px;}
  
}