/* 320px (iPhone) */
@media screen and (max-width:320px) {
}
/* 480px (WVGA - Low End Windows Phone) */
@media screen and (max-width:480px) {
	.wrapper { background: #f3f5f8; height: 640px; }
	.iphone { display: none; }
	.fluid-white { display: none; }
	.wp2, .wp4, .wp5, .light-box { margin-bottom: 30px; }
	.legals { text-align: center; margin: 0; padding: 0; }
	.credit { text-align: center; }
}
/* xGA iPad */
@media screen and (max-width:1024px) {
	.wp3 { background-position: 50px 0; }
	.swag { background-attachment: scroll; }
	.subscribe { background-attachment: scroll; }
}
/* 1200px (Small Desktop, Netbook) */
@media screen and (max-width:1280px) {
	.wp3 { background-position: 50px 0; }
}
/* Bootstrap 990px Breakpoint to 480px */
@media screen and (min-width:480px) and (max-width:991px) {
	.iphone { display: none; }
	.fluid-white { display: none; }
	.wrapper { background: #f3f5f8; height: 540px; }
	.wp2, .wp4, .wp5, .light-box { margin-bottom: 30px; }
	.legals { text-align: center; margin: 0; padding: 0; }
	.credit { text-align: center; }
}


@media screen and (min-width:300px) {
	html, body {
		overflow-x: hidden;
	}
	
	.inner img {
		width: 100%;
	}
	
	#portfolio {
		position: relative;
		margin-top: 0px;
	}
	
	.effects .img {
		margin-bottom: 10px;
	}
	
	.contact-details .col-md-5 {
		width: 100%;
	}
	
	.features-wrapper .col-md-4 {
		width: 100%;
		margin-bottom: 20px;
	}
	
	.subscribe input[type=text] {
		width: 100%;
		margin-bottom: 8px;
	}
	
	.subscribe textarea {
		width: 100%;
		margin-top: 0px;
		margin-bottom: 10px;
	}
	
	.swag h1 {
		font-size: 30px;
	}
	
	.subscribe form img {
		margin-right: 15px;
		margin-top: -48px;
		position: relative;
		float: right;
	}
	
	.subscribe form .enquiry-loader img {
		margin-top: 28px !important;
		margin: 0 auto;
	}
	
	.contact-details {
		margin: 70px 0 40px 0;
	}
	
	.clients .col-md-4 {
		border: 1px solid #e0e0e0;
		margin-right: 20px;
		margin-bottom: 20px;
		padding: 0px;
		width: 100%;
	}
	
	
}


@media screen and (min-width:1280px) {
	.contact-details .col-md-5 {
		width: 33.33333333%;
	}
	
	.inner img {
		width: auto;
	}
	
	#portfolio {
		position: relative;
		margin-top: 0px;
	}
	
	.effects .img {
		margin-bottom: 30px;
	}
	
	.swag h1 {
		font-size: 37px;
		text-transform: uppercase;
		font-weight: 500;
	}
	
	.subscribe input[type=text] {
		width: 33%;
	}
	
	.subscribe textarea {
		width: 66.3%;
	}
	
	
	.subscribe form img {
		margin-right: 20px;
		margin-top: 17px;
	}
	
	.subscribe form .enquiry-loader img {
		margin-top: 0px !important;
		margin: 0 auto;
	}
	
	.features-wrapper .col-md-4 {
		width: 33.33333333%;
	}
	
	.contact-details {
		margin: 70px 0px;
	}
	
	.clients .col-md-4 {
		border: 1px solid #e0e0e0;
		margin-right: 20px;
		margin-bottom: 20px;
		padding: 0px;
		width: 23.2%;
	}
}

.enquiry-loader {
	display: inline-block;
	margin-top: 10px;
}

.clients {
	margin-top: 60px;
}

.clients .col-md-4 img {
	width: 100%;
}