/*------------------------------------------------------------------------
# author    Eric Worman, HotRocket Development
# copyright Copyright  2014. All rights reserved.
# @license  http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
# Website mailgorilla.com
# Path: /css/media-queries.css
-------------------------------------------------------------------------*/


/* Disable zooming when input field gets focus
*********************************************/
@media screen and (-webkit-min-device-pixel-ratio:0) 
{ 

}


@media (max-width: 885px)
{
	.mainHeader .main-gravatar { margin:1px 10px 0 -5px; }
	.navSpacing { margin-left:inherit; }

}

/* Landscape phone to portrait tablet 
*********************************************/
@media (max-width: 768px)
{

	/* SITEWIDE
	********************************************/
	.breadcrumbs { padding:10px; }

	.nav > li.navDivider { display:none; }
	.mainHeader .main-gravatar { margin:1px 10px 0 10px; }

	.mainFooter { padding: 25px 15px; }

	/* HOMEPAGE
	********************************************/

	.home_top_section { padding-top:20px; }
	.gorillaImage { width:90%; margin-top:40px; margin-left:10%; }

	.mgFeatures > li { text-align:center; width:280px; margin:auto; float:none; margin:18px auto;  }
	.featureImg, .featureDescription { display:block; margin:auto; float:none; font-size:1.2em; max-width:250px; }

	.serverImg { width:90%; }

	.iconLogo { display:block; margin:auto; }
	.subscribers {font-size:0.8em; margin-top:7px;}
	.fullLogo { display:none; }
	.heading > img { top:0px; }
	.area1 li, .area3 li, .area4 li {font-size:0.8em;}
	.area-over li {font-size:0.8em;}
	.area-over { min-height:300px; }

	.statsCol { float:none; width:100%; margin-top: 30px;}

	.getStarted { padding: 50px 0; }
	.getStarted .btn { display:block; margin:auto; margin-top: 30px; float:none;  }
	.getStarted h3, .getStarted p { text-align:center; line-height:30px;}
	.getStarted h3 { font-size: 1.5em; line-height: 33px;}

	.footer ul li { float:none; clear:both; }
	.termsContainer { float:none; margin-top:20px;  }


	/* PRICING
    ********************************************/

	.pricing { padding-top:10px; }
	.pricing ul { width:95%; margin:15px auto; display:block;  }
	.monthlySubInput { float:none; width:100%;  margin-bottom:15px; }
	.heading-con-right h1 { text-align:center; font-size:1.3em; margin:10px auto;  }
	.para { text-align:center; }


	/* SIGN UP
    ********************************************/
	.signup_2_2 .signup_content p.already_have_account { margin:0 auto 15px auto; }
	.signup_2_2 .container { width:100%; }

	span.signup_title { font-size:1.4em !important; }
	span.signup_page { font-size:1.2em !important; }
	.signup_2_2 .signup_content { padding:0; }
	.signup_2_2 .signup_content .left_signup { width:100%; }
	.signup_2_2 .signup_content .p0 { padding: 0 15px !important; margin-bottom:15px; }

	.signup_2_2 .signup_content input.coupon { width:60%; }

	.post_content-container { width:100%; }
	.post_content h1:first-of-type { margin-top:0; }
	.post_content-container .post_content h1 { font-size:1.2em; }
	.post_content-container .post_content p { font-size:1.0em; line-height:1.2em; padding-bottom:10px; width:100%;  }
	.post_content-container .post_content { padding:20px; }
	.post_content-container { padding-bottom:0; }

	.acceptRules { margin-top:10px; }
	.signup_content { margin-top:30px; }
	.previousPanel { position:absolute; display:block; bottom:35px; left:0; right:0px; text-align:center; }
	.previousPanel.finalPanel { bottom:18px; text-align:right; }

	.finishRegContainer { padding:0; }



	/* FEATURES
    ********************************************/

	.feature-content { max-width:500px; }
	.feature-content h1 { text-align:center; }



	/* CONTACT US PAGE
    ********************************************/

	.contactUsContainer { width:95%; }
	.contactUsContainer .halfWidth { width:100%; min-width:100%; }

	/* LOGIN
    ********************************************/
	.loginForm form { width:90%; max-width:90%; }
	#wrapper.loginForm { width:98%; }
	.form-signin { margin-top:30px; }

}

/* Landscape phones and down
*********************************************/
@media (max-width: 480px)
{

	/* PRICING
    ********************************************/

	.calculation { font-size:10px; }
}

/* Portrait tablet to landscape and desktop
*********************************************/
@media (min-width: 768px) and (max-width: 979px) 
{ 
	
}

/* Large desktop
*********************************************/
@media (min-width: 1200px) 
{ 
	
}