/****************** < 767 Screens ***************/
@media only screen and (max-width: 767px)
{ 

.hide-for-mobile
{
	display:none;
}


#sunshine
{
	background: url(../img/sunshine-phone.png) no-repeat 0 0;
}

#sunshine2
{
	background: url(../img/sunshine2-phone.png) no-repeat 0 0;
}

.top-arrow
{
	background: url(../img/top-arrow-phone.png) center center no-repeat;
	width: 36px;
	height: 36px;
	margin-left: -18px;
	bottom: 5px;
}

#home-inner
{
	width: 300px;
	margin-left: -150px;
	height: 210px;
	margin-bottom: -105px;
}

h1.slogan
{
	font-size: 1.15em;
}

.inner
{
	width: 90%;
	padding: 55px 0;
}

#myCountDown
{
	display: none;
}


/* Mobile Countdown Styles */
#CountDown
{
	width: 300px;
	margin: 0 auto;
	font-family: 'BebasNeueRegular';
	display: inherit;
	overflow: hidden;
}

.mobile-days,
.mobile-hours, 
.mobile-minutes, 
.mobile-seconds
{
	display: inline-block;
	margin-top: -40px;
}

.mobile-hours .value:before,
.mobile-minutes .value:before,
.mobile-seconds .value:before
{
	content: '/';
	color: white;
	vertical-align: middle;
	font-size: 0.6em;
	margin-left: 5px;
	margin-right: 5px;
}

p.value
{
	color: white;
	font-size: 2.9em;
	margin-bottom:0;
	padding-bottom:0;
}

p.info
{
	color: #f0ec13;
	text-transform: uppercase;
	font-size: 0.95em;
	margin-top:0;
	padding-top:0;
	margin-left:20px;
}


.mobile-days .info
{
	margin-left:0;
}

.title
{
	font-size: 1.9em;
}

.subtitle
{
	font-size: 1.4em;
}

#subscription p
{
	font-size: 0.9em;
	width:90%;
}

form
{
	padding: 2px 0px 10px;
	display: block;
	width: 90%;
	height: 96px;
}

.input
{
	width: 100%;
	padding: 15px 0;
	text-align: center;
}

.button
{
	margin: 0 auto;
}

.subscribe-form
{
	margin: 30px auto;
}

#alert
{
	font-weight: 400;
	font-size: 0.9em;
	bottom:120px;
	left: 50%;
	width:300px;
	margin-left: -150px;
}

.column
{
	width: 100%;
}

#social-icons
{
	width: 60%;
}

.facebook
{
	background:  url(../img/social-icons/facebook-phone.png) no-repeat center center;
	margin-left: 0;
}

.twitter
{
	background:  url(../img/social-icons/twitter-phone.png) no-repeat  center center;
}

.yahoo
{
	background:  url(../img/social-icons/yahoo-phone.png) no-repeat  center center;
}

.linkedin
{
	background:  url(../img/social-icons/linkedin-phone.png) no-repeat  center center;
}

.skype
{
	background:  url(../img/social-icons/skype-phone.png) no-repeat  center center;
}

.flickr
{
	background:  url(../img/social-icons/flickr-phone.png) no-repeat  center center;
}

.dribbble
{
	background:  url(../img/social-icons/dribbble-phone.png) no-repeat  center center;
}

.behance
{
	background:  url(../img/social-icons/behance-phone.png) no-repeat  center center;
}


.facebook, .twitter, .yahoo, .linkedin, .skype, .flickr, .dribbble, .behance
{
	width: 27px;
	height: 27px;
	border: 2px solid #8e8e8e;
	margin-left: 10px;
	margin-bottom: 10px;
}

#tweets-wrapper
{
	width: 100%;
	height: 100px;
	font-size: 0.8em;
}

.copyright
{
	width: 98%;
	height: 83px;
	line-height: 95px;
	font-size: 0.6em;
	font-weight: 400;
}

footer
{
	height: 83px;
}

.bottom-arrow
{
	background: #F0EC13 url(../img/bottom-arrow-phone.png) center center no-repeat;
	width: 24px;
	height: 24px;
	top: -13px;
	margin-left: -12px;
}

}/*************  < 767 Screens ***********/



/************* 768 > 1025 Screens ***********/
@media only screen and (min-width: 768px) and (max-width: 1025px)
{


#sunshine
{
	background: url(../img/sunshine-ipad.png) no-repeat 0 0;
}

#sunshine2
{
	background: url(../img/sunshine2-ipad.png) no-repeat 0 0;
}

.inner
{
	width: 740px;
}

#subscription p
{
	font-size: 1.0em;
	width:90%;
}

#home-inner
{
	width: 740px;
	height: 590px;
	margin-left: -370px;
	margin-bottom: -295px;
	padding: 0;
}

h1.slogan
{
	font-size: 2.0em;
	line-height: 0.9;
}

.title
{
	font-size: 2.4em;
}

.subtitle
{
	font-size: 2.1em;
}

#myCountDown
{
	width: 404px;
}

.circle-bar
{
	width: 70px;
	height: 70px;
	margin: 5px;
}

.days, .hours, .minutes, .seconds 
{
	margin: 5px 0px;
	padding: 5px;
}

.column
{
	width: 50%;
}




}