.gmNav,
.gmNav .innerDiv,
.gmNavW,
.itemImg,
.brandImage,
.responsiveHeaders {
	transition: all .5s ease
}

.innerDiv {
	float: left;
	width: 100%
}

.gmNavFlexContainer {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	align-content: center
}

.pinned-top {
	top: 0!important;
	left: unset!important;
	right: unset!important
}

.responsiveHeaders {
	display: none;
  position: relative;
}

.gmNav {
	/* display: inline-block; */
	display: flex;
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 1em
}

.gmNav .bkgColDivR,
.gmNav .bkgDivR,
.gmNav .bkgColDiv,
.gmNav .bkgDiv {
	position: absolute;
	content: "";
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	/* z-index: -1 */
}

.gmNavFlexItem {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: left;
	align-items: center
}

.gmNav ul {
	display: inline-block;
	padding: 0;
	margin: 0;
	list-style: none;
	position: relative;
	z-index: 2
}

.gmNav ul li {
	margin: 0;
	display: inline-block
}

.gmNav a {
	display: block;
	text-decoration: none
}

.gmNav a .gmNavFlexItem {
	padding: 0 .5em;
	font-size: 1em
}

.gmNav a.hiddenText span.itemTitle,
.gmNav a.hideText span.itemTitle {
	display: none
}

.gmNav ul li.has-submenu.parent>a .gmNavFlexItem .itemTitle:after {
	display: inline-block;
	content: '';
	height: 1em;
	width: 1em;
	margin-left: .25em;
	background-color: rgba(0, 0, 0, .5);
	mask-image: url('../images/dividers-baseline.svg');
	mask-repeat: no-repeat;
	mask-clip: view-box;
	mask-size: 4em 2em;
	mask-position: 0 0;
	-webkit-mask-image: url('../images/dividers-baseline.svg');
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-clip: view-box;
	-webkit-mask-size: 4em 2em;
	-webkit-mask-position: 0 0
}

.gmNav ul li.has-submenu.parent ul li.has-submenu.parent>a .gmNavFlexItem .itemTitle:after {
	mask-image: url('../images/dividers-center.svg');
	mask-position: 0 -1em;
	position: absolute;
	right: .25em;
	top: 50%;
	margin-top: -.5em;
	-webkit-mask-image: url('../images/dividers-center.svg');
	-webkit-mask-position: 0 -1em;
}

.gmNav ul li {
	position: relative
}

.gmNav ul li li {
	width: 15vw
}

.gmNav ul li.has-submenu ul {
	position: absolute;
	left: 1em;
	display: none
}

.gmNav ul li.has-submenu:hover>ul {
	display: inherit
}

.gmNav ul li.has-submenu:hover>ul ul {
	left: 15vw;
	top: 0
}

.gmNav .menu-toggle-button {
	display: none
}

.isMobile .hideOnResponsive,
#handheld .hideOnResponsive {
	display: none
}

.isMobile .gmNav.gmNavResp,
#handheld .gmNav.gmNavResp {
  width:100% !important;
}
.isMobile .gmNavResp .responsiveHeaders,
#handheld .gmNavResp .responsiveHeaders {
  display: inherit;
  position: relative;
  width:100%;
}

.isMobile .gmNavResp .responsiveHeadersContents,
#handheld .gmNavResp .responsiveHeadersContents {
	display: flex;
	width: 100%;
	height: 3em;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	align-content: left
}


.isMobile .gmNavResp .gmNav,
#handheld .gmNavResp .gmNav {
	padding: 0!important;
	margin: 0!important;
  border: 0 !important;
}

.isMobile .gmNavResp .gmNavFlexContainer,
#handheld .gmNavResp .gmNavFlexContainer {
	flex-direction: column
}

.isMobile .gmNavResp .menu-toggle-button,
#handheld .gmNavResp .menu-toggle-button {
	display: block;
  height: 2em;
  width: 2em;
	/*
  float: right;
	line-height: 3em;
	text-align: center */
}

.isMobile .gmNavResp .menu-toggle-button::after,
#handheld .gmNavResp .menu-toggle-button::after {
  mask-image: url('../images/dividers-responsive.svg');
  -webkit-mask-image: url('../images/dividers-responsive.svg');
}

.isMobile .gmNavResp .menu-toggle-button:hover,
#handheld .gmNavResp .menu-toggle-button:hover {
	cursor: pointer
}

.isMobile .gmNavResp ul,
#handheld .gmNavResp ul {
	position: relative;
	left: 0;
	display: none;
	float: none
}

.isMobile .gmNavResp ul li,
#handheld .gmNavResp ul li {
  width: 100%;
  position: relative
}

.isMobile .gmNavResp ul li .itemTitle:after,
#handheld .gmNavResp ul li .itemTitle:after {
  display: none!important
}

.isMobile .gmNavResp ul li li,
#handheld .gmNavResp ul li li {
	width: 100%
}

.isMobile .gmNavResp .gmNavLinks,
#handheld .gmNavResp .gmNavLinks {
	width: 100%
}

.isMobile .gmNavResp ul.show-for-devices,
#handheld .gmNavResp ul.show-for-devices {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-content: flex-start;
	justify-content: left;
	width: 100%
}

.isMobile .gmNavResp .menu-expand,
#handheld .gmNavResp .menu-expand {
  right: 1em;
  margin-left: auto;
  margin-right: .25em;
}

.isMobile .gmNavResp .menu-expand:hover,
#handheld .gmNavResp .menu-expand:hover {
  cursor: pointer
}

.isMobile .gmNavResp .menu-expand:after,
#handheld .gmNavResp .menu-expand:after {
	display: inline-block;
	content: '';
	height: 1em;
	width: 1em;
	background-color: rgba(0, 0, 0, .5);
	mask-image: url('../images/dividers-responsive.svg');
	mask-repeat: no-repeat;
	mask-clip: view-box;
	mask-size: 5em 2em;
	mask-position: 0 0;
	-webkit-mask-image: url('../images/dividers-responsive.svg');
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-clip: view-box;
	-webkit-mask-size: 5em 2em;
	-webkit-mask-position: 0 0
}

.isMobile .gmNavResp .menu-expand:after,
#handheld .gmNavResp .menu-expand:after {
	mask-position: -3em 0em;
	-webkit-mask-position: -3em 0em;
}

.isMobile .gmNavResp .menu-expand.isactive:after,
#handheld .gmNavResp .menu-expand.isactive:after {
  mask-position: -3em -1em;
  -webkit-mask-position: -3em -1em;
}