/* CSS FALLBACK VERIFICATION RULE, DON'T DELETE! */

#v-mq {display: none;}

/*

MEDIAQUERIES - eventually we need to move these into the core css, but for now it's an extra include

*/


/* =============================================================================
   Retina (2x)
   ========================================================================== */

@media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (-o-min-device-pixel-ratio: 3/2), screen and (min-device-pixel-ratio: 1.5) {

	/* TESTING */ .dev-width::after{content:'2x';}

}


/* Full features page */

@media screen and (max-width: 1010px) {
	.fullfeat-col {display: none !important;}
	.list #layout-wrapper {width: 100%;}
	.feature-grid {width: 85%; margin: 0 auto;}

}

/* =============================================================================
   989
   ========================================================================== */

@media screen and (max-width: 989px) {

	/* TESTING */ .dev-width::after{content:'989';}
	
	/* Home page */
	/* 9/12/12 Split*/
	#callout-block .buttonish-huge:hover {top: -1px;}
	#callout-block .header h2 {font-size: 2.6em;}
	#callout-block .header h3 {font-size: 17px;}
	#sg-is {margin-top: 60px;}
	.sg-intro {font-size: 18px !important; margin-left: 0 !important; margin-top: 0 !important;}
	#sg-is .is-left {margin: 70px auto 0 !important; float: none;
		}
	.callout-buttons .buttonish-huge {margin-top: 0; margin-right: 0 !important; bottom: 0; top: 0;}
	#sg-is .is-right {width: 100%; margin-top: 30px;}
	#sg-is .is-right h2 {text-align: left; margin-top: 20px; font-size: 30px;}
	#sg-is .is-right p {font-size: 19px;}
	#sg-is .buttonish {width: 46%; margin: 0 2%;}
		/* FitText manually */
		#slide-1 .content-text h1 {font-size: 58px;}
		.sub-wrap p {font-size: 16px;}
	
	/* Header Nav */
	.single-line-menu {margin-left: 320px;}
	
	/* PAGE: support */
	.help-bar .button-wrap {display: block;padding-top: 1em;text-align: center;}
	.help-bar .buttonish {margin: 0;}
	#header-contain {width: 100%;}
	#header-contain #header {left: 0;}
	#header .menu li {width: 18.8%;}
	#header .menu .first-line {display: none;}
	#header .menu {margin: 5px 0 7px 0; width: 100%}
	
	#header #trial-button {width: 19.5%;}
	#header #custom-services span {display: none;}
	
	/* BLOG */
		.blog-author .blog-list .column30 img {max-width: 100%; height: auto; padding-right: 5px;}

}
	
/* =============================================================================
   768
   ========================================================================== */

@media screen and (max-width: 768px) {
	/* TESTING */ .dev-width::after{content:'768';}

	/* Main Nav */
	.single-line-menu {margin-right: 100px;}
	#header-contain #header {left: 0;}
	#header .menu .first-line {display: none;}
	#header .menu {margin: 15px 0 7px 0;}
	#header .menu li {
		font-size: 80%
	}
	#header span.width-cut {display: none;}
	#header .menu li#trial-button {width: 20.5%;}
	
	/* Home page */
	.talk-source {width: 50px;height: 50px;}
	.talk-bubble {margin-left: 72px;}
	.talk-bubble .nub {top:25px;}
		/* FitText manually */
		#slide-1 .content-text h1 {font-size: 45px;}
		.sub-wrap p {font-size: 13px;}

	/* On Page Signup */
	.form-clear .button {width: auto;}
	
	/* PAGE: blog */
	.breaking .post-content {margin-left: 70px;}
	.breaking .img-wrap img {max-width: 50px; height: auto;}
}
/* End Merged */


/* =============================================================================
   600
   ========================================================================== */

@media screen and (max-width: 600px) {

	/* TESTING */ .dev-width::after{content:'600';}
	
	/* Sept 2012 Split */
	.callout-sec {height: 150px;}
	.home-callout #priced-right {margin-bottom: 0 !important;}
	.form-name label {font-size: 83% !important;}

/* Merged from Jul2012 css */

	.buttonish-huge {margin: 10px auto;}

/* End Merged */
	
	#hero-block h3.sub-title {margin-left: 50px; margin-top: 50px; font-size: 20px;}
	
	/* Main Nav */
	#header #logo {
		display: block;
		float: none;
		width: 75%;
		margin: 0px auto;
		padding-bottom: 10px;
	}
	.single-line-menu {margin-left: 0;margin-right: 33%;}
	#header .menu .important {
		width: 45%;
		right: -48%;
	}
	#header .menu .important a {padding:20px 10%;}
	#topbar .menu a {font-size: 90%; padding: 0 5px;}
	a#logo img {height: 40px; width: 240px;}
	#header .menu li {
		font-size: 70%
	}
		#header .menu li:hover {text-decoration: underline; background: transparent;}

	#topbar .menu a.noborder {font-size: 11px !important; font-weight: bold !important; }

	/* Sidebars */
	#main-col,
	.sidebar {float: none; width: 100% !important;}
	
	/* Home layout */
	.qoute-bubbles li {float: none;width: auto;}
	.qoute-bubbles li:nth-of-type(even) {display: none;} /* shortening up the page */
	
	/* FitText manually */
		.sub-wrap p {font-size: 18px;}
	
	/* On Page Signup */
	.form-structure,
	.form-clear {
		clear: none;
		width: 100%;
		padding: 0 0 2% 0;
		float: left;
	}
		.form-more {text-align: right;}
		.form-confirm {text-align: left;}
		.form-clear .button {width: 97%;margin: 0;}
		.form-clear .smalltext {padding-top: 2%;}
		
	/* PAGE: pricing */
	.content2 .p-main .p-content .float-left {display: none;}
	.content2 .p-main .p-content .float-right {width: 100%;}
	.content2 .w-hide {display: none;} /* hidden based on width */
	#bottom-blurbs .column45 {margin: 0;width: 100%;padding: 0 3%;float: none;} /* #todo make this more universal */
	.plan-wrap  #title {font-size: 34px;}
	
	/* Dedicted */
	.dedicated-img {width: 65px;height: auto;}
	.dedicated-content {margin-left: 75px;}
	.dedicated-content .float-left {width: 100%;padding-bottom: 5%;}
	.dedicated-content .float-right {width: 50%; clear: left;padding: 0 5%;}
	
	/* PAGE: Sidebar Category */
	#features-nav,
	.sidebar-layout-content {float: none; width: 100%; clear: both; overflow: hidden;margin-bottom: 5%;}
	.nav-tabbed {float: left; width: 45%;}
	.proservice-side {width: 45%; float: left; margin-left: 9%; margin-bottom: 10px;}
	.nav-group-buttons,
	.nav-list,
	.nav-content {float: right; width: 45%;margin-top: 0px;}
	
	/* Survey Examples */
	.feature-details .featured .content {width: auto !important;padding-top: 5%;}
	.feature-details .pic-contain {max-width: 100%;text-align: center;float: none !important;}
	.feature-details .featured img {float: none;}
	.feature-details .fancy-open,
	.feature-details .featured .caption {display: none;}
	
	/* PAGE: pro services */
	/* This is temporary until we get a new layout */
	#page-content .column-block li {float: none;width: 100%; min-height: 80px;}

	/* PAGE: Support */
	#support-overview .column33 {width: 50%;}
	#support-overview .first {width: 100%;float: none;}
	
	/* PAGE: studebnt signup */
	.free-student-account .column45 {float: none; width: 100%;}
	
	/* PAGE: new account create (1 user, _account-create.php) */
	#welcome-video-block .float-right,
	#welcome-video-block .float-left {float: none;width: 100% !important;max-width: none !important;margin: 0 !important;padding: 0 !important;}

}

/* =============================================================================
   480
   ========================================================================== */

@media screen and (max-width: 480px) {

	/* TESTING */ .dev-width::after{content:'480';}

    /* September 2012 Split */
    .callout-sec {margin-top: 25px !important;}
    .form-name label {font-size: 69% !important;}
    .form-name label[for=sPassword] {font-size: 60% !important;}
    
	.h-people {bottom: 100px;}
	#hero-block .main-title {
		font-size: 20px;
	}
	#hero-block .sub-title {
		font-size: 16px;
	}
}

/* End Merged */

	/* Top menu */
	#topbar {padding: 0 0 0 0; height: 60px; font-size: 11px; height: 90px;}
	#topbar .menu {text-align: center; width: 100%;}
	#topbar .menu a {padding: 3px 5px; font-size: 80%; margin-right: 4%; border-left: 0;}
	#logo { width: 100%; margin: 0 auto; display: block; text-align: center;}
	#header {width: 100%;}
	#header .menu li {margin-right: 1%; font-size: 60%
	}
	#header .menu li#trial-button {width: 20%;}
	#header .menu li a {padding: 7px 1%;}
	#header .menu li span, #topbar .menu a span {display: none;}
	#topbar .menu a.noborder {font-size: 10px !important; font-weight: normal !important; }
	/* Legability */
	h1, h2 {line-height: 1em;}
	h3 {line-height: 1.25em;}
	h4, h5, h6 {line-height: 1.3em;}
	

		
		/* FitText manually */
		#slide-1 .content-text h1 {font-size: 35px;}
		#bottom-callout h2,
		#callout-block h2 {font-size: 1.75em;}
		#bottom-callout h3,
		#callout-block h3 {font-size: 16px;line-height: 1.2em;}
		#callout-block,
		#bottom-callout {margin-top: 40px;}
		/* Contact block at bottom. */
		.contact-block-wrap {margin-bottom: -40px;}
		.contact-block {padding-left: 80px;border-radius: 35px 10px 10px 35px;min-height: 75px;}
		.contact-block-img {left: 5px;top:5px;}
		#footer-copyright {padding-top: 1em; margin-top: 1em;}
		
	
	/* Sidebars : aside varient */
	.aside,
	.aside-content,
	.column60 {width: 100%; margin-left: 0; float: none;}
	
	/* On Page Signup */
	.form-structure,
	.form-clear {
		clear: both;
		width: 100%;
		padding: 0 0 2% 0;
		float: none;
		text-align: left;
	}
		.form-clear .button {width: 97%;margin: 0;float: none;}
		.form-clear .smalltext {width: 100%;}
	
	/* PAGE: Sidebar Category */
	#features-nav,
	.sidebar-layout-content {float: none; width: 100%; clear: both; overflow: hidden;margin-bottom: 5%;}
	.nav-tabbed, .proservice-side,
	.nav-group-buttons,
	.nav-list,
	.nav-content,
	.feature-details img,
	.feature-details .content {float: none; width: auto; min-width: 100%;}
	.feature-details img,
	.feature-details p,
	.feature-details .title {padding-left: 7%;}
	.feature-details p,
	.feature-details .title {padding-right: 7%;}
	.proservice-side {margin: 0;}
	/* PAGE: Support */
	#support-overview .column33 {width: 100%;float: none;}
	
	/* PAGE: new account create (1 user, _account-create.php) */
	#welcome-video-container iframe {height: auto;}
	
	/* PAGE: Pricing */
	.plan-wrap  #title {font-size: 30px;padding:0 10%;margin-top: 0;}
	.content2 .p-header h2,
	.content2 .p-sub h2 {font-size: 18px;line-height: 22px;padding-left:0;text-indent: 0;}
	.content2 .p-users .users-content .users-tab-contain,
	.content2 .p-users .users-content .users-calc {width: 100%;float: none;text-align: center;clear: both;}
	.content2 .p-users .users-content .users-calc {margin-top: 5px;}
	.content2 .p-users .users-content .users-calc > div {background: none;}
	.content2 .trial-button-contain {margin-top: 0;}
	.onpage-signup h2 {font-size: 1.75em;line-height: 1.2em;}
	.onpage-signup h2,
	.onpage-signup h3 {padding: 0 5%;}
	
}