.subnav ul { padding: 0; margin-top: 8%; width: 100%; overflow: hidden; text-align: left; }

.subnav li { display: inline-block; width: 20%; height: 40px; background:url(../img/build/subnav/subnav_tabOffBgSml.png)  no-repeat; background-size: 100% 100%; position: relative; vertical-align: top;}

.subnav li.faq { background:url(../img/build/subnav/subnav_tabFaqOffBg.png)  no-repeat; background-size: 100% 100%;}

.subnav li:nth-child(1) { margin-left: 0;}

.subnav li p { margin-left: 10%; padding-right: 5%; height: 100%; text-align: left;}

.subnav li.active { background:url(../img/build/subnav/subnav_tabOnBgSml.png) no-repeat; background-size: 100% 100%;  font-weight: bold; color: #fff; }

.subnav li.faq.active { background:url(../img/build/subnav/subnav_tabFaqOnBg.png)no-repeat; background-size: 100% 100%;}


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

.subnav ul { padding: 0; margin-top: 26.5%; margin-right: 12%; width: 100%; text-align: left;}

.subnav li { display: block; width: 100%; max-width:200px; height: 40px; background:url(../img/build/subnav/subnav_tabOffBg.png)  no-repeat; background-size: 100% 100%; position: relative; }

.subnav li p { margin-left: 5%; padding-right: 5%;}


.subnav li.active { background:url(../img/build/subnav/subnav_tabOnBg.png) no-repeat; background-size: 100% 100%;  font-weight: bold; color: #fff; }

.subnav li.active:after { content:""; display: inline-block;  position: absolute; top:99%; left:0%; z-index: 2; background:url(../img/build/subnav/subnav_tabShadow.png) no-repeat; background-size: 100% 100%;  width:95%; height: 12px	;}

.no-backgroundsize .subnav li.active:after { display: none; }

.subnav>ul>li { height:40px; }
.subnav>ul>li.faq { height:60px; }
.subnav>ul>li.active:after { height: 12px; }

.subnav li {  height: 40px; }

.subnav li p { height: 100%; font-size: 1.25em; }

}