/*=======================
Theme: Ecommerce/Product Coming Soon Template
This is the Style for Responsiveness
Author: JLP Media
Email: jennpereira13@gmail.com / lianplameras@gmail.com
Version: 1.00 
Date Created: July 30, 2014
=======================*/

/* MIN 1080px */
@media only screen and (max-width: 1080px){
	ul#countdown li span {
	font-size: 22px;
	}
	ul#countdown li p.timeRefDays, ul#countdown li p.timeRefHours, ul#countdown li p.timeRefMinutes, ul#countdown li p.timeRefSeconds {
	font: 65% 'open sans', sans-serif;
	}
	ul#countdown li {
	margin: 1px 1px;
	}
	body,html{
  	background: rgba(0, 0, 0, 0.80);
  	height: auto;
  	min-height: 1090px;
	}
}

/* MAX 770px */
@media only screen and (max-width: 770px){
	.content {
	padding-top: 100px;
	}
	body,html{
	overflow-x: hidden;
  	overflow-y: auto;
  	background: rgba(0, 0, 0, 0.80);
  	height: auto;
	}
}

/* MAX 640px */
@media only screen and (max-width: 640px){
	.logo {
	margin-top: -120px;
	}
	body,html{
	overflow-x: hidden;
  	overflow-y: auto;
  	background: rgba(0, 0, 0, 0.80);
  	height: auto;
	}
	.content {
	padding-top: 40px;
	}
}

/* MAX 568px */
@media only screen and (max-width: 568px){
	.logo {
	margin-top: -120px;
	}
	.content {
	padding-top: 40px;
	}
}

/* MAX 500px */
@media only screen and (max-width: 500px){
	ul#countdown li {
	width: 70px;
	margin: 1px 1px;
	}
	#countdown .divider {
	width: 60px;
	}
	.counter {
     margin-bottom : 20px;
    }
	.logo {
	margin-top: -130px;
	}
	h2 {
	font-size: 14px;
	}
	p{
	font-size: 10px;
	}
	.social li {
	width: 35px;
	height: 35px;
	margin: 2px 0 0 8px;
	}
}

/* MAX 460px */

@media only screen and (max-width: 460px){
	h6 {
	font-size: 9px;
	font-style: italic;
	}
	.overlay-slidedown.open {
  	overflow-x: hidden;
  	overflow-y: auto;
	}
	#subscribe {
  	width: 220px;
	}
	.form-control {
  	width: 200px;
	}
	body,html{
	overflow-x: hidden;
  	overflow-y: auto;
  	background: rgba(0, 0, 0, 0.80);
  	height: auto;
	}
}


/* MAX 320px */

@media only screen and (max-width: 320px){
	h6 {
	font-size: 9px;
	font-style: italic;
	}
	h2 {
	font-size: 12px;
	}
	.overlay-slidedown.open {
  	overflow-x: hidden;
  	overflow-y: auto;
	}
	ul#countdown li span {
	font-size: 12px;
	}
	ul#countdown li p.timeRefDays, ul#countdown li p.timeRefHours, ul#countdown li p.timeRefMinutes, ul#countdown li p.timeRefSeconds {
	font: 45% 'open sans', sans-serif;
	}
	ul#countdown li {
	margin: 1px 1px;
	}
	ul#countdown li {
	width: 50px;
	margin: 1px 1px;
	}
	#countdown .divider {
	width: 40px;
	}
}