/* Containers */
.full-width,
.container_12 {margin-left:auto; margin-right:auto; position: relative;}

.full-width {width:956px;}
.container_12 {width:936px;}
	
/* Grid >> Global */
.col1,.col2,.col3,.col4,.col5,.col6,.col7,.col8,.col9,.col10,.col11,.col12 { float:left; position:relative; margin-left:10px; margin-right:10px;}
.main-col1,.main-col2,.main-col3,.main-col4,.main-col5,.main-col6,.main-col7,.main-col8,.main-col9,.main-col10,.main-col11,.main-col12 {float:left; position:relative; margin-left:10px; margin-right:10px;}

/* Gutters */
.gutter {margin-left:10px; margin-right:10px;}
.gutter-left {margin-left:20px; margin-right:0;}
.gutter-right {margin-left:0; margin-right:20px;}
.no-gutter {margin-left:0; margin-right:0;}

/* Grid >> 12 Columns */
.col1, .main-col1 { width:58px; }	
.col2, .main-col2 { width:136px; }
.col3, .main-col3 { width:214px; }
.col4, .main-col4 { width:292px; }
.col5, .main-col5 { width:370px; }
.col6, .main-col6 { width:448px; }
.col7, .main-col7 { width:526px; }
.col8, .main-col8 { width:604px; }	
.col9, .main-col9 { width:682px; }
.col10, .main-col10 { width:760px; }
.col11, .main-col11 { width:838px; }
.col12, .main-col12 { width:916px; }
	
/* Left and Right borders */
.border-left {margin-left:-1px; padding-left:10px; border-left:1px solid #dbdbdb;}
.border-right {margin-right:0px; padding-right:9px; border-right:1px solid #dbdbdb;}

/* Mobile, Tablet, & Desktop Show/Hide */
.mobile-only {display:none;}
.tablet-only {display:none;}
.desktop-only {display:block;}

.mobile-hide {display:block;}
.tablet-hide {display:block;}
.desktop-hide {display:none;}


/* Grid w/ Yodle.Validate script */
	.formfield.col1 input, .formfield.col1 textarea {width:42px}
		.formfield.col1 select {width:56px}
	.formfield.col2 input, .formfield.col2 textarea {width:120px;}
		.formfield.col2 select {width:134px;}
	.formfield.col3 input, .formfield.col3 textarea {width:198px;}
		.formfield.col3 select {width:212px;}
	.formfield.col4 input, .formfield.col4 textarea {width:276px;}
		.formfield.col4 select {width:290px;}
	.formfield.col5 input, .formfield.col5 textarea {width:354px;}
		.formfield.col5 select {width:368px;}
	.formfield.col6 input, .formfield.col6 textarea {width:432px;}
		.formfield.col6 select {width:446px;}
	.formfield.col7 input, .formfield.col7 textarea {width:510px;}
		.formfield.col7 select {width:526px;}
	.formfield.col8 input, .formfield.col8 textarea {width:588px;}
		.formfield.col8 select {width:602px;}
	.formfield.col9 input, .formfield.col9 textarea {width:666px;}
		.formfield.col9 select {width:680px;}
	.formfield.col10 input, .formfield.col10 textarea {width:744px;}
		.formfield.col10 select {width:758px;}
	.formfield.col11 input, .formfield.col11 textarea {width:822px;}
		.formfield.col11 select {width:836px;}
	.formfield.col12 input, .formfield.col12 textarea {width:900px;}
		.formfield.col12 select {width:914px;}

	.formfield input[type="checkbox"], 
	.formfield input[type="radio"] {width:13px; }




	/* Prefix Extra Space >> 12 Columns */
	.prefix1 { padding-left:78px; }
	.prefix2 { padding-left:156px; }
	.prefix3 { padding-left:234px; }
	.prefix4 { padding-left:312px; }
	.prefix5 { padding-left:390px; }
	.prefix6 { padding-left:468px; }
	.prefix7 { padding-left:546px; }
	.prefix8 { padding-left:624px; }
	.prefix9 { padding-left:702px; }
	.prefix10 { padding-left:780px; }
	.prefix11 { padding-left:858px; }

	/* Suffix Extra Space >> 12 Columns */
	.suffix1 { padding-right:78px; }
	.suffix2 { padding-right:156px; }
	.suffix3 { padding-right:234px; }
	.suffix4 { padding-right:312px; }
	.suffix5 { padding-right:390px; }
	.suffix6 { padding-right:468px; }
	.suffix7 { padding-right:546px; }
	.suffix8 { padding-right:624px; }
	.suffix9 { padding-right:702px; }
	.suffix10 { padding-right:780px; }
	.suffix11 { padding-right:858px; }

	/* Push Space >> 12 Columns */
	.push1 { left:78px; }
	.push2 { left:156px; }
	.push3 { left:234px; }
	.push4 { left:312px; }
	.push5 { left:390px; }
	.push6 { left:468px; }
	.push7 { left:546px; }
	.push8 { left:624px; }
	.push9 { left:702px; }
	.push10 { left:780px; }
	.push11 { left:858px; }

	/* Pull Space >> 12 Columns */
	.pull1 { left:-78px; }
	.pull2 { left:-156px; }
	.pull3 { left:-234px; }
	.pull4 { left:-312px; }
	.pull5 { left:-390px; }
	.pull6 { left:-468px; }
	.pull7 { left:-546px; }
	.pull8 { left:-624px; }
	.pull9 { left:-702px; }
	.pull10 { left:-780px; }
	.pull11 { left:-858px; }




/* Desktop + */
@media only screen and (min-width: 971px) {
}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 970px) {
	.suffix1,
	.suffix2,
	.suffix3,
	.suffix4,
	.suffix5,
	.suffix6,
	.suffix7,
	.suffix8,
	.suffix9,
	.suffix10,
	.suffix11 {padding-right:0;}
	
	.prefix1,
	.prefix2,
	.prefix3,
	.prefix4,
	.prefix5,
	.prefix6,
	.prefix7,
	.prefix8,
	.prefix9,
	.prefix10,
	.prefix11 {padding-left:0;}
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 970px) {

	/* Containers */
	.full-width {width:742px;}
	.container_12 {width:704px;}

	/* Tablet Specific Grid Structure */
	.tablet-col1 { width:58px; }	
	.tablet-col2 { width:136px; }
	.tablet-col3 { width:214px; }
	.tablet-col4 { width:292px; }
	.tablet-col5 { width:370px; }
	.tablet-col6 { width:448px; }
	.tablet-col7 { width:526px; }
	.tablet-col8 { width:604px; }	
	.tablet-col9 { width:682px; }

	/* Column Fix for columns that don't exist on Tablet */
	.col10, .col11, .col12 { width:682px; }

	/* Mobile, Tablet, & Desktop Show/Hide */
	.mobile-only {display:none;}
	.tablet-only {display:block;}
	.desktop-only {display:none;}

	.mobile-hide {display:block;}
	.tablet-hide {display:none;}
	.desktop-hide {display:block;}

	/* REMOVE THIS */
	/*.main-col1,.main-col2,.main-col3,.main-col4,.main-col5,.main-col6,.main-col7,.main-col8,.main-col9,.main-col10,.main-col11,.main-col12 {width:none;} */
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	
	/* Containers */
	.full-width {width:auto;}
	.main-col1,.main-col2,.main-col3,.main-col4,.main-col5,.main-col6,.main-col7,.main-col8,.main-col9,.main-col10,.main-col11,.main-col12 {width:100%; margin-left:auto; margin-right:auto; float:none;}

	/* REMOVE BORDERS ON BORDER-RIGHT AND BORDER LEFT IF NEEDED */
	.border-left {margin-left:0; margin-right:0; padding-left:0; border:none;}
	.border-right {margin-left:0; margin-right:0; padding-right:0; border:none;}

	/* Mobile, Tablet, & Desktop Show/Hide */
	.mobile-only {display:block;}
	.tablet-only {display:none;}
	.desktop-only {display:none;}

	.mobile-hide {display:none;}
	.tablet-hide {display:block;}
	.desktop-hide {display:block;}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	/* Grid w/ Yodle.Validate script */
	.formfield.col6 input, .formfield.col6 textarea {width:432px;}
		.formfield.col6 select {width:446px;}
	.formfield.col7 input, .formfield.col7 textarea {width:432px;}
		.formfield.col7 select {width:446px;}
	.formfield.col8 input, .formfield.col8 textarea {width:432px;}
		.formfield.col8 select {width:446px;}
	.formfield.col9 input, .formfield.col9 textarea {width:432px;}
		.formfield.col9 select {width:446px;}
	.formfield.col10 input, .formfield.col10 textarea {width:432px;}
		.formfield.col10 select {width:446px;}
	.formfield.col11 input, .formfield.col11 textarea {width:432px;}
		.formfield.col11 select {width:446px;}
	.formfield.col12 input, .formfield.col12 textarea {width:432px;}
		.formfield.col12 select {width:446px;}

	.formfield input[type="checkbox"], 
	.formfield input[type="radio"] {width:13px;}

	.full-width {min-width:478px; width:auto;}
	.container_12 {width:478px;}
	.main-col1,.main-col2,.main-col3,.main-col4,.main-col5,.main-col6,.main-col7,.main-col8,.main-col9,.main-col10,.main-col11,.main-col12 {width:448px; margin-left:auto; margin-right:auto; float:none;}

	/* Column Fix for columns that don't exist on Tablet */
	.col7, .col8, .col9, .col10, .col11, .col12 { width:448px; }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	/* Grid w/ Yodle.Validate script */
	.formfield.col5 input, .formfield.col5 textarea,
	.formfield.col6 input, .formfield.col6 textarea,
	.formfield.col7 input, .formfield.col7 textarea,
	.formfield.col8 input, .formfield.col8 textarea,
	.formfield.col9 input, .formfield.col9 textarea,
	.formfield.col10 input, .formfield.col10 textarea,
	.formfield.col11 input, .formfield.col11 textarea,
	.formfield.col12 input, .formfield.col12 textarea {width:276px;}
		.formfield.col5 select,
		.formfield.col6 select,
		.formfield.col7 select,
		.formfield.col8 select,
		.formfield.col9 select,
		.formfield.col10 select,
		.formfield.col11 select,
		.formfield.col12 select {width:290px;}

	.formfield input[type="checkbox"], 
	.formfield input[type="radio"] {width:13px; }

	.full-width {min-width:322px; width:auto;}
	.container_12 {width:322px;}
	.main-col1,.main-col2,.main-col3,.main-col4,.main-col5,.main-col6,.main-col7,.main-col8,.main-col9,.main-col10,.main-col11,.main-col12 {width:292px; margin-left:auto; margin-right:auto; float:none;}

	/* Column Fix for columns that don't exist on Tablet */
	.col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 { width:292px; }
}