/********************************
RESPONSIVE CSS * MEDIA QUERIES
********************************/

/*iPad Landscape*/
@media screen and (max-width: 1024px), screen and (max-device-width: 1024px), screen and (max-width: 1200px)  {	

}

/*iPad Portrait*/
@media handheld and (max-width: 767px), screen and (max-device-width: 767px), screen and (max-width: 960px)  { 

}

/*iPhone Landscape*/
@media screen and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 750px)  { 
}

/*iPhone Portrait*/
@media screen and (max-width: 320px), screen and (max-device-width: 320px), screen and (max-width: 450px) { 
	.subscribe {
		width: 320px;
	}

	.subscribe form input {
		width: 300px;
	}

	.slogan {
		padding-bottom: 0px;
	}

	.slogan h1 {
		font-size: 28px;
	}

	.slogan p {
		font-size: 12px;
	}

	.countdown {
		width: 320px;
		margin: 0 auto;
		text-align: center;
		padding-bottom: 250px;
		margin-left: auto;
		margin-right: auto;
	}
	.countdown .rounded_box {
		margin-right: 30px;
		margin-top: 60px;
		text-align: center;
	}

	.countdown span {
		font-size: 30px;
	}

	.countdown .counter_word {
		font-size: 12px;
	}
	.subscribe h4 {
		font-size: 13px;
	}	

	.footer .social-icons {
		float: none;
		margin-top: 20px;
		width: 200px;
		margin-right: auto;
		margin-left: auto;
		padding-bottom: 40px;
	}

	.footer p {
		text-align: center;
		float: none;
	}
 
	.footer {
		padding-top: 120px;
	}

	.logo {
		display: block;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}
}