/* Global Styles (portrait) ----------- */
body {
	-webkit-text-size-adjust: none;
}
input[type="text"], select, input[type="submit"] button, textarea {
	-webkit-appearance: none;
}
#toggle-menu {
	color: #fff;
	cursor: pointer;
	display: none;
	text-transform: uppercase;
}
#toggle-menu:before {
	content: "\f0c9";
	display: inline-block;
	font-family: FontAwesome;
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	margin-right: 8px;
	position: relative;
	top: 0px;
}

@media only screen and (max-width : 1240px) {
#header {
	height: auto;
	width: 100%;
	position: relative;
	text-align: left;
	padding: 10px 15px;
}
#header:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
#logo {
	width: 90px;
	float: left;
	padding: 0;
}
#navigation {
	float: left;
	padding: 0;
	font-size: 1.1em;
	padding-left: 20px;
	padding-top: 28px;
	position: relative
}
#navigation ul.desktopMenu > li {
	display: block;
	float: left;
	padding-right: 14px;
}
#navigation ul.desktopMenu > li > a {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 1px;
}
#headerFooter {
	display: none
}
#footer {
	display: block;
}
#pageContainer {
	height: auto;
	padding-left: 0 !important;
}
.wrapper {
	padding-left: 20px;
	padding-right: 20px
}
body.page-template-tpl-contact #main .wrapper {
	padding-left: 20px;
	padding-right: 20px;
}
#pageBanner.homeBanner {
	height: 540px !important
}
#pageBanner.homeBanner .bannerTitle {
	font-size: 2.9em
}
#pageBanner {
	height: 340px;
	padding-top: 20px;
	padding-bottom: 20px;
}
.bannerTxt {
	font-size: 1.1em
}
.bannerTitle {
	font-size: 2.5em
}
.companyDetailName h3 {
	font-size: 1.7em
}
#pageBanner.homeBanner .bannerTxtBx {
	padding-left: 0
}
}
@media only screen and (max-width : 939px) {
#toggle-menu {
	display: block;
}
#navigation ul.desktopMenu {
	position: absolute;
	width: 180px;
	background: #002E5A;
	box-shadow: 0 0 2px rgba(0,0,0,0.8);
	display: none;
}
#navigation ul.desktopMenu > li {
	float: none;
	padding: 0;
	border-bottom: solid 1px rgba(255,255,255,0.2);
}
#navigation ul.desktopMenu > li > a {
	display: block;
	padding: 3px 18px;
}
#pageBanner.homeBanner .bannerTitle {
	font-size: 2.5em;
}
#pageBanner.homeBanner .bannerTxt {
	font-size: 1.15em;
}
#pageBanner.homeBanner {
	height: auto !important;
	padding-top: 80px;
	padding-bottom: 80px;
}
#pageBanner {
	height: auto;
	padding-top: 50px;
	padding-bottom: 50px;
}
body.page-template-tpl-companies #pageBanner {
	height: auto;
	padding-top: 50px;
	padding-bottom: 50px;
}
.bannerTitle {
	font-size: 2.1em;
}
.foundationLogo {
	width: 30%;
}
.foundationTxtArea {
	width: 70%;
	padding-left: 30px;
}
ul.whatWeDoList {
	font-size: 1.1em
}
}
@media only screen and (max-width : 739px) {
#pageBanner.homeBanner .bannerTitle {
	font-size: 2.1em;
}
.bannerTxt {
	font-size: 1em;
}
.bannerTxtBx {
	width: 360px;
	max-width: 90%;
}
.sectionTitle {
	font-size: 1.65em;
	line-height: 1em;
}
.scndtwNnTxt {
	float: none;
	width: 100%;
}
.section.sectionHistorySecond::before, .section.sectionHistoryApproach::before, .section.sectionEthicsWhy::before, .section.sectionEthicsOffenders::before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(255,255,255,0.5);
}
.section.sectionHistorySecond .wrapper, .section.sectionHistoryApproach .wrapper, .section.sectionEthicsWhy .wrapper, .section.sectionEthicsOffenders .wrapper {
	position: relative;
	z-index: 2
}
.hstryAprchTxt {
	width: 100%;
}
.grid6, .grid7 {
	width: 100%
}
.teamTxt {
	font-size: 1em
}
.teamDesig {
	font-size: 1.05em
}
.teamTitle {
	font-size: 1.7em;
}
.teamMemberImgBx {
	width: 140px;
}
.companyDetailLogo{width:150px}
.companyDetailName h3 {
	font-size: 1.45em;
}
.row.companyAddress.flex .grid4{width:50%}
#contactWidgetBx{padding:20px}
#contactWidgetBx .widget-title{font-size:1.5em; line-height:1.1em}
#cntctFrmBx{padding:20px}
}
@media only screen and (max-width : 539px) {
	#pageBanner.homeBanner {
	height: auto !important;
	padding-top: 50px;
	padding-bottom: 50px;
}
#pageBanner.homeBanner .bannerTitle {
	font-size: 1.7em;
}
#pageBanner.homeBanner .bannerTxt {
	font-size: 1em;
}
#companiesLogos.companyHomeLogos {
	padding-top: 40px;
	padding-bottom: 30px;
}
.catThumb {
	height: 120px;
}
#companiesLogos .grid3{width:50%; padding-top:10px; padding-bottom:10px;}
.bannerTitle{font-size:1.7em}
.foundationLogo {
	width: 80px;
	float: none;
}
.foundationTxtArea {
	width: 100%;
	padding-left: 0;
	float: none;
	padding-top: 10px;
}
.sectionTitle {
	font-size: 1.4em;
}
.section.sectionHistoryEfforts .flex{display:block}
.effortsTxt{width:100%}
.effortsLogos{display:none}
ul.whatWeDoList {
	font-size: 1em;
}
.teamMember.flex {
	display: block;
	padding-top:0;
	padding-bottom:30px;
}
.teamMemberImgBx {
	width: 90px;
}
.teamMemberTxtBx {
	width: 100%;
	padding-left: 0;
	padding-top: 20px;
}
.companyDetailHeader .bannerTab{display:block}
.companyDetailHeader .bannerCell{display:block}
.companyDetailLogo {
	width: 100px;
	padding-right: 0;
	padding-bottom: 10px;
}
.companyDetailName h3 {
	font-size: 1.25em;
}
.row.companyAddress.flex .grid4 {
	width: 100%;
}
#pageBanner.contactBanner{display:block}
#pageBanner.contactBanner .bannerTab{display:block}
#pageBanner.contactBanner .bannerCell {
	display: block;
	width: 100%;
}
#pageBanner.contactBanner .bannerCell.bannerTxtBx{padding-bottom:20px}
ul.gform_fields > li.gfield{width:100%}
}