/*media queries **************************************************************************************************************************/
@media screen and (max-width:1600px) { 
	#work_grid li{
		width: 25%;
	}
}
@media screen and (max-width:1240px) { 
	#work_grid li{
		width: 33.333%;
	}
}
@media screen and (max-width:800px) { 
	#work_grid li{
		width: 50%;
	}
}
@media screen and (max-width:425px) { 
	#work_grid li{
		width: 100%;
	}
}
@media screen and (max-width:1000px) { 
	.page .content .workfilterbar .workfilterbarcenter{
	width:600px;
	margin:0 auto;} 
}
@media screen and (max-width:750px) { /*css for navigation panel after 750px*/ 
	.nav{
		width:100%;
		height:75px;
		padding:0px;
		top:0px;
		left:0px;
		margin-top:0px;
		z-index:100;
		border-bottom:1px solid #999;
	}
	.inner_nav{
		width: 25%;
		height: 100px;
		float:left;
		margin-top:5px;
	}
	#inner_nav_first{
		width:100%;
		float:none;
		height:55px;}
	.inner_nav .nav_icon{
		float:none;
		width: 78px;
		height: 60px;
		margin:0 auto;
	}
	.nav_dis{
		width:100%;
		margin-left:0px;
		margin-top:5px;
		height:20px;
		text-align:center;
		line-height:20px;
		float:none;}
	.content{
		top:75px;
	}
}
@media screen and (max-width:1660px){
	#logoimg{
	width:100%;
	float:none;}
.page_title h1{
	width:100%;
	float:none;
	text-align:center;
	margin-left:0;
	}
#peak{
	top:80%;}
	}
	
/* media queries for about page*/
@media screen and (max-width:1150px) { 
	.about_content_middle{
		width:600px;
		}
	.about_content2{
		height:450px;}
	#about_process_grid{
		width:550px;
		margin:0 auto;}
	.about_content3{
		height:600px;}
}
@media screen and (max-width:1370px){
	#workfilter{
		margin-top:40px;}
	.header{
		height:100px;
		line-height:100px;
	}
	.about_content_middle h1{
		line-height:100px;
		font-size:30px;}
	#team_grid {
		height: calc(100% - 130px);
	}
	.page .content .workfilterbar{
		height:100px;
		line-height:100px;
		}
	.workfilterbarcenter h1{
		font-size:30px;
		}
	#workfilter{
		margin-top:25px;}
	#about_process_title h1{
		line-height:100px;
		font-size:30px;
		}
}
@media screen and (max-width:600px) { 
	/*.workfilterbarcenter h1{
		float:none;
		margin:0 auto;
	}
	#workfilter{
		float:none;
		margin-top:20px;
		margin:0 auto;
	}
	.page .content .workfilterbar{
		width:100%;
		height:300px;
		line-height:none;
	}*/
	.page .content .workfilterbar{
		height:65px;
		line-height:65px;
		}
	.workfilterbarcenter h1{
		font-size:20px;
		}
	#workfilter{
		margin-top:7px;}
}