.timeline{
	width:95%;
	height:auto;
	margin:0 auto;
	margin-top:15px;
}
.timelinehd{
	width:250px;
	font-family:'Raleway';
	font-size:20px;
	color:#032e7d;
	text-align:center;
	margin:0  auto;
	margin-bottom:10px;
	margin-top:20px;
	text-transform:capitalize;
	font-weight:bold;
	text-decoration:underline;
	line-height:30px;
}
img {
  width: 100%;
  height: auto;
}
.projectmain{
	width:100%;
	max-width:990px;
	
	
	margin:0 auto;
	margin-top:10px;
	overflow:visible;
	
}
.projectmain1{
	width:100%;
	
	
	
	margin:0 auto;
	margin-top:10px;
	overflow:visible;
	
}
.projectbox{
	width:31.6%;
	height:230px;
	
	background-color:#E8E6E6;
	margin:6px;
	float:left;
}
.projectbox:hover{
	width:31.6%;
	height:230px;
	
	background-color:#2d83c7;
	margin:6px;
	float:left;
}
.projectimg{
	width:90%;
	height:auto;
	margin:0 auto;
	margin-top:10px;
}
.projectname{
	font-family: 'Open Sans', sans-serif;
	font-size:15px;
	text-align:center;
	text-decoration:none;

}
.nextprevious{
	width:250px;
	margin:0 auto;
	height:40px;
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	margin-top:15px;
	margin-bottom:10px;
	color:#000;
}
.next{
	width:80px;
	height:25px;
	float:right;
	background-color:#bfc0c0;
	padding-top:7px;
	border-radius:3px;
	margin-bottom:10px;
	border:1px thin #a5a5a5;
	color:#000;
}
.previous{
	width:80px;
	height:25px;
	float:left;
	background-color:#bfc0c0;
	padding-top:7px;
	border-radius:3px;
	margin-bottom:10px;
	border:1px thin #a5a5a5;
	color:#000;
}

@media screen and (max-width: 800px) {
.projectbox{
	width:47.5%;
	height:230px;
	
	background-color:#E8E6E6;
	margin:6px;
	float:left;
}
.projectbox:hover{
	width:47.5%;
	height:230px;
	
	background-color:#2d83c7;
	margin:6px;
	float:left;
}

}
@media screen and (max-width: 550px) {
.projectbox{
	width:85%;
	height:230px;
	
	background-color:#E8E6E6;
	
	float:none;
	margin:0 auto;
}
.projectbox:hover{
	width:75%;
	height:230px;
	
	background-color:#2d83c7;
	
	float:none;
	margin:0 auto;
}
}