/* 320px (iPhone) */

@media screen and (min-width:300px) and (max-width:668px) {
	.inner img {
		width: 80% !important;
		margin-bottom: -80px;
	}
	.calender-destination .calender {
		width: 100%;
		border: 0px;
		margin-bottom: 10px;
		padding-bottom: 10px;
		border-bottom: 1px solid #191919;
	}
	
	.calender-destination .calender:last-child {
		border-bottom: 0px;
		margin-bottom: 0px;
		padding-bottom: 0px;
	}
	
	#award .col-md-4 img {
		width: 80%;
	}
	
}
/* 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:550px) and (max-width:990px) {
	#devi .col-md-4, #award .col-md-4, #sponsor .col-md-4 {
		width: 33% !important;
		float: left;
	}	 
}

@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%;
}



@media screen and (min-width:300px) and (max-width:991px) {
	.navi {
		display: none;
	}
}

@media screen and (min-width:1024px) and (max-width:1460px) {
	#devi .col-md-4, #award .col-md-4 {
		width: 20%;}
}

@media screen and (min-width:1024px) and (max-width:1460px) {
	#sponsor .col-md-4 {
		width: 16.6%;}
}

@media screen and (min-width:1024px) and (max-width:1920px) {
	#nav-toggle {
		display: none;
	}
}