.mod-navigation-logo-v9 { display: contents; }
.mod-navigation-logo-v9 img { height: 100%; }
 
@media screen and (max-width:1200px) {
  .mod-navigation-logo-v9 { display: none; }
  .mod-navigation-logo-v9.mod-navigation-logo-v9--mobile { display: contents; }
}



/*LOGO*/
.mod-navigation-logo-wrap{
    width:20em;
}
.mod-navigation-logo-v9 img{
    width:300px;
}
/*GENERAL CSS*/
.fancyTable th{
    background:#00467f;
    border-color:#fff;
}
.mod-hero-rotator-slide-link--mainPromo2 .mod-hero-vertical-center{
    width:33em;
}
.mod-hero-rotator-slide-link--mainPromo2 .mod-hero-subline{
    width:17em;
}
.mod-hero-rotator-slide-link--mainPromo3 .mod-hero-vertical-center{
    width:33em;
}
.mod-hero-rotator-slide-link--mainPromo3 .mod-hero-subline{
    width:20em;
}
.mod-hero-rotator-slide-link--mainPromo4 .mod-hero-vertical-center{
    width:33em;
}
.mod-hero-rotator-slide-link--mainPromo5 .mod-hero-vertical-center{
    width:30em;
}
.back-to-top-js:before, .back-to-top-js::before { display: none; }
.back-to-top-js {
  background: url('/doccenter/2bcd4f5037e14601bba386b546e50346');
  width: calc(300px * 0.5);
  height: calc(149px * 0.5);
  background-size: cover;
}
.home .mod-navigation-section:nth-child(2){
    display:none;
}
.mod-promo-rate-wrap{
    border-bottom: 2px solid #c7c7c7;
}
p a{
    color:#00467f;
}
.mod-hero-vertical-center{
    padding:0 4em 0 0;
}
/*Make a Payment Button*/
.mod-navigation-login-link{
        background: #00467f;
    color: #fff;
    cursor: pointer;
    text-transform: uppercase;
    text-decoration: none;
    padding: .75em 2em;
    border:1px solid #00467f;
    text-align:center;
    font-weight:600;
}
.mod-navigation-login-link:hover, .mod-navigation-login-link:focus{
    background:#fff;
    color:#00467f;
}
.mod-navigation-login-link::before, .mod-navigation-login-link:before{
    display:none;
}
.svcProdCard a:hover, .svcProdCard a:focus{
    text-decoration:underline;
}

@media screen and (min-width: 1201px) {
    .mod-navigation-login-link-wrap {
        position: relative;
        display: inline-flex;
        flex-direction: column;
        gap: .5em;
        margin-bottom: .5em;
        top: -1em;
    }

    .mod-navigation-register-link {
        position: relative;
        display: block;
        font-size: 15px;
        line-height: 1.5em;
        text-align: center;
        -moz-transition: .15s;
        -o-transition: .15s;
        -webkit-transition: .15s;
        transition: .15s;
        z-index: 9999;
        background:#fff;
        color:#00467f;
        padding:.75em 2em;
        text-transform:uppercase;
        font-weight:600;
        text-decoration:none;
        border:1px solid #00467f;
    }
    .mod-navigation-register-link:hover, .mod-navigation-register-link:focus{
        background:#00467f;
        color:#fff;
    }
}

@media screen and (max-width: 1200px) {
    .mod-navigation-register-link.mod-navigation-register-link--1200:hover, .mod-navigation-register-link.mod-navigation-register-link--1200:focus {
        background: #00467f;
        color: #fff;
    }
     .mod-navigation-register-link {
        display: inline;
        position: absolute;
        top: 64px;
        z-index: 9999;
        right: 14px;
        width: 172px;
        text-align: center;
        background: transparent;
        color: black;
        text-decoration: underline;
    }

    .mod-navigation-register-link:hover,
    .mod-navigation-register-link:focus {
        background: transparent;
        text-decoration: none;
    }
}

.mod-navigation-register-link-mobile-nav {
    display: none;
    color: #fff;
    text-decoration: underline;
    text-align: left;
    margin-top: 1em;
}

@media screen and (max-width:600px){
    .mod-navigation-register-link-mobile-nav {
        display: block;
    }
    
}

/*END Make a Payment Button*/

.mod-expanding-information{
    margin:auto;
    width:60em;
}



.h1style{
    display:none;
}

.gold{
    background:#808050;
}

.statement{
    background:#808050;
    color:#fff;
}

.statement p{
    color:#fff;
    padding:.5em;
    text-align:right;
}

.red{
    color:#ff0000;
}

.mod-page-wrap{
    background:#fff;
    min-height:0;
}

p a:hover, p a:focus, ul li a:hover, ul li a:focus, ol li a:hover, ol li a:focus{
    cursor:pointer;
}

a[href^=tel], a[href^=sms], p a[href^=tel], p a[href^=sms]{
    text-decoration:underline !important;
}

.caps{
    text-transform:uppercase;
}

.lowercase{
    text-transform:lowercase;
}

h1{
    color:#00467f;
    font-size:42px;
    font-weight:600;
}

h2{
    color:#00467f;
    font-size:32px;
    font-weight:600;
}

h3{
    color:#00467f;
    font-size:20px;
    font-weight:400;
    line-height:1.2em;
}

h4{
    color:#00467f;
    font-size:25px;
    font-weight:600;
    text-transform:uppercase;
}

p{
    color:#00467f;
}

p.disclaimer{
    font-size:14px;
    color:#000;
}

ul li::before, ul li:before{
    background:#00467f;
}

li{
    color:#00467f;
    padding:.25em 1em .25em .5em;
}

ul li{
    width:100%;
}

html{
    font-family:'lato', sans-serif;
}

.featureImgArea{
    background-image:url("/uploads/images/240618081838.png");
    background-color:#fff;
    background-repeat:no-repeat;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.mod-page-wrap{
    padding:0;
}

.mod-expanding-trigger{
    background:#fff;
    color:#00467f;
    border:2px solid #00467f;
    padding:.5em;
    margin:auto;
    width:75em;
    line-height:1.5em;
}

.mod-expanding-trigger::before, .mod-expanding-trigger:before{
   color:#00467f;
}
.expanded .mod-expanding-trigger::before, .expanded .mod-expanding-trigger:before{
    color:#00467f;
}

.expanded .mod-expanding-trigger, .no-js .mod-expanding-trigger{
    padding: .5em;
    font-size: .9em;
    line-height: 1.5em;
    color: #00467f;
    background: #fff;
}

.expanded .mod-expanding-trigger:after, .expanded .mod-expanding-trigger::after, .no-js .mod-expanding-trigger:after, .no-js .mod-expanding-trigger::after{
    transform:rotate(180deg);
}

/*2nd Navigation*/
@media screen and (min-width: 1201px) {
    .mod-navigation-section.mod-navigation-section-short:hover>.mod-navigation-link-parent, .mod-navigation-section.mod-navigation-section-short:focus>.mod-navigation-link-parent {
        color: #00467f;
        background: none;
    }

    .mod-navigation-section:hover>.mod-navigation-link, .mod-navigation-section>.mod-navigation-link:focus {
        background: none;
        color: #00467f;
        text-decoration: underline;
    }
}

.secondNav ul{
    list-style-type: none;
  margin: 0;
  padding: 0;
  background-color: #00467f;
  display:flex;
  flex-direction:row;
  justify-content:center;
  gap:0 30px;
}

.secondNav li{
    float:left;
    padding:0;
    width:auto;
}

.secondNav ul li::before, .secondNav ul li:before{
    display:none;
}

.secondNav li a, .dropbtn{
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

.secondNav li.dropdown{
    display:inline-block;
}

.secondNav .dropdown-content{
    display: none;
    position: absolute;
    background-color: #808050;
    min-width: 185px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    color:#fff;
}

.secondNav .dropdown-content a{
      color: #fff;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.secondNav li a:hover{
    background:#808050;
}

/*END 2nd Navigation*/

.mod-navigation-link{
    color:#00467f;
}

.mod-navigation-children{
    background:#808050;
}

.mod-navigation-children .mod-navigation-children .mod-navigation-link{
    color:#fff;
    font-size:.7em;
    margin:0 0 0 1.5em;
}

.mod-navigation-group{
    padding:.5em;
}

.mod-navigation-children .mod-navigation-link{
    padding:.5em;
}
/*END GENERAL*/

/*HOMEPAGE CSS*/

/*Rates*/
.homeRates .gold{
    padding:2em;
    height:11em;
}
.homeRates .lightButton{
    display:block;
    text-align:center;
    width:20em;
    margin:auto;
}
/*END Rates*/

/*Main Promo*/

.mod-hero-content-wrap{
    background:transparent;
    width:40em;
}

.mod-hero-headline{
    color:#00467f;
}

.mod-hero-subline{
    color:#00467f;
    width:16em;
}

.mod-hero-button{
    background: #fff;
    color: #00467f;
    padding: .75em 2em;
    text-transform: uppercase;
    font-weight: 600;
    text-decoration: none;
    border:2px solid #00467f;
    left:11em;
    width:13em;
    text-align:center;
    display:flex;
    flex-direction:column;
}
.mod-hero-button:hover, .mod-hero-button:focus{
    background:#00467f;
    color:#fff;
}

.mod-hero-button::after, .mod-hero-button:after{
    display:none;
}

/*End Main Promo*/

/*Sub Menu*/

.homeSubMenu{
    background:#00467f;
    padding:2em;
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:space-evenly;
    gap:10px;
}

.homeSubMenu .lightButton{
    text-align:center;
}

.lightButton{
    background:#fff;
    color:#00467f;
    padding:.5em 2em;
    text-transform:uppercase;
    font-weight:600;
    text-decoration:none;
    border:1px solid #fff;
}
a.lightButton{
    width:20em;
}

.lightButton:hover, .lightButton:focus{
    background:#00467f;
    color:#fff;
}

/*Mortgage Ads*/

.zeroClosing{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:center;
}

.zeroImg img{
    height:100%;
    width:100%;
}

.zeroInfo{
    width:40em;
    margin:0 auto;
    padding:4em .5em;
}

.zeroInfo h3{
    width:23em;
}

.zeroButton{
    text-decoration:none;
    background:#00467f;
    padding:.75em 2em;
    text-transform:uppercase;
    font-weight:600;
    color:#fff;
    border:2px solid #00467f;
    display:block;
    text-align:center;
    width:20em;
    margin:auto;
}
.zeroButton:hover, .zeroButton:focus{
    background:#fff;
    color:#00467f;
}

/*Homepage Cards*/

.centerAlign{
    text-align:center;
}

.btnAlign1{
    top:6em;
    position:relative;
}

.btnAlign2{
    top:5.64em;
    position:relative;
}

.btnAlign3{
    top:7em;
    position:relative;
}

.btnAlign4{
    top:5.54em;
    position:relative;
}

.btnAlign5{
    top:1.4em;
    position:relative;
}

.btnAlign6{
    top:4.75em;
    position:relative;
}

.blueBtn{
    background: #00467f;
    color: #fff;
    cursor: pointer;
    text-transform: uppercase;
    text-decoration: none;
    padding: .5em 2em;
    border:1px solid #00467f;
    display:block;
    text-align:center;
}

.mod-promo-rate-cta{
    background: #00467f;
    color: #fff;
    cursor: pointer;
    text-transform: uppercase;
    text-decoration: none;
    border:1px solid #00467f;
}

.blueBtn:hover, .blueBtn:focus, .mod-promo-rate:hover .mod-promo-rate-cta, .mod-promo-rate:focus .mod-promo-rate-cta{
    background:#fff;
    color:#00467f;
}

.icon{
    height:150px;
    width:150px;
}

.btnDropdown{
    position:relative;
    display:inline-block;
    margin:auto 2.5em;
}

.btnDropdown:hover .btnDropLinks, .btnDropdown:focus .btnDropLinks{
    display:block;
}

.btnDrop{
    background:#00467f;
    color:#fff;
    cursor:pointer;
    text-transform:uppercase;
    text-decoration:none;
    padding:.5em 2em;
    border:none;
}

.btnDropLinks{
    display:none;
    position:absolute;
    background:#fff;;
    z-index:1;
    color:#00467f; 
    width:100%;  
}

.btnDropLinks a{
    color:#00467f;;
    padding:.75em 2em;
    text-decoration:none;
    display:block;
    border:2px solid #00467f;
}

.serviceProducts{
    padding:2em 0;
}
.serviceProducts h2{
    text-align:center;
    padding:0 0 1em 0;
}

.svcProdContainer{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:center;
    gap:3em 5em;
    width:auto;
    margin:1em;
}

.svcProdCard{
    border:2px solid #000;
    width:20em;
    height:30em;
    display:flex;
    flex-direction:column;
    flex-wrap:nowrap;
    justify-content:space-evenly;
}
.svcProdCard p{
    margin:auto 2em;
}
.btnDropLinks p{
    margin:0;
}

.svcProdCard h4{
    text-align:center;
}

/*CD Special Promo Area*/

.cdSpecial{
    background:#00467f;
    background:url(/doccenter/bf4d7eef133a4fddad42df633ce7124f);
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    height:25em;
}

.mod-tile-wrap-outer{
    display:none;
}

.cdContainer{
       text-align:center;
       top:4em;
       position:relative;
}

.specialH3{
    color:#fff;
    font-size:40px;
    font-weight:400;
}

.specialCDad{
    font-size:80px;
    font-weight:900;
    color:#fff;
    border:5px solid #808050;
    padding:0;
    margin:0 auto;
    width:10em;
    line-height:1em;
}

.cdContainer .lightButton{
    top:2em;
    position:relative;
}

/*END CD Special Promo Area*/

/*END HOMEPAGE CSS*/

/*FOOTER AREA*/

/*SIGN UP AREA*/
.signUp{
    background:#808050;
    height:15em;
}
.signUpTitle{
    color:#fff;
    text-align:center;
    font-size: 32px;
    font-weight: 600;
    padding: 1.5em 0 0 0;
        margin: 0 1em 0 1em;
}
.signUpTxt{
    color:#fff;
    text-align:center;
    margin:1em auto;
    width:40em;
    font-size: 24px;
}
.signUpBtn{
    width:17em;
    margin:auto;
}
/*END SIGN UP AREA*/
/*Mobile Banking Footer*/

.mblBankFooter{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content:space-evenly;
    padding:2em;
    margin: 2em 0 0 0;
    gap:50px;
}

.mblBankImg img{
    height:auto;
    width:100%;
}

.mblBankInfo{
    width:26em;
    display:flex;
    flex-direction:column;
}

.mblAppImg{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:space-evenly;
}

.appLinks{
    display:flex;
    flex-direction:column;
    flex-wrap:nowrap;
    justify-content:space-evenly;
}
.videoBtn{
    background: #fff;
    color: #00467f;
    padding: .25em 2em;
    text-transform: uppercase;
    font-weight: 600;
    text-decoration: none;
    border: 2px solid #00467f;
    width: 13em;
    text-align: center;
    margin: 0 auto;
}
.mblBankImg{
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-wrap: nowrap;
}
.videoBtn:hover, .videoBtn:focus{
    background: #00467f;
    color: #fff;
}

/*END Mobile Banking Footer*/

/*Locations & Hours Footer*/

.locTitle{
    text-transform:uppercase;
    color:#fff;
    font-size:25px;
    font-weight:600;
    text-align:center;
    background:#808050;
    padding:.25em;
}

.locHrContainer{
    background:#00467f;
}

.locHrContainer h2{
    color:#fff;
    text-align:center;
    padding:1em;
}

.locHrContainer li{
    color:#fff;
}

.locContainer{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:space-evenly;
    gap:3em;
}

.locations{
    width:20em;
}

.locButton{
    text-align:center;
}

.locations img{
    height:auto;
    width:100%;
}

.locHrImg{
    text-align:center;
    padding:3em;
}

.locHrImg img{
    height:auto;
    width:auto;
}

/*.locations ul li::before, ul li:before{
    display:none;
}*/

.locButtonStyle{
    background: #fff;
    color: #00467f;
    padding: .5em 2em;
    text-transform: uppercase;
    font-weight: 600;
    text-decoration: none;
    position:relative;
    border:2px solid #fff;
}

.locButtonStyle1{
    background: #fff;
    color: #00467f;
    padding: .5em 2em;
    text-transform: uppercase;
    font-weight: 600;
    text-decoration: none;
    position:relative;
    border:2px solid #fff;
}

.locButtonStyle:hover, .locButtonStyle:focus, .locButtonStyle1:hover, .locButtonStyle1:focus{
    background:#00467f;
    color:#fff;
}

/*END Locations & Hours Footer*/

/*Gold Footer*/

.footer4 li{
    padding:.25em 0 .25em 0;
    text-align:center;
}

.goldFooter{
    background:#808050;
}

.logoSocial{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:space-between;
    padding:3em 2em 2em 3em;
}

.social{
    margin:auto 0;
    display:flex;
}

.social a{
    padding:.5em;
}

.goldFooter h4, .golfFooter a, .goldFooter li, .goldFooter li a{
    color:#fff;
}

.quicklinks{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:center;
    border-top:2px solid #fff;
    border-bottom:2px solid #fff;
    padding:2em 1em 2em 1em;
    gap:40px;
}

.idSafe{
    display:flex;
    flex-direction:column;
    flex-wrap:nowrap;
}

.idSafe ul{
    display:flex;
    flex-direction:column;
}

.notes, .lostCard, .idSafe{
    width:22em;
}

.goldFooter ul{
    margin:0;
}

.footer-1{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:center;
    border-bottom:2px solid #fff;
    gap:40px;
    padding:1em;
}

.footer1, .footer2, .footer3, .footer4{
    display:flex;
    flex-direction:column;
    flex-wrap:nowrap;
    width:13em;
}

.goldFooter ul li::before, .goldFooter ul li:before{
    display:none;
}

/*END Gold Footer*/

/*END Footer Area*/

/********MOBILE VIEWS*******/
@media screen and (min-width:1200px){
    .mod-navigation-section:nth-child(8), .mod-navigation-section:nth-child(9), .mod-navigation-section:nth-child(10), .mod-navigation-section:nth-child(11),
    .mod-navigation-section:nth-child(12), .mod-navigation-section:nth-child(13), .mod-navigation-section:nth-child(14), .mod-navigation-section:nth-child(15){
        display:none;
    }
}

@media screen and (max-width:1620px){
    .mod-hero-content-wrap{
        width:23em;
    }
    .mod-hero-button{
        left:0;
    }
}

@media screen and (max-width:1600px){
    .zeroInfo{
        width:30em;
    }
}

@media screen and (max-width:1550px){
    .mod-navigation-link{
        padding:3em 1.5em;
    }
}

@media screen and (max-width:1399px){
        
    .mod-promo-rate{
        padding:1em;
    }
    .zeroInfo{
        text-align:center;
    }
    .zeroInfo h3{
        width:auto;
        margin:1em 0 0 0;  
    }
    .zeroImg{
        text-align:center;
        margin:1em 0 0 0;
    }
    .zeroImg img{
        height:auto;
        width:75%;
    }
    .zeroInfo{
        padding:1em .5em;
    }
}

@media screen and (max-width:1350px){
    .mod-navigation-link{
        padding:3em .75em;
    }
}


.mod-payment-links-1200 { 
    display: none;
}

@media screen and (max-width: 1200px){
    .mod-navigation-logo-wrap{
        left:calc(50% - 20em/2);
    }
    .mod-hero-rotator-slide-link--mainPromo2 .mod-hero-vertical-center{
        width:100%;
    }
    .mod-hero-rotator-slide-link--mainPromo2 .mod-hero-subline{
        width:100%;
    }
    .mod-hero-rotator-slide-link--mainPromo3 .mod-hero-vertical-center{
        width:100%;
    }
    .mod-hero-rotator-slide-link--mainPromo3 .mod-hero-subline{
        width:100%;
    }
    .mod-hero-rotator-slide-link--mainPromo4 .mod-hero-vertical-center{
    width:100%;
}
.mod-hero-rotator-slide-link--mainPromo5 .mod-hero-vertical-center{
    width:100%;
}

    .mod-hero-rotator{
        background:#fff;
    }
    .mod-navigation-register-link{
        z-index:1;
    }
    .footer4 .footerTitle{
        text-align:center;
    }
    .mod-navigation-link, .mod-navigation-link:hover, .mod-navigation-link:focus, .mod-navigation-section:hover .mod-navigation-link, .mod-navigation-section:focus .mod-navigation-link{
        background:#00467f;
    }
    
    .collapsed .mod-navigation-children, .collapsed .mod-navigation-link, .collapsed .mod-navigation-link:hover, .collapsed .mod-navigation-link:focus, .collapsed .mod-navigation-section:hover .mod-navigation-link,
    .collapsed .mod-navigation-section:focus .mod-navigation-link, .mod-navigation-section.collapsed:hover .mod-navigation-link, .mod-navigation-section.collapsed:focus .mod-navigation-link{
        background:#00467f;
    }
    .mod-hero-vertical-center{
        padding:1em 2.5em;
    }
    .mod-navigation-link{
        padding:1.6em 3em;
        color:#fff;
        border-top:none;
    }
    .mod-navigation-children{
        background:#00467f;
    }
    .slick-slider{
        height:auto;
    }
    .mod-hero-content-wrap {
        background: #fff;
        width: 100%;
    }

    .mod-hero-subline{
        width:100%;
        margin:0 0 1em 0;
    }

    .mod-hero-button{
        left:0;
        margin:1em auto;
        
    }

    .secondNav{
        display:none !important;
    }

    .mod-navigation-center {
        min-height: 8.25em;
    }

    .mod-navigation-login-link{
        display:none;
    }

    .mod-navigation-register-link{
        display:none;
    }

    .mod-navigation-login-link--1200{
        display:inline-block;
    }

    .mod-payment-links-1200 {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 1em;
        padding: 1em;
    }

    .mod-navigation-login-link--1200 {
        top: 0;
    }

    .mod-navigation-register-link.mod-navigation-register-link--1200 {
        display: block;
        position: relative;
        cursor: pointer;
        text-transform: uppercase;
        text-decoration: none;
        padding: .75em 2em;
        border: 1px solid #00467f;
        text-align: center;
        font-weight: 600;
        top: 0;
        right: 0;
        width: auto;
        font-size: .75em;
        letter-spacing: .1em;
        line-height: 1.5em;
        background: #fff;
        color: #00467f;
    }
    .mod-hero-image.fit-in-frame{
        height:30em;
        min-height:30em;
        max-height:30em;
    }
}

@media screen and (max-width:1199px){
    .mblBankInfo{
        text-align:center;
        gap:20px;
    }

    .mblBankInfo h2{
        line-height:1em;
    }
}

@media screen and (max-width: 1000px){
    .locations{
        width:15em;
    }

    .locHrImg img{
        width:100%;
    }
    .mod-hero-image.fit-in-frame{
        max-height:26em;
    }
}
@media screen and (max-width:900px){
    .mod-hero-image.fit-in-frame {
        max-height: 23em;
        min-height: 15em;
    }
    .overflowTable::after, .overflowTable:after, .overflowTable::before, .overflowTable:before{
        display:none;
    }
}

@media screen and (max-width:850px){
    .mod-hero-image.fit-in-frame {
        max-height: 21em;
        min-height: 15em;
    }
}

@media screen and (max-width:830px){
    .signUpTxt{
        width:27em;
    }
    .signUp{
        height:17em;
    }
}

@media screen and (max-width: 800px){
    .specialCDad{
        width:95%;
    }
}
@media screen and (max-width:750px){
    .mod-hero-image.fit-in-frame {
        max-height: 19em;
        min-height: 15em;
    }
}
@media screen and (max-width:740px){
    .mod-promo-rate-number{
        font-size:3em;
    }
}
@media screen and (max-width:700px){
    .slick-slider{
        height:100%;
    }
}
@media screen and (max-width:660px){
        .mod-hero-image.fit-in-frame {
        max-height: 17em;
        min-height: 15em;
    }
}
@media screen and (max-width:640px){
    .mod-navigation-register-link.mod-navigation-register-link--1200{
        font-size: 13px;
        line-height: 1.2em;
    }
    .mod-navigation-login-link::before, .mod-navigation-login-link:before, .home .mod-navigation-login-link::before, .home .mod-navigation-login-link:before{
        display:none;
    }
    html, p{
            line-height: 1.4em;
    }
}

@media screen and (max-width: 600px){
        .mod-navigation-logo-wrap {
        left: calc(50% - 15em / 2);
    }
    .mod-navigation-logo-wrap {
    width: 15em;
}
    p, td, li, .formMod .defaultCTA{
        font-size:1em;
    }
    
    .mblBtnAlign{
        bottom:1em;
        position:relative;
    }
    .svcProdCard{
       width:15em;
       height:auto;
    }
    .mod-hero-image.fit-in-frame{
        height: 15em;
        min-height: 15em;
        max-height:15em;
    }
    .mod-hero-rotator{
        max-height:28em;
        min-height:28em;
    }

    .btnAlign1, .btnAlign2{
        top:0;
    }

    .btnAlign3{
        top:1.5em;
    }

    .mod-navigation-register-link{
        display:none;
    }

    .notes, .lostCard, .idSafe{
        width:16em;
    }

    .footer1, .footer2, .footer3, .footer4{
        width:auto;
    }
}

@media screen and (max-width:580px){
    .signUpTxt{
        width:20em;
    }
    .signUp{
        height:20em;
    }
}

@media screen and (max-width:550px){
        .mod-hero-image.fit-in-frame {
        height: 15em;
        min-height: 10em;
        max-height: 14em;
    }
}

@media screen and (max-width: 510px){
    .logoSocial{
        justify-content:center;
    }
}

@media screen and (max-width:500px){
    .homeRates .lightButton{
        width:auto;
    }
}

@media screen and (max-width:490px){
        .mod-hero-image.fit-in-frame {
        height: 15em;
        min-height: 10em;
        max-height: 13em;
    }
}

@media screen and (max-width:460px){
    .mod-navigation-logo-v9 img{
        width:230px;
    }
        .mod-navigation-center {
        min-height: 6.25em;
    }
}

@media screen and (max-width:450px){
    .mod-hero-image.fit-in-frame {
        height: 15em;
        min-height: 10em;
        max-height: 12.5em;
    }
}

@media screen and (max-width:447px){
    .footer1{
        right:2.5em;
        position:relative;
    }
}

@media screen and (max-width: 430px){
        .mod-navigation-logo-wrap {
        width: 13em;
    }
        .mod-navigation-logo-wrap {
        left: calc(50% - 13em / 2);
    }
}

@media screen and (max-width: 420px){
    .specialCDad{
        font-size:60px;
    }
    .zeroButton{
        width:auto;
    }
    .homeRates .gold{
        height:15em;
    }
        .mod-hero-image.fit-in-frame {
        height: 15em;
        min-height: 10em;
        max-height: 11em;
    }
    .signUpTxt{
        width:14em;
    }
        .signUp {
        height: 23em;
    }
}

@media screen and (max-width:400px){
    .mblBankFooter{
        padding:1em;
    }
}

@media screen and (max-width:388px){
    .mod-hero-vertical-center{
        height:16em;
    }
}

@media screen and (max-width:370px){
        .mod-hero-image.fit-in-frame {
        height: 15em;
        min-height: 10em;
        max-height: 10em;
    }
}

@media screen and (max-width:360px){
    .signUpBtn{
        width:12em;
    }
}

@media screen and (max-width:355px){
    .signUp{
        height:25em;
    }
}

@media screen and (max-width:340px){
        .mod-navigation-logo-v9 img {
        width: 175px;
    }
}

@media screen and (max-width:330px){
        .mod-hero-image.fit-in-frame {
        height: 15em;
        min-height: 5em;
        max-height: 9.5em;
    }
}

@media screen and (max-width:300px){
    .mod-hero-image.fit-in-frame {
        height: 15em;
        min-height: 5em;
        max-height: 8.5em;
    }
}