/* Tablet (portrait - landscape) */
@media (min-width: 768px) and (max-width: 979px) {
	
}

/* Tablet (portrait) - Phone (Landscape) */   
@media (max-width: 767px) {
	button,
	html input[type="button"],
	input[type="reset"],
	input[type="submit"] {
		-webkit-appearance: button; 
		cursor: pointer; 
		*overflow: visible;  
	}

		
	* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
	
	/* normalize container widths */
	.header,
	.main,
	.footer{
		width: auto;	
	}
	
	/*
	 *  Header section
	 */
	 
	.header-container{
		background-image: none;	
		background: #e5e5e5;
	}
	 
	.header{
		padding: 0;
		height: auto;
	}
	
	.header h1.logo{
		float: none;
		margin: 18px 0;
		text-align: center;
	}
	
	.login,
	.nav{
		display: none;	
	}
	
	/*
	 *  mobile nav
	 */
	 
	.mobile-nav-container{
		display: block;	
		overflow: hidden;
	}
	
	#mobile-nav-toggle{
		display: block;
		text-align: left;
		padding: 8px 16px;
		background: #98130A;
		color: #fff;
		text-decoration: none;
		position: relative;
	}
	
	.mobile-nav-toggle-icon{
		position: absolute;
		right: 16px;
		top: 50%;
		margin-top: -2.5px;
		width: 0; 
		height: 0; 
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;	
		border-top: 5px solid #fff;	
	}
	
	.mobile-nav-toggle-icon.active{
		border-bottom: 5px solid #fff;	
		border-top: 5px solid transparent;	
		margin-top: -7.5px;
	}
	
	.mobile-nav{
		display: none;	
		border-bottom: 1px solid #ccc;
	}
	
	.mobile-nav.active{
		display: block;
	}	
	
	.mobile-nav a{
		padding: 8px 16px;
		display: block;
		text-decoration: none;
		bordeR: 1px solid #ccc;
		border-bottom: none;
		color: #98130A;
	}
	
	.mobile-nav a:hover{
		background: #98130A;
		color: #fff;	
	}
	 
	/*
	 *  mobile login
	 */
	 
	.mobile-login-container{
		display: block;
		background: #111;
		background: -moz-linear-gradient(top, #555555 0%, #111111 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555555), color-stop(100%,#111111));
		background: -webkit-linear-gradient(top, #555555 0%,#111111 100%);
		background: -o-linear-gradient(top, #555555 0%,#111111 100%);
		background: -ms-linear-gradient(top, #555555 0%,#111111 100%);
		background: linear-gradient(to bottom, #555555 0%,#111111 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#111111',GradientType=0 );
	}	
	 
	.mobile-login{
		display: none;	
		padding: 12px;
		width: 100%;
	}
	
	.mobile-login input{
		padding: 6px 12px;
		width: 49%;	
		margin-right: 2%;
		border: 1px solid #ccc;
		float: left;
	}
	
	.mobile-login input.last{
		margin-right: 0;
	}
	
	.mobile-login-button{
		float: none !important; 
		width: 100% !important;
		background: #B8190D;
		border: 1px solid #871209 !important;
	}
	
	#mobile-login-toggle{
		padding: 6px;
		display: block;
		text-align: center;	
		text-decoration: none;
		color: #fff;
	}
	
	/*
	 *  content section
	 */
	
	.main{
		padding: 12px;	
	}
	
	.main-container{
		padding-bottom: 0;	
	}
	
	.home .callout-img{
		display: none;	
	}
	
	.home .callout-copy,
	.home .callout-try,
	.page.sign-up .main,
	.page.features .left-col,
	.page.features .right-col,
	.page.sign-up .left-col,
	.home .callout-middle .left-col,
	.home .callout-middle .right-col,
	.home .callout-middle .left-col p{
		width: 100%;	
	}
	
	.home .callout-try .delicious-replace{
		margin-bottom: 12px;	
		display: block;
		float: none;
		text-align: center;
	}
	
	.home .callout-try a.button.sign-up{
		float: none;	
	}
	
	.left-col,
	.right-col{
		float: none;	
	}
	
	.home .callout-middle,
	.home .callout-bottom{
		padding: 24px 0;
	}
	.home .callout-middle .left-col .section-title{
		height: auto;
		min-height: 50px;
		margin-bottom: 12px;	
	}
	
	.home .callout-middle .right-col ul li{
		width: auto;	
	}
	.home .callout-middle .left-col p{
		margin: 0;	
	}
	
	.home .callout-middle .right-col{
		margin-top: 24px;
		padding-left: 18px;	
	}
	
	.home .callout-bottom .left-col .feature-list{
		margin-bottom: 24px;	
	}
	
	.page.features li{
		margin-bottom: auto;	
	}
	
	.page.features .previews li{
		/*margin-bottom: 24px;*/	
		margin-bottom: 0px;
	}

	
	.page.features .sign-up-callout{
		margin-top: 24px;	
	}
	.page .feature-bullet li {
	margin-bottom: 0px;
	margin-left: 25px;
	list-style: initial;
}
	
	.footer .footer-nav{
		float: none;	
		overflow: hidden;
		text-align: center;
		margin: 0 auto;
		display: block;
	}
	
	.footer .footer-nav li{
		display: inline-block;
		float: none;	
	}
	
	.footer .copyright{
		float: none;
		text-align: center;
		margin-top: 24px;	
		display: block;
	}
	
	.fsFieldRow input[type=text], 
	.fsForm textarea{
		display: block !important;	
		width: 100% !important;
	}
	
	.fsFieldHorizontal,
	.fsSubField,
	.fsLabelHorizontal .fsLabel{
		width: 100% !important;	
		float: none !important;
	}
	
	.fsSupporting{
		position: relative;
		bottom: 42px;
		left: 12px;
	}
	
	.fsSupporting.filled{
		display: none;	
	}
}	

/* Phone (portrait) */
@media (max-width: 480px) {
	.mobile-login input,
	.page.features li .preview-info,
	.page.sign-up .right-col{
		width: 100%;	
	}
	
	.page.features li .preview-info{
		text-align: center;	
	}
	
	.page.features li img{
		display: block;
		float: none;
		margin: 0 auto;	
	}
	
	.page.sign-up .right-col{
		background:	#eee;
		border: 1px solid #ccc;
	}
	
	.home .callout-bottom .right-col .sign-up-callout{
		margin: 0 auto;	
	}
	
	.footer .footer-nav li{
		margin-right: 0;
		width: 50%;
		padding: 6px 12px;
		float: left;
	}
	
	.footer .copyright{
		float: none;
		text-align: center;
		margin-top: 24px;	
		display: block;
	}
}