span {
  display: block;
  background: #fff;
  border-radius: 2px;
}

#menu-toggle {
  width: 40px;
  height: 40px;
  margin: 0px auto;
  float:right;
  position: relative;
  cursor: pointer;
}

#menu-toggle #hamburger {
  position: absolute;
  height: 100%;
  width: 100%;
}
#menu-toggle #hamburger span {
  width: 30px;
  height: 1px;
  position: relative;
  top: 24px;
  right: 20px;
  margin: 8px 0;
}
#menu-toggle #hamburger span:nth-child(1) {
  transition-delay: .5s;
}
#menu-toggle #hamburger span:nth-child(2) {
  transition-delay: .625s;
}
#menu-toggle #hamburger span:nth-child(3) {
  transition-delay: .75s;
}
#menu-toggle #cross {
  position: absolute;
  height: 100%;
  width: 100%;
  transform: rotate(45deg);
}
#menu-toggle #cross span:nth-child(1) {
  height: 0%;
  width: 4px;
  position: absolute;
  top: 10%;
  left: 48px;
  transition-delay: 0s;
}
#menu-toggle #cross span:nth-child(2) {
  width: 0%;
  height: 4px;
  position: absolute;
  left: 10%;
  top: 48px;
  transition-delay: .25s;
}

#menu-toggle.open #hamburger span {
  width: 0%;
}
#menu-toggle.open #hamburger span:nth-child(1) {
  transition-delay: 0s;
}
#menu-toggle.open #hamburger span:nth-child(2) {
  transition-delay: .125s;
}
#menu-toggle.open #hamburger span:nth-child(3) {
  transition-delay: .25s;
}
#menu-toggle.open #cross span:nth-child(1) {
  height: 80%;
  transition-delay: .625s;
}
#menu-toggle.open #cross span:nth-child(2) {
  width: 80%;
  transition-delay: .375s;
}











.banner
	{
		width:100%;
		height:550px;
		background-image:url("../images/Aboutus_BG.jpg");
		background-position:center center;
		background-size:cover;
		top: 0;
		left: 0;
		opacity:1;		
	}
	
.innerone
	{
		box-sizing:border-box;;
	}
.innertwo
	{
		float:left;
		width:800px;
		box-sizing:border-box;
	}
.innerimg2
	{
		width:250px;
		height:250px;
		float:right;	
	}
blockquote 
	{
		margin: 0 0 15px 25px;
		position: relative;
		color:#8c8b8b;
	} 
blockquote::before 
	{
		content: "\201C";
		font-family: Georgia, serif;
		font-size: 40px;
		left: -25px;
		position: absolute;
		top: -10px;
	}
.innerimg3
	{
		width:250px;
		height:250px;
		float:left;
	}

.innerthree
	{
		float:right;
		width:800px;
		box-sizing:border-box;
	}	
.team
	{
		display:block;
		margin-top:20px;
	}
 .teamone
	{
		display:inline-block;
	} 
.teamoneimg
	{
		width:250px;
		float:left;
		margin-top:20px;
		text-align:center;
	}
.teamoneimg img
	{
		border-radius:50%;
	}
.teamonecontent
	{
		width:800px;
		float:right;
	}
.teamonecontent h4
	{
		margin-bottom:0px;
		margin-top:20px;
	}
.teamonecontent h5
	{
		margin-bottom:0px;
	}
.teamtwoimg
	{
		width:250px;
		float:right;
		margin-top:20px;
		text-align:center;
	}
.teamtwoimg img
	{
		border-radius:50%;
	}
.teamtwocontent
	{
		width:800px;
		float:left;
	}
.teamtwocontent h4
	{
		margin-bottom:0px;
		margin-top:20px;
	}
.teamtwocontent h5
	{
		margin-bottom:0px;
	}
.teamtwo
	{
		display:inline-block;
	}
@media screen and (min-width: 320px) and (max-width: 480px){
.flexone
	{
		max-width:440px;
	}
.innerone
	{
		max-width:440px;
		padding:5px;
		box-sizing:border-box;
		display:block;
		width:100%;
	}

.innertwo
	{
		display:block;
		max-width:440px;
		box-sizing:border-box;
		padding:5px;
		width:100%;
	}
.innerimg2
	{
		max-width:440px;
		width:100%;
		display:block;	
		text-align:center;
		float:none;
	}

.innerimg3
	{
		max-width:440px;
		width:100%;
		height:250px;
		display:block;	
		text-align:center;
		float:none;
	}
.innerthree
	{
		max-width:440px;
		box-sizing:border-box;
		padding:5px;
		width:100%;
	}	
.team
	{
		display:block;
		border-bottom:10px;
	}
.teamone
	{
		width:100%;
		display:block;
	}
.teamoneimg
	{
		width:100%;
		display:block;
		margin-top:20px;
		text-align:center;
	}
.teamoneimg img
	{
		border-radius:50%;
	}
.teamonecontent
	{
		width:100%;
		display:block;
	}
.teamonecontent h4
	{
		margin-bottom:0px;
		text-align:center;
	}
.teamonecontent h5
	{
		margin-bottom:0px;
		text-align:center;
	}
.teamtwo
	{
		width:100%;
		display:block;
	}
.teamtwoimg
	{
		width:100%;
		display:block;
		margin-top:20px;
		text-align:center;
	}
.teamtwoimg img
	{
		border-radius:50%;
	}
.teamtwocontent
	{
		width:100%;
		display:block;
	}
.teamtwocontent h4
	{
		margin-bottom:0px;
		text-align:center;
	}
.teamtwocontent h5
	{
		margin-bottom:0px;
		text-align:center;
	}
footer
	{
		max-width:480px;
	}
}
@media screen and (min-width: 481px) and (max-width: 767px){
.flexone
	{
		max-width:700px;
	}
.innerone
	{
		max-width:700px;
		padding:5px;
		width:100%;
		display:block;
	}
.innertwo
	{
		width:100%;
		display:block;
		max-width:700px;
		box-sizing:border-box;
		padding:5px;
	}
.innerimg2
	{
		max-width:700px;
		display:block;	
		text-align:center;
		width:100%;
		float:none;
	}
.innerimg3
	{
		max-width:700px;
		text-align:center;
		width:100%;
		float:none;
		display:block;
	}
.innerthree
	{
		width:100%;
		display:block;
		max-width:700px;
		box-sizing:border-box;
		padding:5px;
	}	
.team
	{
		display:block;
		border-bottom:10px;
	}
.teamone
	{
		width:100%;
		display:block;
	}
.teamoneimg
	{
		width:100%;
		display:block;
		margin-top:20px;
		text-align:center;
	}
.teamoneimg img
	{
		border-radius:50%;
	}
.teamonecontent
	{
		width:100%;
		display:block;
	}
.teamonecontent h4
	{
		margin-bottom:0px;
		text-align:center;
	}
.teamonecontent h5
	{
		text-align:center;
	}
.teamtwo
	{
		width:100%;
		display:block;
	}
.teamtwoimg
	{
		width:100%;
		display:block;
		margin-top:20px;
		text-align:center;
	}
.teamtwoimg img
	{
		border-radius:50%;
	}
.teamtwocontent
	{
		width:100%;
		display:block;
	}
.teamtwocontent h4
	{
		margin-bottom:0px;
		text-align:center;
	}
.teamtwocontent h5
	{
		text-align:center;
	}
footer
	{
		max-width:767px;
	}
}