/*================================================================================================================

	RESPONSIVE

================================================================================================================*/

@media only screen and (max-width : 880px) {
	
	#mobile_nav {
		display: block;
	}
	
	#header #nav #menu-main,
	#header #nav .nav {
		display: none;
	}
	
	.project_thumb {
		margin-bottom: 30px;
	}
	
	.project_thumb,
	.project_info {
		width: 100% !important;
	}
	
	#posts .post {
		width: 90%;
	}
	.ret {
		display: block !important;
	}
	
	.reg {
		display: none !important;
	}
	
}

@media only screen and (max-width : 540px) {

	.one-half, .one-third, .two-thirds, .one-fourth, .three-fourths, .one-fifth, .two-fifths, .three-fifths, .four-fifths, .one-sixth { width: 100%; margin-right: 0; }

	body {
		font-size: 14px;
		line-height: 28px;
	}
	
	h5 {
		font-size: 18px;
	}
	
	.inner {
		padding: 15px;
	}
	
	.list li {
		background-position: left 8px;
	}
	
	#header #logo {
		margin: 0 auto 30px auto;
	}
	
	#project_sort #filter_drop { display: block; }
	#project_sort .filter { display: none; }
	
	#portfolio_title {
		font-size: 18px;
		line-height: 1.7em;
	}
	
	#portfolio_subtitle {
		font-size: 12px;
		line-height: 1.6em;
		margin-bottom: 30px;
	}
	
	.page_icon {
		display: none !important;
	}
	
	.single_project {
		margin-bottom: 20px;
	}
	
	.single-project .project_thumb span {
		display: none !important;
	}
	
	#similar_projects .project {
		width: 48%;
		float: left;
		margin: 0 2% 30px 0;
	}
	
	#similar_projects .recent_body {
		display: none;
	}
	
	.project_overlay {
		display: none !important;
	}
	
	#infscr-loading {
		position: fixed;
		top: 50%;
		left: 50%;
		margin: -35px 0 0 -35px;
	}
	
	#infscr-loading div {
		display: none;
	}
	
	.service {
		text-align: center;
		margin-bottom: 80px;
	}
	
}

@media only screen and (max-width : 400px) {

	#projects .project {
		width: 100%;
		padding: 0;
		margin: 0;
		margin-bottom: 20px;
	}

}

@media only screen and (max-width : 320px) {
	
	

}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {

	

}