/* Edited to add Menu Trigger for Mobile */
/* #Base 1024 Grid
================================================== */
#hz-menu-wrapper, #m_menubtn, #nav-text, #subnav ul h3 { display: none }
#utility-nav .clamp { display: none; }
#utility-nav .clamp:first-child { display: block; }
#outer-sub-footer, #footer, .clamp { position: relative; width: 1024px; margin: 0 auto; padding: 0; }
#body-wrap { width:994px; position: relative; margin: 0 auto; }
.column,  .columns, #columns { float: right; } /* float: left; display: inline; margin-left: 10px; margin-right: 10px; TG*/
.row { margin-bottom: 20px; }
.column.alpha, .columns.alpha { margin-left: 0; }
.column.omega, .columns.omega { margin-right: 0; }
/* Base Grid */
.one.column,  .one.columns { width: 40px; }
.two.columns { width: 100px; }
.three.columns { width: 185px; }
#sub-footer > ul:last-child {width:220px}
/*.four.columns, #col1, #col2, #col3, #subNavWrapper { width: 220px; } JN*/
.five.columns { width: 280px; }
.six.columns { width: 340px; }
.seven.columns { width: 400px; }
.eight.columns { width: 460px; }
.nine.columns { width: 520px; }
.ten.columns { width: 580px; }
.eleven.columns { width: 640px; }
.twelve.columns, #columns { width: 737px;} /* { width: 740px; } JN*/
.thirteen.columns { width: 760px; }
.fourteen.columns { width: 820px; }
.fifteen.columns { width: 880px; }
.sixteen.columns { width: 980px; }
.one-third.column { width: 300px; }
.two-thirds.column { width: 620px; }
/* Offsets */
.offset-by-one { padding-left: 60px; }
.offset-by-two { padding-left: 120px; }
.offset-by-three { padding-left: 180px; }
.offset-by-four { padding-left: 240px; }
.offset-by-five { padding-left: 300px; }
.offset-by-six { padding-left: 360px; }
.offset-by-seven { padding-left: 420px; }
.offset-by-eight { padding-left: 480px; }
.offset-by-nine { padding-left: 540px; }
.offset-by-ten { padding-left: 600px; }
.offset-by-eleven { padding-left: 660px; }
.offset-by-twelve { padding-left: 720px; }
.offset-by-thirteen { padding-left: 780px; }
.offset-by-fourteen { padding-left: 840px; }
.offset-by-fifteen { padding-left: 900px; }
/* Custom Page Elements */
.map-info-col1, .map-info-col2, .map-info-col3 {width:30%;}
.head-img{ display: block; margin-left: auto; margin-right: auto; }


/* #Tablet (Portrait)
================================================== */
@media only screen and (min-width: 771px) and (max-width: 1023px) {
#hz-menu-wrapper { display: block }
.hz-menu > li { display: none; }
.hz-menu > li:first-child { display: block }
#header-nav { display: none; }
.logo-area .logo { margin:0; }
#utility-nav ul li:first-child { padding: 5px 10px 0 0 }
.hz-menu > li > a { margin-left:-10px; }
.header-content { padding:0 20px; float:left; }
#body-wrap, #outer-sub-footer, #footer, .clamp { width: 768px; }
/*.column,  .columns, #columns { margin-left: 10px; margin-right: 10px; }*/
.column.alpha, .columns.alpha { margin-left: 0; margin-right: 10px; }
.column.omega, .columns.omega { margin-right: 0; margin-left: 10px; }
.alpha.omega { margin-left: 0; margin-right: 0; }
#header-nav ul { padding:3px 0 0 0; }
#header-nav li, #header-nav li:first-child, #header-nav li:last-child { max-width:none; width:14%; padding:0.5em 0.6em; font-size: 13px; box-shadow: 0 22px 0 -21px #154D7B, 8px -2px 0 -7px #154D7B; border: none; }
#header-nav li:hover { box-shadow: none; }
#anchors.stuck { margin:0 0 0 -200px; width:150px; }
/* Base Grid */
.one.column,  .one.columns { width: 28px; }
.two.columns { width: 76px; }
.three.columns { width: 148px; }
.four.columns, #subNavWrapper { width: 172px; }
.five.columns { width: 220px; }
.six.columns { width: 268px; }
.seven.columns { width: 316px; }
.eight.columns { width: 364px; }
.nine.columns { width: 412px; }
.ten.columns { width: 460px; }
.eleven.columns { width: 508px; }
.twelve.columns, #columns { width: 556px; }
.thirteen.columns { width: 604px; }
.fourteen.columns { width: 652px; }
.fifteen.columns { width: 700px; }
.sixteen.columns { width: 748px; }
.one-third.column { width: 236px; }
.two-thirds.column { width: 492px; }
/* Offsets */
.offset-by-one { padding-left: 48px; }
.offset-by-two { padding-left: 96px; }
.offset-by-three { padding-left: 144px; }
.offset-by-four { padding-left: 192px; }
.offset-by-five { padding-left: 240px; }
.offset-by-six { padding-left: 288px; }
.offset-by-seven { padding-left: 336px; }
.offset-by-eight { padding-left: 384px; }
.offset-by-nine { padding-left: 432px; }
.offset-by-ten { padding-left: 480px; }
.offset-by-eleven { padding-left: 528px; }
.offset-by-twelve { padding-left: 576px; }
.offset-by-thirteen { padding-left: 624px; }
.offset-by-fourteen { padding-left: 672px; }
.offset-by-fifteen { padding-left: 720px; }
/* Custom Page Elements */
.sub-3-col #col1, .sub-3-col #col2, .sub-3-col #col3, .sub-2-col #col1, .sub-2-col #col2 {width:100%;}
.sub-3-col h1 { top: 150px; left: 0; }
.sub-3-col #page-banner h4 { top: 149px; left: 214px; }
.prim-col { width: 53%; }
.sec-col { width: 44%; }
.sub-3-col a.btn { padding: 2% 5%; font-size: 94%; }
#get-reader span { width: 70%; margin-left: 0; margin-top: 10px; }
.secondary-box li span { width: 87%; }
.vid-container p { display: none; }
#sub-footer ul.three.columns { width:140px; }
/*Re-arrange without DOM change */
.tablo-wrap {display: table; width: 100%; }
.tablo-1{display: table-header-group; float: none !important} 
.tablo-2 {display: table-row-group; float: none !important}
.tablo-3 {display: table-footer-group; float: none !important}
.profile #col1, .profile #col2 { width: 50%;}
.ui-tabs .ui-tabs-nav li a, .ui-tabs .ui-tabs-nav li {float:none; /* border-radius: 0; TG*/ top:auto;}
.ui-tabs .ui-tabs-nav li {padding:10px;}
/* Equal 3 side-by-side columns TG*/
.equal-col-wrap{ display: block; }
.equal-col-wrap .col{ display: block; width: 96%; padding: 2% 2% 3% 2%; margin: 20px 0;}
.equal-col-wrap .col-gap{ display: none; }
.equal-col-wrap .col p:first-child{ margin-top: 0; }
.equal-col-wrap .col p:last-child{ margin-bottom: 0; }
/* Add Back Top Margin TG*/
#columns h2.no-top-margin, #columns h4.no-top-margin{ margin-top: 15px; }
/* Tabs TG*/
.profile #columns .ui-tabs .ui-tabs-nav li{ width: 94%; width: calc(100% - 16px); top: 0; }
#columns .ui-tabs .ui-tabs-nav li{ width: 97%; width: calc(100% - 16px); top: 0; }
/* Remove Elements TG */
.testimonial-right, .imgB{ display: none; }
#columns .float-subnav {float:none; margin:0; width:100%;}
}

#showRightPush {
    cursor: pointer;
    float: right;
}
#showRightPush.active {
    padding-right: 2.2em;
}
#subNavWrapper .aafes-icon-menu:before {
    width: 20px;
    height: 20px;
}

/*  #Mobile (Portrait)
================================================== */
@media only screen and (max-width: 770px) {
/*img {width:100%; max-width: none; height: auto}*/
#columns .fourth-nav-content {padding:0;margin:0;}
#columns .fourth-nav.float-subnav {float:none; width:100%; margin: 0 0 25px;}
#columns .fourth-nav-content ul.arrow {padding:0;margin:0;}
#columns .fourth-nav-content ul.arrow li {padding:10px 20px; border-bottom:1px solid #DADADA;}
#columns .fourth-nav-content ul.arrow li:last-child {border:none;}
#hz-menu-wrapper, #subnav ul h3 { display: block; }
.hz-menu > li > a { padding: 0 20px; }
.header-content { display: none; }
.hz-menu > li { text-align: left; }
.hz-menu > li:last-child { float:none; }
.hz-menu > li:last-child:after { content: none; }
.hz-menu > li a:after { float:right; }
#header-nav { display: none; }
#outer-sub-footer, #footer, .clamp { width: 95%; }
#body-wrap { width:100%; }
#main { width:95%; margin:0 auto; overflow: visible; box-shadow:none; }
#subNavWrapper { border:none; margin: 0 0 1.5em 0; width:100%; padding-right: 8px;}
#head-wrap { margin-bottom: 15px; }
#breadcrumbs { font-size:1.2em; }
#header-nav ul { height: 40px; }
#header-nav ul li { display: none; }
#header-nav li { max-width: none; }
.m--header-nav { display: block; cursor: pointer; font-size: 1.5em; z-index:5; background-color: #eee; padding:0 10px; }
#nav span { display: block; color:#FFF; }
#nav span:before { content: "\25A4\2002"; }
#anchors.stuck { left:0; width:100%; margin:0; }
#anchors.stuck a { display: inline-block; }
#subnav ul ul ul li { display:none; }
#subnav ul ul ul { margin:0; }
#subnav .t1 { background-color: transparent; border:none; margin-left:-15px; padding:8px 20px 8px 15px; }
/*#subnav .t1 a:after {content: "+"; position: absolute; right:5px; font-size:1.5em; background-color: #FFF;}*/
#subnav { border:none; border-top:1px solid #DDD; }
#subnav ul ul { margin:0; }
#subnav ul, #subnav li { list-style: none outside none; }
#subnav > ul { margin-left:15px; display: block; }
#subnav h3 { border:none; padding:auto; }
#subnav h3.active span:after, #subnav h3.active:hover span:after { content: none; }
#subnav h3.active { border-bottom:1px solid #DDD !important; margin-left: -15px; padding-left: 20px; padding-bottom: 10px; display: block; }
#showRightPush.active { overflow: hidden; position: relative; border-left:none; }
#subnav h3.active span { color: #333333; font-size: 1.3em; font-weight: 400; letter-spacing: -0.02em; }
#nav-text { display: block; font-size:1.7em; width:100%; color:#003a6a; font-weight: 900; margin: 20px 20px; font-family: Calibri, Arial; }
.buttonset { height:50px; overflow: hidden; cursor: pointer; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
#m_menubtn { position: absolute; display: block; top: auto; right: 0; z-index: 8; border-left:1px solid #C4D6E4; background-color:rgba(256, 256, 256, 0.5); padding:20px;  }
.mmenu-push-toleft .buttonset { height:35px; right: 0px; }
.mmenu-push-toleft #m_menubtn { border-left:none; padding:20px 10px 15px 20px; top: 0; }
#subnav h3 span { color:#777777; font-family: Calibri, Arial; font-size:0.95em; font-weight:100; }
#subnav h3 span:after { right:1em; content:"\2002\203A"; position: absolute;}
#subnav ul h3:hover span {color:#000;}
#subnav ul li ul li:last-child { border-bottom: 1px solid #DDD; padding-bottom: 20px; }
#subnav ul:last-child h3 { border-bottom: none; }
/*---Push Menu---*/
.mmenu { background: #FFF; position: fixed; box-shadow: 5px 0 7px #F3F3F3 inset; border-left: 1px solid #DDDDDD; overflow-y: auto; -webkit-overflow-scrolling: touch; overflow-x: hidden; overflow-x: -moz-hidden-unscrollable}
.mmenu a { display: block; color: #fff; font-size: 1.1em; font-weight: 300; }
.mmenu-vertical { width: 270px; height: 100%; top: 0; z-index: 1000; }
.mmenu-right { right: -270px; }
.mmenu-left.mmenu-open { left: 0px; }
.mmenu-right.mmenu-open { right: 0px; }
.mmenu-push { overflow-x: hidden; position: relative; left: 0; }
.mmenu-push-toright { left: 240px; }
.mmenu-push-toleft { left: -240px; }
.mmenu, .mmenu-push { -webkit-transition: all 350ms ease; -moz-transition: all 350ms ease; transition: all 350ms ease; }
.mmenu-push-toleft #head-wrap { margin-left:-30px; }
.mmenu-push-toleft #m_menubtn { position: fixed; }
.columns,  .column, #columns { margin: 0; }
.one.column, .one.columns, .two.columns, .three.columns, .four.columns, #col1, #col2, #col3, .five.columns, .six.columns, .seven.columns, .eight.columns, .nine.columns, .ten.columns, .eleven.columns, .twelve.columns, #columns, .thirteen.columns, .fourteen.columns, .fifteen.columns, .sixteen.columns, .one-third.column, .two-thirds.column { width: 100%; }
/* Offsets */
.offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, .offset-by-eight, .offset-by-nine, .offset-by-ten, .offset-by-eleven, .offset-by-twelve, .offset-by-thirteen, .offset-by-fourteen, .offset-by-fifteen { padding-left: 0; }
/* Custom Page Elements */
.sub-3-col #col1, .sub-3-col #col2, .sub-3-col #col3, .sub-2-col #col1, .sub-2-col #col2 {width:100%;}
.map-info-col1, .map-info-col2, .map-info-col3 {width:100%;}
.sub-3-col #page-banner h4 { font-size: .625em; }
.prim-col { width: 100%; }
.sec-col { float: left; width: 100%; }
.action-box { width: 90%; padding: 5% 5%; }
.action-box h4 { width: 90%; }
.secondary-box li span { width: 90%; }
.profile #col1, .profile #col2 { width: 50%;}
.ui-tabs .ui-tabs-nav li a, .ui-tabs .ui-tabs-nav li {float:none; /* border-radius: 0; TG*/ top:auto;}
.ui-tabs .ui-tabs-nav li {padding:10px;}
/* Add Back Top Margin TG*/
#columns h2.no-top-margin, #columns h4.no-top-margin{ margin-top: 15px; }

}

/* #Mobile (Landscape)
================================================== */
@media only screen and (min-width: 490px) and (max-width: 770px) {
#outer-sub-footer, #footer { width: 95%; }
#sub-footer ul li { display: inline-block; padding:0; }
#sub-footer ul { display: block; margin-bottom:30px; padding: 0 }
#sub-footer ul li a:after { content: "\2002\2022"; }
#sub-footer ul li:last-child a:after, #sub-footer ul li.horz a:after { content: none; }
#sub-footer ul li a:hover { text-decoration: none; }
.clamp { width:95% }
.columns,  .column, #columns { margin: 0; }

#subNavWrapper {
	margin: 0 0 1.5em 0;
	width: 100%;
}

.one.column, .one.columns, .two.columns, .three.columns, .four.columns, #col1, #col2, #col3, .five.columns, .six.columns, .seven.columns, .eight.columns, .nine.columns, .ten.columns, .eleven.columns, .twelve.columns, #columns, .thirteen.columns, .fourteen.columns, .fifteen.columns, .sixteen.columns, .one-third.column, .two-thirds.column { width: 100%; }
/* Custom Page Elements */
.sec-col .action-box { margin-bottom: 0; }
.sub-1-col h4.list-heading4 { display: inline-block; text-wrap: normal; margin-top: 0; }
.profile #col1{ width: 40%;}
.profile #col2{ width: 60%;}
/* Equal 3 side-by-side columns TG*/
.equal-col-wrap{ display: block; }
.equal-col-wrap .col{ display: block; width: 96%; padding: 2% 2% 3% 2%; margin: 20px 0;}
.equal-col-wrap .col-gap{ display: none; }
.equal-col-wrap .col p:first-child{ margin-top: 0; }
.equal-col-wrap .col p:last-child{ margin-bottom: 0; }
/* Tabs TG*/
.profile #columns .ui-tabs .ui-tabs-nav li{ width: 96.3%; width: calc(100% - 16px); top: 0; }
#columns .ui-tabs .ui-tabs-nav li{ width: 97.6%; width: calc(100% - 16px); top: 0; }
/* Remove Elements TG */
.testimonial-right, .imgB{ display: none; }
/* Center Head Image TG*/
.head-img{ display: block; margin-left: auto; margin-right: auto; }
/* QA Subnav TG*/

}

@media only screen and (min-width: 768px) {
	#showRightPush {
		display: none;
	}
}