/************************************/
/*                                  */
/*  TABLET STYLES @ 720px - 1023px  */
/*                                  */
/************************************/


@media only screen and (min-width: 720px) {

.masthead, .banner, .content, .section, .footer { width: 720px; }

/* MASTHEAD */

/* Add this to make the masthead be transparent over the slide show. Probably best for it not to kick in until Tablet size. */
/*
.masthead_wrapper { background-color: transparent; position: absolute; top: 0px; left: 0px; width: 100%; }
*/

/* SOCIAL ICONS */

.social_icons { display: block; }
	
/* BANNER */

.banner_wrapper, .banner, .bx-wrapper, .bxslider, .bxslider li { height: 640px; }
.banner_wrapper {  }
.banner_logo { width: 50%; }
.banner_text { font-size: 38px; line-height: 38px; }
.banner_wrapper.min, .banner_wrapper.min .banner { height: 150px; }
.banner_title { font-size: 48px; line-height: 48px; }

/* FEATURED 4UP */

.f4box {
	width: 25%;
	float: left;
	height: 340px;
	position: relative;
	}
.f4title {
	font-size: 1em;
	}
.f4butt {
	position: absolute;
	bottom: 20px;
	}
	
/* MENU */

.masthead_logo { left: 10px; }

.overview_pic {
	width: 40%; 
	padding: 0px 0px 20px 50px; 
	float: right;
	}

.segment_title { font-size: 2.0625em; }

/* CALL TO ACTION */

.cta_bar {
	background-position: center -1px;
	}
.capabilities {
	width: 25%;
	}
.partnering {
	width: 57%;
	left: 30px;
	top: 20px;
	}
.cta_text {
	width: calc(75% - 30px);
	font-size: 1.2em;
	}
.cta_or {
	display: inline;
	}

/* TESTIMONIAL */

.hpquote_text, .hpquote_attr  { font-size: 24px; line-height: 32px; font-size: 18px; line-height: 28px; }

/* CONTENT */

.col { float: left; }
.col_full { width: 700px; float: none; clear: both; }
.col_full.nomargin { width: 720px; }
.col_half { width: 340px; }
.col_half.nomargin { width: 360px; }
	.col_half.nomargin .col_half { width: 160px; }
	.col_half.nomargin .col_third { width: 100px; }
	.col_half.nomargin .col_quarter { width: 70px; }
.col_third { width: 220px; }
.col_third.nomargin { width: 240px; }
.col_twothirds { width: 460px; }
.col_twothirds.nomargin { width: 480px; }
	.col_twothirds.nomargin .col_half { width: 220px; }
	.col_twothirds.nomargin .col_third { width: 140px; } /* Can't do on DESKTOP - Not Divisible */
	.col_twothirds.nomargin .col_quarter { width: 100px; }
.col_quarter { width: 160px; }
.col_quarter.nomargin { width: 180px; }
.col_threequarters { width: 520px; }
.col_threequarters.nomargin { width: 540px; }
	.col_threequarters.nomargin .col_half { width: 250px; }
	.col_threequarters.nomargin .col_third { width: 160px; }
	.col_threequarters.nomargin .col_quarter { width: 115px; }

/* OVERVIEW */

.pic_half { width: 50%; float: right; margin: 8px 0px 20px 20px; }

/* OVERVIEW PICS */

.pic_box {
	clear: right;
	float: right;
	margin: 18px 0px 10px 20px;
	width: 380px;
	}
.pic { margin: 0px auto; }
.caption { padding: 8px 0px 0px 0px; }
.youtube_box { margin-bottom: 0px; }
.pic_multi { width: 120px; height: 80px; }
.pic_multi:nth-child(2n) { margin-right: 10px; }
.pic_multi:nth-child(3n) { margin-right: 0px; }
.pic_multi_spacer { width: 120px; height: 80px; }

.morepics { float: right; width: 50%; margin: 0px 0px 0px 0px; }

/* SERVICE PICS */

.service_pic, .story_pic {
	float: right;
	width: 50%;
	margin: 10px 0px 10px 20px;
	}
.service_pic { width: 30%; margin-top: 30px; }
.story_pic { margin: 20px 0px 20px 40px; }

/* OVERVIEW MULTI-PIC GALLERY */

.gallery { padding: 10px 0px 0px 0px; margin: 15px 0px 0px 15px; float: right; }
.gallery_main { width: 340px; height: 340px; }
.gallery_thumb { width: 85px; height: 57px; }
.gallery_count { padding-top: 14px; }

/* DOWNLOADS */

.downloads { float: right; margin: 18px 0px 10px 20px; width: 380px; clear: right; }

/* BROWSE */

.browse_pic_box { }
.browse_pic { 
	width: 150px; 
	height: 150px; 
	float: left;
	margin: 0px 30px 0px 0px;
	}
.browse_more { width: 40%; }
.browse_more a { }

.browse_button {
	margin: 20px 0px 0px 0px;
	display: inline-block;
	padding: 10px 15px 8px 15px;
	}

/* STAFF */

.browse_title { text-align: left; }
.jobtitle { text-align: left; }

/* FORMS */

.form { padding: 40px 20%; }

/* FOOTER */

.content_wrapper { padding-bottom: ; } /* Padding matches footer height. This container JUST makes room for footer. Add about 20px to footer height to ensure bottom content pad */
.footer_wrapper, .footer { height: ; } 
.footer_wrapper { margin-top: ; }


	
}

/* HIDE ON TABLETS @ 720px - 1023px */

@media only screen and (min-width: 720px) AND (max-width: 959px) { .t_hide { display: none !important; visibility: hidden !important; } }