/*-- Media Queries --*/

.menu-wrapper,
#mobile-navigation {
	display:none;
}

@media (max-width: 1650px) {
	#featured-project .two-columns .col:nth-child(1) .content {
		width:700px;
		padding:100px 120px 100px 0;
	}

	#featured-project .two-columns .col:nth-child(2) .content {
		width:680px;
		padding:0 0 100px 0;
	}

	#featured-project .two-columns .col:nth-child(2) {
		margin-right:0;
	}

	#featured-project .two-columns .col:nth-child(2):before {
		left:-60px;
	}
}

@media (max-width: 1550px) {
	#home header h1 {
		left:40px;
		bottom:70px;
		padding:0;
	}

	#recent-projects .container {
		padding-left:40px;
		padding-right:40px;
	}

	#recent-projects .two-columns .col {
		width:48%;
	}
}

@media (max-width: 1450px) {
	.container {
		width:100%;
		padding-right:40px;
		padding-left:40px;
		margin:0;
	}

	.logo {
		left:40px;
	}

	header .container {
		padding-right:0;
		padding-left:0;
	}

	header h1 {
		padding-left:40px;
		padding-right:40px;
	}

	#intro .two-columns .col:nth-child(1) .content {
		width:100%;
		float:none;
		padding:80px 60px 80px 40px;
	}

	#intro .two-columns .col:nth-child(2) .content {
		width:100%;
		padding:80px 60px 80px 60px;
	}

	#about .col:nth-child(2) {
		padding-left:50px;
	}

	#about .col:nth-child(2):before {
		left:30px;
	}

	#intro .two-columns .col:nth-child(2) {
		margin-right:-300px;
	}

	#featured-project {
		overflow:hidden;
	}

	#featured-project .two-columns .col:nth-child(1),
	#featured-project .two-columns .col:nth-child(2) {
		width:50%;
	}

	#featured-project .two-columns .col:nth-child(1) .content {
		width:100%;
		padding:150px 80px 150px 40px;
	}

	#featured-project .two-columns .col:nth-child(2) .content {
		width:100%;
		padding:0 40px 100px 0;
	}

	#featured-project .two-columns .col:nth-child(2):before {
		left:-20px;
		top:-150px;
	}

	#recent-projects .three-columns {
		padding:0 40px;
	}

	#recent-projects .three-columns .col {
		width:32%;
	}

	#recent-projects h3 {
		font-size:40px;
		line-height:45px;
	}

	.flex-direction-nav .flex-next {
		right:15px !important;
	}

	.flex-direction-nav .flex-prev {
		left:15px !important;
	}

	#ready .container {
		padding-right:40px;
	}

	#discover .two-columns .col:nth-child(1) {
		padding-left:0;
	}

	#discover .two-columns .col:nth-child(2) {
		padding-right:0;
	}

	footer .col:nth-child(1) {
		width:35%;
	}

	footer .col:nth-child(2) {
		width:35%;
	}

	footer .col:nth-child(3) {
		width:30%;
	}
}

@media (max-width: 1300px) {
	header h1 {
		width:100%;
	}

	h2 {
		font-size:45px;
		line-height:50px;
	}

	footer .col:nth-child(2) {
		width:30%;
	}

	footer .col:nth-child(3) {
		width:35%;
	}
}

@media (max-width: 1150px) {
	h1 {
		font-size:50px;
		line-height:55px;
	}

	#intro .two-columns .col:nth-child(1) {
		width:100%;
		display:block;
		flex:auto;
	}

	#intro .two-columns .col:nth-child(2) {
		width:100%;
		display:block;
		margin:0;
		flex:auto;
	}

	#featured-project .two-columns {
		display:block;
	}

	#featured-project .two-columns .col:nth-child(1), 
	#featured-project .two-columns .col:nth-child(2) {
		width:100%;
	}

	#featured-project .two-columns .col:nth-child(1) .content {
		padding:40px 40px 60px 40px;
	}

	#featured-project .two-columns .col:nth-child(2) .content {
		padding:0 40px 60px 40px;
	}

	#featured-project .two-columns .col:nth-child(2):before {
		display:none;
	}

	#about {
		background:none;
	}

	#about .two-columns {
		display:block;
	}

	#about .col:nth-child(1) {
		width:100%;
		padding-top:40px;
	}

	#about .col:nth-child(1) .photo {
		width:400px;
		margin:0 auto 30px auto;
	}

	#about .col:nth-child(2):before {
		display:none;
	}

	#about .col:nth-child(2) {
		width:100%;
		padding:40px 0 60px 0;
	}

	#recent-projects .three-columns .col {
		width:48%;
	}

	#featured-projects .content {
		width:100%;
	}

	#discover .container {
		padding-top:100px;
		padding-bottom:100px;
	}

	#discover .two-columns {
		display:block;
	}

	#discover .two-columns .col {
		width:100%;
	}

	#discover .two-columns .col:nth-child(1) {
		margin-bottom:40px;
	}

	#discover h2 br {
		display:none;
	}

	footer .col:nth-child(1) {
		width:50%;
		margin:0 0 40px 0;
	}

	footer .col:nth-child(2) {
		width:50%;
	}

	footer .col:nth-child(3) {
		width:100%;
		text-align:left;
	}
}

@media (max-width: 1000px) {
	#recent-projects .two-columns .col {
		width:100%;
	}
}

@media (max-width: 800px) {
	.container {
		padding:90px 25px;
	}

	.logo {
		height:45px;
		top:25px;
		left:25px;
	}

	header {
		height:500px;
	}

	header h1 {
		bottom:60px;
		padding:0 25px;
	}

	#home header h1 {
		left:25px;
		bottom:60px;
	}

	#intro .two-columns .col:nth-child(1) .content,
	#intro .two-columns .col:nth-child(2) .content {
		padding:60px 25px;
	}

	#recent-projects .container {
		padding-bottom:0;
	}

	#recent-projects .three-columns {
		padding:0 25px;
	}

	#recent-projects .three-columns .col {
		width:100%;
	}

	#recent-projects .three-columns .col .content {
		width:100%;
	}

	#testimonial .container {
		padding:80px 25px;
	}

	.flex-direction-nav a {
		top:auto;
		bottom:50px;
	}

	footer .container {
		padding-bottom:30px;
	}

	footer .col:nth-child(1),
	footer .col:nth-child(2),
	footer .col:nth-child(3) {
		width:100%;
	}

	footer .col:nth-child(2) {
		margin-bottom:30px;
	}
}

@media (max-width: 700px) {
	nav ul {
		display:none;
	}
}

@media (max-width: 600px) {
	.container {
		padding-left:25px;
		padding-right:25px;
	}

	#featured-project .two-columns .col:nth-child(2) .content {
		padding-left:25px;
		padding-right:25px;
	}

	#recent-projects .container {
		padding-left:25px;
		padding-right:25px;
	}

	#featured-project .two-columns .col:nth-child(1) .content {
		padding-left:25px;
		padding-right:25px;
	}

	#recent-projects .two-columns .col .content {
		left:25px;
		bottom:30px;
	}

	#featured-projects .flex {
		display:block;
	}

	#row-full-width {
		height:500px;
	}

	#row1 {
		height:auto;
	}

	#row1 .col:nth-child(1) {
		width:100%;
		height:400px;
		padding-right:0;
		margin-bottom:14px;
	}

	#row1 .col:nth-child(2) {
		width:100%;
		height:400px;
	}

	#row1 .col {
		padding-left:0;
	}

	
}

@media (max-width: 450px) {
	h1 {
		font-size:40px;
		line-height:40px;
	}

	header h1 {

	}

	h2 {
		font-size:38px;
		line-height:40px;
	}

	h3,
	#recent-projects h3,
	#ready h3 {
		font-size:34px;
		line-height:38px;
	}

	h4 {
		font-size:18px;
		line-height:20px;	
	}


	.logo {
		top:20px;
		height:50px;
	}

	nav {
		height:80px;
	}

	header {
		height:500px;
	}

	.bx-wrapper .bx-controls-direction a {
		width:40px;
		height:40px;
	}

	#about .col:nth-child(1) .photo {
		width:100%;
	}

	#about .col:nth-child(1) .content h3 {
		font-size:35px;
	}

	#recent-projects .three-columns .col {
		height:400px;
		padding:50px 15px;	
	}

	#recent-projects .three-columns {
		padding:0 15px;
	}

	#featured-projects .container {
		padding-left:15px;
		padding-right:15px;
	}

	#recent-projects .two-columns .col {
		height:350px;
	}

	#recent-projects .two-columns .col .content {
		bottom:100px;
	}

	footer img {
		width:250px;
	}
}

@media (max-width: 350px) {
	h4 {
		font-size:15px;
		line-height:18px;
	}
}