/* 
  -----------------------------------
  Response-Ability
  by Project Seven Development
  www.projectseven.com
  Layout 4 - Media Queries
  -----------------------------------
*/

/*1 Column for Narrow Browser Windows and Smartphones in both orientations*/
@media only screen and (min-width: 0px) and (max-width: 700px) {
body {}
.p7TPM15 {
	margin-top: 0px;
}
.p7TPMtabs_15, .p7TPMcwrapper_15 {
	margin: 0px auto !important;
	width: auto !important;
	border: none !important;
}
.p7TPM_content_15 {
	padding: 0px !important;
}
#footer-columns {
	margin: 0px auto !important;
	width: auto !important;
	padding-top: 16px;
	padding-bottom: 16px;
	border-left: none !important;
	border-right: none !important;
}
img.floated-halfwidth {
	float: none;
	margin-right: 0px;
	margin-bottom: 10px;
	max-width: 100%;
	display: block;
}
#tabs-wrapper, #masthead, .p7TPMtabs_15 {
	width: auto !important;
}
.p7tpm-column {
	width: auto !important;
	float: none !important;
	position: static !important;
}
.p7tpm-column-content {
	padding: .5em 1.5em;
	border: none;
	height: auto !important;
	max-height: 888678px;
}
.p7tpm-col-wrapper:before, .p7tpm-col-wrapper:after {
	display: none;
}
}

/*2 Column with top spanning menu for Medium Browser Windows and Portrait Tablets*/
@media only screen and (min-width: 0px) and (max-width: 1000px) {
.p7TPM15 {
	margin-top: 0px;
}
.p7TPMtabs_15, .p7TPMcwrapper_15 {
	border-radius: 0px;
	border-left: none;
	border-right: none;
	border-top: none;
	width: auto;
}
#footer-columns {
	margin: 0px auto !important;
	width: auto !important;
	padding-top: 16px;
	padding-bottom: 16px;
	border-left: none !important;
	border-right: none !important;
}
}


/*Exception rules for Smartphones in Portrait orientation only*/
@media only screen and (max-device-width: 480px) and (orientation : portrait) {
body {
	min-width: 0px;
	font-size: 12px;
}
#masthead img {
	max-width: 50%;
}
#tabs-wrapper {
	padding: 5px 0px;
}
#footer {
	font-size: .85em;
}
#tabs-wrapper {
	width: auto;
}
.p7TPMtabs_15 {
	margin: 0px 0px 0px 0px;
}
.p7TPM_content_15 {
	padding: 20px;
}
.p7TPM_arrows_15 .p7TPM_arrow_L a {
	background-position: right center;
}
.p7TPM_arrows_15 a, .p7TPM_tabs_15 a, .p7TPM_tabs_15 a:visited {
	font-size: 1.2em;
}
img.floated-halfwidth {
	max-width: 80%;
	padding: 3px;
	border: 1px solid #000;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#footer {
	padding-top: 0px;
}
}

/*Exception rules for Smartphones in Landscape orientation only*/
@media only screen and (max-device-width: 480px) and (orientation : landscape) {
body {
 font-size: 9px;
 padding-bottom: 0px;
}
#masthead img {
	max-width: 35%;
}
#tabs-wrapper {
	padding: 5px 0px;
}
.p7TPM15 {
	margin: 0px auto;
	width: auto;
}
.p7TPM_content_15 {
	padding: 20px;
}
.p7TPM_arrows_15 a, .p7TPM_tabs_15 a, .p7TPM_tabs_15 a:visited {
	font-size: 1.25em;
	padding: .65em !important;
}
#footer {
 position: static;
 width: auto;
 font-size: .85em;
}
img.floated-halfwidth {
	max-width: 80%;
	padding: 3px;
	border: 1px solid #000;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
}

/*2 Column with top spanning menu for Medium Browser Windows and Portrait Tablets*/
@media only screen and (min-width: 680px) and (max-width: 979px) and (orientation : portrait) {}

/*Portrait Tablet Exceptions to adjust padding in content areas*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {}


/*Additional Rules for Medium Desktop Browser Windows and Landscape Tablets to reflow the inner 3-column structure*/
@media only screen and (min-width: 680px) and (max-width: 979px) and (orientation : landscape) {}

/*Landscape Tablet Exceptions to adjust padding and reduce font size*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {}


/*3 Column for Medium-Wide Browser Windows*/
@media only screen and (min-width: 980px) and (max-width: 1100px) {}