@media only screen and (min-width: 1800px) and (max-width: 1980px) {
    .attention-container {
        width: 99.5vw;
    }
}
@media only screen and (max-width: 1500px) {
    .attention-container {
        width: 99vw;
    }
}
@media only screen and (min-width: 1609px) and (max-width: 1750px) {
    .hero-slider #heroCarousel.carousel .carousel-indicators {
        width: 68%;
    }
   
}

@media only screen and (max-width: 1610px) {
    .hero-slider #heroCarousel.carousel .carousel-indicators {
        width: 72%;
    }
    .hero-slider .carousel,
    .hero-slider #heroCarousel .carousel-inner,
    .hero-slider #heroCarousel .item,
    .hero-slider #heroCarousel .item img,
    .hero-slider #heroCarousel .carousel-slide {
        min-height: auto;
    }
    
}

@media only screen and (max-width: 1366px) {

    .header #navigation .navbar-nav .dropdown-menu .promotion img {
        max-width: 100%;
    }

    .header #navigation .navbar-nav .dropdown-menu .promotion .promotion-text {
        padding: 28.9px 20px 0 16px;
    }

        .header #navigation .navbar-nav .dropdown-menu .promotion .promotion-text h4 {
            font-size: 30px;
            line-height: 35px;
            padding: 0;
        }

    .quotes-section {
        height: auto;
    }

    .hero-slider #heroCarousel.carousel .carousel-indicators {
        width: 87.5%;
    }
    .hero-slider #heroCarousel .item img {
        object-fit: cover;
        object-position: left;
    }
}
@media only screen and (max-width: 1850px) and (min-width: 1750px) {
    .hero-slider #heroCarousel.carousel .carousel-indicators {
        width: 65.5%;
    }
}

@media only screen and (max-width: 1550px) and (min-width: 1450px) {
    .hero-slider #heroCarousel.carousel .carousel-indicators {
        width: 76%;
    }
}

@media only screen and (max-width: 1450px) and (min-width: 1350px) {
    .hero-slider #heroCarousel.carousel .carousel-indicators {
        width: 80%;
    }
}

@media only screen and (max-width: 1350px) and (min-width: 1300px) {
    .hero-slider #heroCarousel.carousel .carousel-indicators {
        width: 86%;
    }
}

@media only screen and (max-width: 1300px) and (min-width: 1250px) {
    .hero-slider #heroCarousel.carousel .carousel-indicators {
        width: 91.5%;
    }
}

@media only screen and (max-width: 1250px) and (min-width: 1200px) {
    .hero-slider #heroCarousel.carousel .carousel-indicators {
        width: 92.5%;
    }
}

@media only screen and (max-width: 1200px) and (min-width: 1100px) {
    .hero-slider #heroCarousel.carousel .carousel-indicators {
        width: 81.5%;
    }
}

@media only screen and (max-width: 1100px) and (min-width: 1025px) {
    .hero-slider #heroCarousel.carousel .carousel-indicators {
        width: 92.5%;
    }
}
@media only screen and (max-width: 1200px) {
    .rate-wrapper .rate-section, .rate-wrapper .rate-section:hover {
        min-height: 220px;
    }

        .rate-wrapper .rate-section:hover {
            top: 0;
            padding: 40.5px 10px 39.4px;
        }

    .rate-section a.caretBtn, .rate-section:hover a.caretBtn, .rate-section span.caretBtn, .rate-section:hover span.caretBtn {
        bottom: 35px;
    }

    .rate-wrapper .rate-section:hover .rate-section-title {
        font-size: 30px;
        font-weight: bold;
        line-height: 22px;
        margin-bottom: 20.8px;
    }

    .rate-wrapper .rate-section:hover .rate-section-subtitle {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 18.2px;
    }

    #mainslider.owl-carousel .owl-nav {
        display: block;
    }
    .rates-slider.owl-carousel .owl-nav button.owl-next { top:44%;}
    .quotes-section .quotes-background {
        height: 100%;
    }
    #thumbslider { width: 50%;}
    #mainslider.owl-theme .owl-prev {left:41%;}
    #mainslider.owl-theme .owl-next {right:5%;}
    .filter-search-result {
        height: 413px;
    }
}
@media only screen and (min-width: 1025px) {
    /* Navigation submenu with two columns */
    .dropdown-menu.multi-column-dropdown.promotion .multi-column-dropdown-div .sub-nav-menus .col-lg-4:nth-child(1):nth-last-child(2),
    .dropdown-menu.multi-column-dropdown.promotion .multi-column-dropdown-div .sub-nav-menus .col-lg-4:nth-child(2):nth-last-child(1) {
        width: 50%;
    }

    /* Navigation submenu with three columns */
    .dropdown-menu.multi-column-dropdown.promotion .multi-column-dropdown-div .sub-nav-menus .col-lg-4:nth-child(1):nth-last-child(3),
    .dropdown-menu.multi-column-dropdown.promotion .multi-column-dropdown-div .sub-nav-menus .col-lg-4:nth-child(2):nth-last-child(2),
    .dropdown-menu.multi-column-dropdown.promotion .multi-column-dropdown-div .sub-nav-menus .col-lg-4:nth-child(3):nth-last-child(1) {
        width: 33.3333%;
    }


}
/*@media only screen and (width: 1024px) {
    .header #navigation .navbar-nav .dropdown-menu {
        min-width: 828px !important;
    }
}*/
@media only screen and (min-width: 1024px) {
    .header #navigation .navbar-nav > li a:hover { cursor: pointer;}
    .header #navigation .navbar-nav > li:hover .dropdown-menu {
        display: block;
    }
}
@media only screen and (max-width: 1200px) and (min-width: 1023px) {
    .header #navigation .navbar-nav > li > a {
        padding: 31.6px 16px 30.9px;
        margin: 0;
    }

    .current-rate.current-rate-homeloans .rate-wrapper .rate-section {
        padding: 39.7px 10px 39.5px;
    }

    .officers {
        margin-bottom: 49.6px;
    }

    .other-officers .section-content {
        padding: 76.6px 56.2px 0px 55.2px;
    }

    .page-content.faq .nav-tabs.material-tabs > li > a {
        padding: 29.5px 16px 31.5px;
    }

    .content-section.four-column .section-div {
        margin-top: 50px;
    }

    .page-content.content-page-B .content-section.section-five h2 {
        margin-bottom: 10px;
    }

    .page-content.content-page-A .content-section.section-six .tab-content {
        padding-bottom: 40px;
    }

    .page-content.content-page-A .nav-tabs.material-tabs li {
        margin-right: 20px;
    }

    .page-content.search-page .nav-tabs.material-tabs li {
        padding-right: 35px;
    }

    .page-content.faq .nav-tabs.material-tabs > li > a,
    .page-content.content-page-A .nav-tabs.material-tabs > li > a {
        min-width: 120px;
    }
}

@media only screen and (max-width: 1024px) {
    #online-banking {text-decoration: none;}
    .banking-form {
        display: none;
    }
    .header .header-top {
        position: relative;
        border: none;
    }

        .header .header-top ul.header-top-nav {
            display: none;
        }
    .header #navigation .navbar-nav .multi-column-dropdown { min-height:  unset;}
    .maintenance-alert .pl-0 {
        padding-left: 15px;
    }
    .maintenance-alert {padding: 21.5px 0;}
        
        .maintenance-alert .pr-0 {
            padding-right: 15px;
        }

    .header #navigation .navbar-nav .dropdown-menu .multi-column-dropdown-div {
        width: 100%;
    }

    #searchOverlay .search-content .form-control {
        height: 60px;
    }

    #searchOverlay .search-content .form-group label {
        top: 15px;
    }

    #searchOverlay .search-content .form-group button {
        top: 32%;
    }

    #searchOverlay .search-content .form-group label.active {
        top: 0;
    }

    .page-content.search-page .nav-tabs.material-tabs li {
        padding-right: 65px;
    }

    .spectrumMobile,
    .navbar-toggle {
        display: block;
    }

    .spectrumDesktop,
    .maintenance-alert .desktop {
        display: none;
    }

    .tablet,
    .navbar-collapse.collapse.in {
        display: block !important;
    }

    .maintenance-alert .tablet {
        display: inline-block !important;
    }

    .maintenance-alert .info em {
        margin-left: 9.5px;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-header,
    .navbar-right {
        float: none !important;
    }

    .hero-slider .carousel,
    .hero-slider #heroCarousel .carousel-inner,
    .hero-slider #heroCarousel .item,
    .hero-slider #heroCarousel .carousel-slide {
        height: 447px !important;
        max-width: 100%;
        max-height: 447px;
    }

    .hero-slider #heroCarousel .item img {
        max-height: 447px;
        object-fit: cover
    }

    .carousel-inner .carousel-caption {
        left: 57px;
    }

    .convenient-locations {
        padding: 70.5px 0 51.5px;
    }

        .convenient-locations p {
            max-width: 480px;
            margin: auto;
        }

    .search-location-section .map {
        float: none;
        display: block;
        width: 100%;
    }
    /*.search-location-section .map img {
		width: 100%;
		min-height: 580px;
		max-height: 580px;
	}*/
    .search-location-content {
        padding-left: 0;
    }

        .search-location-content .filter-search {
            padding: 12.6px 30.3px 18.7px 19.2px;
        }

    .filter-search-location-col {
        min-width: 180px;
    }

    [type="radio"]:checked + label, [type="radio"]:not(:checked) + label {
        font-size: 14px;
        margin-right: 20px;
        padding-left: 26px;
        margin-bottom: 0;
    }

    .filter-location-contact-section {
        padding-left: 20px;
        padding-right: 20px;
    }

    .convenient-locations h3 {
        margin-bottom: 9.9px;
        padding: 0;
    }

    .member-news h3 {
        margin-bottom: 19.9px;
        padding: 0;
    }

    .member-news p {
        max-width: 616px;
        margin: auto;
    }

    .news-section {
        margin: 35.7px 0 42.3px;
        padding: 0 20px;
    }
        .news-section.owl-carousel .owl-nav button.owl-prev {
            left: 0;
        }
        .news-section.owl-carousel .owl-nav button.owl-next {
            right: 0;
        }

    .footer {
        padding: 53.8px 0 26px;
    }

        .footer .footer-top .footer-navigation ul li {
            margin: 0;
        }

            .footer .footer-top .footer-navigation ul li a {
                font-size: 12px;
            }

        .footer .footer-top {
            margin-bottom: 0;
        }

        .footer .footer-bottom .footer-media .footer-media-title {
            margin-bottom: 29.7px;
            font-size: 24px;
            line-height: 29px;
        }

        /*.footer .footer-bottom .footer-media .footer-social-media {
            margin-bottom: 44.3px;
        }*/

        .footer .footer-bottom .footer-services ul li:after {
            margin: 0 12.4px;
        }

    .quotes-section{
        height: auto;
    }
    .quotes-section .quotes-background {
        object-fit: cover;
    }

    .quotes-section .quotes-content {
        margin: 49px 50px;
    }

    .quotes-section .quotes-content .quotes-div .quotes {
        font-size: 40px;
    }

    .member-news {
        padding: 74.9px 15px 47.9px;
    }

    .join-fast {
        padding: 63.6px 0 48.8px;
    }

    .join-fast .container {
        /*width: 800px;*/
    }

    .steps-to-join.owl-carousel .pl-8,
    .steps-to-join.owl-carousel .pr-8 {
        padding-left: 0;
        padding-right: 0;
    }

    .steps:hover {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

        .steps:hover .steps-content h4 {
            font-size: 18px;
            line-height: 22px;
            margin: 0 0 10px;
            padding:0;
        }

        .steps .steps-content h5, .steps:hover .steps-content h5 {
            font-size: 30px;
            line-height: 37px;
            margin-bottom: 6px;
            padding: 0;
        }

        .steps .steps-content, .steps:hover .steps-content {
            padding: 34.3px 28px 30.6px;
            height: 320px;
        }

            .steps .steps-content p {
                font-size: 16px;
                line-height: 20px;
                max-width: 230px;
                margin-left: auto;
                margin-right: auto;
            }

    .thumbnail-slider #thumbcarousel .item {
        text-align: center;
    }

    .thumbnail-slider #thumbcarousel {
        padding: 0;
        max-width: none;
        float: none;
        width: 100%;
        margin: -56px 0 auto;
        text-align: center;
    }

    .carousel-control.left {
        left: 20.5%;
    }

    .carousel-control.right {
        right: 20.5%;
    }

    .thumbnail-slider {
        margin-bottom: 51.2px;
    }

    #carousel {
        margin-left: -30px;
        margin-right: -30px;
    }

    .banking-form {
        width: 344px;
    }

    .nav-tabs.material-tabs > li > a {
        min-width: auto;
        max-width: none;
        overflow: visible;
    }

    .banking-form .mobile-banking {
        display: block;
    }

    .banking-form .desktop-banking-form {
        padding: 10.3px 24px 22.7px;
    }

    label,
    .banking-form .btn {
        font-size: 16px;
        line-height: 20px;
    }

    .rate-wrapper .rate-title-wrapper .rate-subtitle {
        line-height: 37px;
    }

    .rate-wrapper .rate-section .rate-section-subtitle {
        margin-bottom: 18.8px;
    }

    .rate-wrapper {
        margin-bottom: 39px;
    }

    .start-here {
        padding: 40.9px 0 40.8px;
    }

        .start-here .steps-to-join {
            margin-top: 47.3px;
        }

    /*.steps .steps-content {
        min-height: 270px;
    }*/

    .loan-options-section {
        padding: 71.5px 0 64px;
    }

    .loan-option-div {
        margin-top: 50px;
    }

    .loan-option {
        text-align: center;
        min-height: auto;
        margin-bottom: 20px;
    }

        .loan-option:after,
        .watch-now img.video-icon {
            display: none;
        }

        .loan-option .loan-option-title {
            height: auto;
            margin-bottom: 17.5px;
        }

        .loan-option .loan-option-content {
            margin-bottom: 27.2px;
        }

    .thumbnail-slider.home-loans .carousel-caption h2 {
        line-height: 64px;
    }

    .thumbnail-slider .carousel-caption p {
        margin-top: 8.7px;
    }

    .thumbnail-slider #carousel.carousel,
    .thumbnail-slider #carousel .carousel-inner,
    .thumbnail-slider #carousel .item,
    .thumbnail-slider #carousel .carousel-slide,
    #carousel .carousel-inner .item img {
        min-height: 560px;
        max-height: 560px;
    }

    .thumbnail-slider.home-loans {
        margin-bottom: 134.2px;
    }

    .custom-nav-tabs.nav-tabs.nav-justified > li > a {
        font-size: 24px;
        line-height: 29px;
    }

    .officers-help {
        padding: 52px 0 60.3px;
    }

        .officers-help h3 {
            margin-bottom: 20.9px;
            padding: 0;
        }

    .your-officer {
        margin: 35.3px 0 49px;
    }

        .your-officer .officer-img {
            float: none;
            text-align: center;
            margin-right: 0;
        }

    .loan-info {
        max-width: 650px;
    }

    .other-officers {
        margin: 0 35px;
    }

        .other-officers .section-content {
            padding: 76.6px 56.2px 49.2px 55.2px;
        }

    .officers {
        margin-bottom: 63.2px;
        padding: 65.6px 61.5px 43.1px 61px;
        min-height: 270px;
    }

        .officers.officer03,
        .officers.officer04 {
            margin-bottom: 0;
        }

    .custom-nav-tabs.nav-tabs.nav-justified > li > a {
        font-weight: 500;
    }

    .open-account .btn {
        margin-top: 16px;
    }

    .my-saving {
        overflow: hidden;
    }

    .numericList li::before {
        top: 0;
    }

    .numericList li {
        line-height: 15px;
        margin-bottom: 18.5px;
    }

    .sidebar {
        margin-left: 0;
        box-shadow: none;
        margin-top: 40px;
    }

        .sidebar h6 {
            margin: 0 0 20px;
            padding: 0;
        }

        .sidebar .white-box {
            box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.16);
            /*padding: 27.4px 64px 13.4px 26px;
            margin-right: 10px;*/
        }

        /*.sidebar .white-box, .sidebar .green-box {
            float: left;
            width: 48%;
            min-height: 310px;
        }

        .sidebar .green-box {
            padding: 30.4px 71px 22.4px 29px;
        }*/

    .page-content.content-page-B {
        padding-top: 0;
    }

    .callout-div p {
        min-height: auto;
    }

    .contact-details .contact-info p {
        white-space: normal;
        margin-bottom: 25px;
    }

    .contact-form {
        margin-top: 51px;
    }

    .contact-details .terms {
        margin: 35px 0;
    }

    .custom-form .form-group.comments {
        margin-top: 34.5px;
    }

    .custom-form .form-group.has-captcha {
        margin-top: 11.9px;
    }

    .custom-form .btn-section {
        margin-top: 18.7px;
    }

    .nav-tabs.material-tabs {
        position: relative;
        overflow-x: auto;
        overflow-y: hidden;
        width: 100%;
        background-color: #fff;
        margin: 0 auto;
        white-space: nowrap;
        border: none;
    }

        .nav-tabs.material-tabs li:first-child {
            margin-right: -2px;
            margin-left: 0;
        }

        .nav-tabs.material-tabs li {
            display: inline-block;
            text-align: center;
            padding: 0;
            margin: 0;
            width: auto;
            padding-right: 81px;
            margin-left: -4px;
            margin-right: -2px;
            border-bottom: 6px solid rgba(121,153,172,0.15);
        }

        .nav-tabs.material-tabs > li > a {
            display: block;
            width: 100%;
            height: 100%;
            padding: 30px 20px 53.3px;
            text-overflow: ellipsis;
            -webkit-transition: color .28s ease, background-color .28s ease;
            transition: color .28s ease, background-color .28s ease;
        }

    .page-content.content-page-A .nav-tabs.material-tabs li {
        margin-right: 0;
    }

    .page-template-title.search-result h1 span {
        display: none;
    }

    .search-result-div {
        margin: 0 0 59px;
    }

        .search-result-div:last-child {
            margin: 0 0 25.4px;
        }

    .page-template-title.faq .search-content.search-field .form-control {
        height: 66.1px;
        padding-left: 24px;
        margin-bottom: 30.9px;
    }

    .page-template-title.faq .search-content.search-field .form-group button {
        top: 21.5px;
    }

    .page-content.faq .nav-tabs.material-tabs > li > a {
        padding-bottom: 27px;
        padding: 30px 61px 27px;
        width: 232px;
    }

    .page-content.faq .nav-tabs.material-tabs li {
        padding-right: 0;
    }

    .page-content.content-page-A .content-section.section-five .dottedList li {
        font-size: 16px;
        font-weight: 500;
        line-height: 22px;
    }

    .page-content.content-page-A .content-section.section-five {
        padding-bottom: 0;
    }

    .page-content.content-page-A .nav-tabs.material-tabs > li > a {
        padding: 16px 18px 31.5px;
    }

    .page-content.content-page-A .nav-tabs.material-tabs li {
        padding-right: 30.5px;
    }

    .page-content.content-page-A .content-section.section-six .tab-content {
        padding-bottom: 40.7px;
    }

    .banking-form {
        right: 35px;
    }

    .mobile-login-div {
        display: block;
    }

    .mobile-search {
        float: none;
        display: inline-block;
        line-height: 17px;
        padding: 16px 0;
    }

    #online-banking, .login-mobile {
        /*float: right;*/
        margin-right: 14.5px;
        font-weight: bold;
        font-size: 14px;
        line-height: 17px;
        padding: 16px 0;
        cursor: pointer;
        float: none;
        display: inline-block;
    }
        
        .header #navigation .navbar-nav > li > a:after {
            height: 3px;
        }

    .header #navigation .navbar-nav > li.active > a:after {
        opacity: 1;
    }

    .current-rate.current-rate-homeloans .rate-wrapper .rate-section {
        padding: 39.7px 20px 39.5px;
    }

    .page-content.content-page-A .content-section.section-six .tab-content {
        padding-bottom: 40px;
    }

    .page-title-section.home-loans .page-title {
        left: 10.5px;
    }

    .search-location-section {
        margin-top: 51.7px;
    }

    .banking-form .form-group {
        margin: 20px 0 18.2px;
    }

    .banking-form .desktop-banking-form {
        padding: 12px 24px 22.7px;
    }

    .banking-form .btn-section {
        margin-top: 26.1px;
    }
    #thumbslider {
        float: none;
        margin: -50px auto 0;
    }

    .current-rate .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .thumbnail-slider.home-loans .carousel-caption {
        top: 84.4px;
    }

    .thumbnail-slider {
        margin-bottom: 51.2px;
    }

        .thumbnail-slider.home-loans {
            margin-bottom: 81.5px;
        }
    .header #navigation .navbar-nav .dropdown-menu.multi-column-dropdown.promotion .multi-column-dropdown-div { width: 100%;}
    .header #navigation .navbar-nav .dropdown-menu .multi-column-dropdown li a, .header #navigation .navbar-nav .dropdown .dropdown-menu.multi-column-dropdown .multi-column-dropdown ul.dropdown-menu li a {
        padding: 8px;
    }
    .rate-wrapper .rate-section, .rate-wrapper .rate-section:hover {
        min-height: 220px;
    }

        .rate-wrapper .rate-section:hover {
            top: 0;
            padding: 40.5px 10px 39.4px;
        }

    .rate-section a.caretBtn, .rate-section:hover a.caretBtn, .rate-section span.caretBtn, .rate-section:hover span.caretBtn {
        bottom: 35px;
    }

    .rate-wrapper .rate-section:hover .rate-section-title {
        font-size: 30px;
        font-weight: bold;
        line-height: 22px;
        margin-bottom: 20.8px;
    }

    .rate-wrapper .rate-section:hover .rate-section-subtitle {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 18.2px;
    }
    #mainslider.owl-theme .owl-prev {left: 23%;}
    #mainslider.owl-theme .owl-next {right: 23%;}
    
}
@media only screen and (max-width: 1200px) and (min-width: 768px) {
    .news-section.owl-carousel .owl-stage-outer { height: 280px !important;}
    .news-section .news-div { height: 240px;}
}

    @media only screen and (max-width: 1200px) and (min-width: 992px) {
        
        .table-scroller {
            width: 698px;
            margin-left: 232px;
        }

        .table.table-slider > thead > tr > td,
        .table.table-slider > thead > tr > th,
        .table-slider tbody td,
        .table.table-slider-heading > thead > tr > td {
            min-width: 232px;
            max-width: 232px;
        }

        .header #navigation .navbar-nav .dropdown-menu.multi-column-dropdown.promotion .multi-column-dropdown-div {
            width: 100%;
        }

        #mainslider .item img {
            min-height: 558.8px;
        }

        .rates-slider.owl-carousel .owl-nav button.owl-next {
            right: -16px;
        }
    }

    @media only screen and (max-width: 820px) and (min-width: 730px) {
        .attention-container {
            width: 98.5vw !important;
        }
    }

    @media only screen and (max-width: 730px) and (min-width: 535px) {
        .attention-container {
            width: 98vw !important;
        }
    }

    @media only screen and (max-width: 534px) {
        .attention-container {
            width: 98vw;
        }
    }

    @media only screen and (max-width: 1024px) and (min-width: 992px) {
        .maintenance-alert .container {
            padding: 0;
        }
    }

    @media only screen and (max-width: 1024px) and (min-width: 768px) {
        .navbar-default .navbar-collapse {
            position: absolute;
            background: #ffffff;
            box-shadow: 3px 1px 10px 0 rgba(0, 0, 0, 0.25);
            left: 0;
            padding: 20px 58px 20px 25px;
            min-height: 330px;
            max-height: 462px;
            z-index: -1;
            min-width: 196px;
        }

        .header #navigation .navbar-nav .dropdown-menu {
            top: -20px;
            left: 171px;
            max-width: 836px;
            min-width: 572px;
            padding: 20.8px 69px 10.3px 57.7px;
            margin: 0;
        }

        .header #navigation .navbar-nav .single-column .dropdown-menu {
            left: 171px;
            padding: 20.8px 69px 10.3px 57.7px;
            min-width: 300px;
        }

            .header #navigation .navbar-nav .single-column .dropdown-menu .multi-column-dropdown {
                margin-bottom: 15px;
            }

        .header #navigation .navbar-nav .single-column.active .dropdown-menu {
            display: block;
        }

        .header #navigation .navbar-nav .dropdown-menu .multi-column-dropdown li a {
            line-height: normal;
        }

        .multi-column-dropdown {
            margin-bottom: 30px;
        }

        .navbar-nav {
            position: relative;
            margin-right: 0;
        }

            .navbar-nav > li {
                display: block;
            }

                .navbar-nav > li.single-column {
                    position: static;
                }

        #navigation .container {
            padding: 0;
        }

        #navigation .navbar-toggle {
            margin: 21.2px 15px 0 0;
        }

        .header {
            z-index: 100;
        }

            .header #navigation .navbar-nav > li > a {
                font-size: 14px;
                font-weight: bold;
                line-height: 17px;
                padding: 10.5px 5px;
                margin: 0 0 17.5px;
                outline: none;
            }

        .navbar-nav > li.search-field {
            display: none;
        }

        .header #navigation .navbar-nav .dropdown-menu .multi-column-dropdown .dropdown-menu.show {
            min-width: auto !important;
            top: 0;
        }

        .navbar-brand .desktop {
            display: none;
        }

        .news-section .news-div {
            min-height: 178px;
        }

        .header #navigation .navbar-brand {
            height: 51px;
            padding: 10px 15px;
        }

        .header #navigation {
            min-height: 51px;
        }

        .header .header-top {
            /*display: none;*/
            /*position: absolute;*/
        }

        .header {
            border: none;
        }

        .hero-slider #heroCarousel.carousel .carousel-indicators {
            width: 100%;
            text-align: center;
            bottom: 44.4px;
        }

        .banking-form {
            width: auto;
            left: 0px;
            right: 20px;
            top: 60px;
            z-index: 0;
            margin: auto;
        }

        .banking-form-top {
            display: block;
        }

        .page-title.member-savings {
            padding: 238px 0 38.5px;
        }

        .page-content {
            padding: 45.9px 0 35.5px;
        }

        .convenient-location-info h2 {
            margin-bottom: 14.6px;
        }

        .convenient-location-info .details {
            margin-top: 25px;
        }

        #mainContent .dottedList {
            display: inline-block;
            margin-right: 30px;
        }

        .convenient-location-info {
            margin-bottom: 41.5px;
        }

        .my-saving .info {
            top: 63.4px;
            left: 48.2px;
        }

        .my-saving .btn {
            font-size: 14px;
            line-height: 17px;
        }

        p.terms.font400 {
            max-width: 475px;
        }

        .callout-section {
            margin-top: 33.4px;
        }

        .callout-div {
            margin-bottom: 55px;
        }

        .page-template-title.template-A .breadcrumb {
            margin: 0 0 14px;
        }

        .page-template-title.template-A {
            padding: 25px 0 98px;
        }

        .page-content.content-page-A {
            padding: 37.4px 0 77.4px;
        }

        .content-section.section-one h2 {
            margin: 0 0 12.9px;
        }

        .page-content.content-page-A p.subtitle {
            margin: 0 0 27.7px;
            padding-right: 100px;
        }

        .page-content.content-page-A .content-section.section-one {
            padding-bottom: 63.8px;
        }

        .page-content.content-page-A .content-section.section-two {
            padding: 78.1px 0 4px;
        }

        .page-content.content-page-A .content-section h3 {
            margin: 0 0 15.6px;
            padding: 0;
        }

        .page-content.content-page-A .content-section.section-three h3 {
            margin: 0 0 15px;
            padding: 0;
        }

        .content-section.four-column .section-div {
            margin: 0 0 89px;
        }

        .content-section.four-column .btn {
            margin-top: 22.3px;
        }

        .page-content.content-page-A .content-section.section-three {
            padding: 73.9px 0 18px;
        }

        .page-content.content-page-A .content-section.section-two .section-div {
            margin: 0 0 89px;
        }

        .page-content.content-page-A .content-section.section-three .section-div {
            margin: 0 0 42.5px;
        }

        .page-content.content-page-A .content-section.section-four {
            padding-bottom: 44px;
        }

        .page-content.content-page-A .content-section ol li {
            font-weight: normal;
        }

        .page-content.content-page-A .content-section .section-four-div h3 {
            margin: 0 0 22px;
            padding: 0;
        }

        .page-content.content-page-A .content-section.section-five .section-div {
            margin: 0 0 40px;
        }

        #mainContent .page-content.content-page-A .content-section.section-five .section-div .dottedList {
            margin: 8.5px 0 0;
        }

        .content-section.section-four {
            padding-bottom: 0;
        }

        .content-section.section-six .tab-content {
            padding: 45.8px 0 77.5px;
        }

        .page-content.content-page-A .content-section.section-six .section-div {
            margin-bottom: 36.8px;
        }

        .page-template-title.template-B {
            padding-top: 25px;
        }

            .page-template-title.template-B .breadcrumb {
                margin-bottom: 14px;
            }

        .page-content.content-page-B .content-section.section-one p.subtitle {
            margin-bottom: 30px;
        }

        .page-content.content-page-B .content-section.section-one {
            padding-bottom: 10px;
        }

        .page-content.content-page-B .content-section.section-two {
            padding-bottom: 73.8px;
        }

        .section-more-info {
            padding: 162px 0 140px;
        }

            .section-more-info h3 {
                margin-bottom: 16.6px;
                padding: 0;
            }

            .section-more-info .btn {
                margin-top: 28.3px;
            }

        .page-content.content-page-B .content-section.section-five {
            padding: 78.9px 0 4px;
        }

        .page-content.content-page-B .content-section.section-four {
            padding: 91.6px 0 40px;
        }

            .page-content.content-page-B .content-section.section-four .section-div {
                margin-bottom: 56.5px;
            }

        .watch-now {
            margin: 0 30px;
        }

            .watch-now .info {
                top: 160px;
                max-width: 290px;
                left: 59px;
            }

        .content-box .btn {
            padding: 12px 40px;
        }

        .page-content.content-page-B .content-section.section-three .section-div {
            margin-bottom: 90.2px;
        }

        .page-content.content-page-B .content-section.section-three {
            padding-bottom: 0;
        }

        .page-content.content-page-B .content-section.section-two {
            padding-bottom: 50px;
        }

        /*.page-template-title.contact-us {
        padding: 29px 0 125px;
    }*/

        .page-content.contact-us {
            padding: 40px 0 120.5px;
        }

        .page-template-title.search-result {
            padding-top: 29px;
        }

            .page-template-title.search-result h1 {
                padding-left: 17px;
            }

        .page-content.search-page {
            padding-top: 34px;
        }

        .search-page .search-content.search-field .form-control {
            margin-bottom: 44px;
        }

        .page-content.search-page .tab-content {
            padding-top: 67.4px;
        }

        .page-template-title.faq {
            padding: 40px 0 22px;
        }

            .page-template-title.faq h1 {
                margin-bottom: 27.9px;
            }

        .popular-ques-section h3 {
            font-size: 24px;
            line-height: 29px;
            margin-bottom: 20px;
            padding: 0;
        }

        .page-content.faq {
            padding: 18px 0 46px;
        }

            .page-content.faq .nav-tabs.material-tabs > li > a {
                padding-bottom: 29.5px;
            }

            .page-content.faq .tab-content {
                padding-top: 65.5px;
            }

        #mainContent .question-container .question-div ul li:nth-child(2) .content {
            min-height: 209px;
            max-height: 234px;
        }

        #mainContent .question-container .question-div {
            margin: 0 0 73px;
        }

            #mainContent .question-container .question-div:last-child {
                margin: 0 0 35px;
            }

        .header #navigation .navbar-brand img {
            max-width: 114px;
            min-width: 114px;
        }

        .current-rate.current-rate-homeloans .rate-wrapper .rate-section,
        .current-rate.current-rate-homeloans .rate-wrapper .rate-section:hover {
            padding: 32.7px 16.9px 46.4px;
        }

            .current-rate.current-rate-homeloans .rate-wrapper .rate-section:hover .rate-section-title {
                font-size: 28px;
            }

        .rates-slider.owl-carousel .owl-dots {
            position: absolute;
            bottom: 0;
        }

        .rates-slider.owl-carousel {
            margin: auto;
        }

        .padding-0 {
            padding: auto;
        }
    }

    @media only screen and (max-width: 991px) and (min-width: 768px) {
        .hero-slider #heroCarousel .carousel-inner .carousel-caption { left:0;}
        #mainslider .item img {
            min-height: 498px;
        }

        [type="radio"]:checked + label, [type="radio"]:not(:checked) + label {
            margin-right: 3px;
        }

        .member-news {
            padding: 74.9px 0 47.9px;
        }

        .news-section {
            padding: 0 20px;
        }

            .news-section.owl-carousel .owl-nav button.owl-prev {
                left: 0;
            }

            .news-section.owl-carousel .owl-nav button.owl-next {
                right: 0;
            }

            .news-section.owl-carousel .owl-nav button.owl-prev, .news-section.owl-carousel .owl-nav button.owl-next {
                top: 91.6px;
            }

            .news-section .news-div {
                padding: 32px 30px 32.5px;
            }

        .rate-wrapper .rate-title-wrapper {
            padding: 31px 30.1px 36px;
        }

        .carousel-control.left {
            left: 10.5%;
        }

        .carousel-control.right {
            right: 10.5%;
        }

        #navigation .container {
            padding-right: 15px;
            padding-left: 15px;
        }

        #navigation .navbar-toggle {
            margin-left: 0;
        }

        .my-saving img {
            height: 429px;
            object-fit: cover;
        }

        .table-wrapper {
            max-height: 478px;
            margin-bottom: 20px;
        }

        #thumbslider.twoslide {
            width: 45%;
        }

        #thumbslider {
            width: 65%;
        }

        #mainslider.owl-theme .owl-prev {
            left: 15%;
        }

        #mainslider.owl-theme .owl-next {
            right: 15%;
        }
    }

    @media (max-width: 991px) {
        .steps .steps-content p {
            max-width: none;
            height: auto;
        }

        .twoColumnTable .loanTypeCol {
            width: 300px;
        }

        .maintenance-alert span {
            font-size: 16px;
        }
    }

    @media (min-width: 768px) {
        .nav-tabs.nav-justified > li > a {
            border-bottom: none;
            border-radius: 0;
        }
    }

    @media only screen and (max-width: 850px) and (min-width: 767px) {
        .page-title-section.home-loans .page-title {
            left: 30.5px;
        }
    }

    @media only screen and (max-width: 767px) {
        .page-container img {max-width: 100%; height: auto;}
        #mainslider.owl-carousel .owl-nav {
            display: none;
        }

        .tablet {
            display: none !important;
        }

        .table-wrapper {
            max-height: 400px;
            margin-bottom: 20px;
        }

        .owner-choices ul li {
            line-height: 22px;
            margin-bottom: 7px;
        }

        #navigation .container {
            padding-left: 15px;
            padding-right: 15px;
        }

        .filter-search-location img {
            width: 35px;
        }

        #navigation .navbar-toggle {
            margin: 25.5px 10px 0 15px;
        }

        #navigation.navbar-default .navbar-collapse {
            position: absolute;
            background: #ffffff;
            box-shadow: 3px 1px 10px 0 rgba(0, 0, 0, 0.25);
            width: 100%;
            z-index: -1;
            border: none;
        }

        #navigation .navbar-nav > li {
            display: block;
        }

        .rate-wrapper {
            z-index: 1;
        }

        #navigation .navbar-nav {
            padding: 21px 18px;
            margin-bottom: 30px;
        }

            #navigation .navbar-nav .form-group {
                margin: 0;
            }

                #navigation .navbar-nav .form-group button {
                    position: absolute;
                    right: 14px;
                    top: 18px;
                }

            #navigation .navbar-nav .form-control {
                border: 2px solid #002b49;
                height: 61px;
                color: #002b49;
                font-size: 18px;
                line-height: 22px;
                font-weight: bold;
                padding-right: 45px;
            }

                #navigation .navbar-nav .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
                    color: #002b49;
                    font-size: 18px;
                    line-height: 22px;
                    font-weight: bold;
                }

                #navigation .navbar-nav .form-control::-moz-placeholder { /* Firefox 19+ */
                    color: #002b49;
                    font-size: 18px;
                    line-height: 22px;
                    font-weight: bold;
                }

                #navigation .navbar-nav .form-control:-ms-input-placeholder { /* IE 10+ */
                    color: #002b49;
                    font-size: 18px;
                    line-height: 22px;
                    font-weight: bold;
                }

                #navigation .navbar-nav .form-control:-moz-placeholder { /* Firefox 18- */
                    color: #002b49;
                    font-size: 18px;
                    line-height: 22px;
                    font-weight: bold;
                }

        .header #navigation .navbar-nav > li > a {
            padding: 30px 10px 20px;
            margin: 0;
            background: url('../images/nav-arrow-mob-orange.png') no-repeat right 10px top 34px;
        }

            .header #navigation .navbar-nav > li > a::after {
                content: '';
                width: 46px;
                height: 2px;
                background: #007f88;
                display: block;
                position: relative;
                top: 10px;
                left: 0px;
                opacity: 1;
            }

            .header #navigation .navbar-nav > li > a:hover::after {
                top: 20px;
            }

        .header #navigation .navbar-nav .dropdown-menu .multi-column-dropdown li {
            margin: 10px 0;
        }

            .header #navigation .navbar-nav .dropdown-menu .multi-column-dropdown li a {
                padding: 8px;
            }

        .header #navigation .navbar-nav .dropdown-menu .multi-column-dropdown-div li {
            margin: 0 0 10px;
        }

        .header #navigation .navbar-nav .dropdown .dropdown-menu.multi-column-dropdown .multi-column-dropdown ul.dropdown-menu li a {
            padding: 0;
            padding-left: 5px;
        }

        .header #navigation .navbar-nav .dropdown-menu {
            padding: 0 27.8px;
            box-shadow: none;
            margin: 0;
        }

        .search-mobile {
            display: block;
        }

        .submenu-title, .submenu-title-text {
            display: inline-block;
        }

        .header #navigation .navbar-nav .dropdown-menu .multi-column-dropdown li a {
            font-size: 16px;
            line-height: 42px;
        }

        .header #navigation .navbar-nav .dropdown-menu .multi-column-dropdown .dropdown-menu.show {
            position: static;
        }

        .multi-column-dropdown {
            margin-bottom: 30px;
        }

        .hero-slider #heroCarousel.carousel .carousel-indicators {
            text-align: center;
        }

        .header {
            border: none;
            z-index: 1000;
        }



        .maintenance-alert {
            font-size: 16px;
            line-height: 20px;
            letter-spacing: 0.2px;
            padding: 21.5px 0;
        }

            .maintenance-alert .date {
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
                width: 450px;
            }

            .maintenance-alert .info span {
                display: none !important;
            }

            .maintenance-alert .date img {
                margin: 0 14.6px 0 0
            }

        .header #navigation {
            min-height: 70px;
        }

            .header #navigation .navbar-brand {
                height: auto;
                padding: 17px 5px;
            }

        .search-location-section .map {
            float: none;
        }

        .search-location-content {
            padding-left: 0;
        }

        .convenient-locations {
            padding: 40.5px 21px 51.2px;
        }

            .convenient-locations p {
                max-width: 286px;
                margin: 10px auto;
            }

        #location-map img {
            width: 100%;
        }

        .search-location-content .search-location-field h4 {
            display: none;
            padding: 0;
        }

        .search-location-content .search-location-field input {
            width: 200px;
            margin-left: 0;
        }

        .search-location-content .search-location-field label {
            font-size: 0;
            padding-left: 30px;
        }

            .search-location-content .search-location-field label:before {
                content: "Bakersfield, CA";
                font-size: 14px;
                line-height: 17px;
                letter-spacing: 0.2px;
                color: #ffffff;
                padding-left: 0;
                opacity: 1;
            }

        .checkbox-inline + .checkbox-inline, .radio-inline + .radio-inline {
            margin-left: 0;
            display: block;
        }

        [type="radio"]:checked + label, [type="radio"]:not(:checked) + label {
            margin-bottom: 21px;
            padding-left: 25px;
            font-size: 16px;
            line-height: 20px;
        }

            [type="radio"]:checked + label:before,
            [type="radio"]:not(:checked) + label:before {
                top: 0px;
            }

            [type="radio"]:checked + label:after,
            [type="radio"]:not(:checked) + label:after {
                top: 4px;
            }

        .search-location-content .filter-search h5 {
            margin-bottom: 18.4px;
            padding: 0;
        }

        .search-location-content .search-location-field input.form-control:focus + .form-control-placeholder,
        .search-location-content .search-location-field input.form-control-placeholder.active {
            display: none;
        }

        .member-news {
            padding: 78.7px 30px 79px;
            overflow: hidden;
        }

        .news-section {
            margin: 20px 0 30px;
        }

        .btn-news {
            margin-top: 30px;
        }

        .news-section.owl-carousel .owl-stage-outer {
            overflow: unset;
            height: auto !important;
        }

        .news-section .news-div {
            padding: 32px 16px;
            min-height: 180px;
        }

        .section h3 {
            margin-bottom: 15.6px;
            padding: 0;
        }

        .join-fast {
            padding: 43.1px 32px 68.9px;
            overflow: hidden;
        }

        .start-here {
            overflow: hidden;
        }

        .steps .steps-content, .steps:hover .steps-content {
            padding: 44.9px 16.2px 29.9px;
        }

        .steps-icon {
            margin: -35px auto 0;
        }

        .steps-to-join.owl-carousel.owl-loaded.owl-drag {
            overflow: visible;
        }

        .steps .steps-image {
            height: 201px;
        }

            .steps .steps-image img {
                display: inherit;
                min-height: 201px;
                max-height: 201px;
                object-fit: cover;
                width: 100%;
            }

        .quotes-section {
            background: #ffffff;
            height: auto;
        }

            .quotes-section .quotes-content {
                max-width: 400px;
                margin: 50px auto;
            }

        .financial-help-section {
            height: auto;
            line-height: normal;
            padding: 19.7px 0 19px;
        }

        .content-box {
            min-height: auto;
            margin-bottom: 15px;
        }

        .help-section {
            padding: 26.7px 0 26.3px;
        }

            .help-section p {
                font-size: 18px;
                display: block;
                margin-bottom: 21px;
                padding: 0;
            }

            .help-section .btn {
                font-weight: 500;
                margin: 0;
            }

        .footer {
            padding: 53px 15px 23px;
        }

        .mobile {
            display: block !important;
        }

        .desktop {
            display: none !important;
        }

        .custom-table tr,
        .custom-table tr td {
            display: block;
        }

        .custom-table > tbody > tr > td,
        .custom-table > tbody > tr > th,
        .custom-table > tfoot > tr > td,
        .custom-table > tfoot > tr > th,
        .custom-table > thead > tr > td,
        .custom-table > thead > tr > th {
            border-bottom: none;
            padding: 6px 14px;
        }

        .custom-table tr {
            padding: 15.6px 0 17.9px;
        }

            .custom-table tr::after {
                content: '';
                width: 300px;
                height: 2px;
                background: rgba(112, 112, 112, 0.3);
                display: block;
                margin: 0 auto;
                position: relative;
                top: 17px;
            }

        .filter-search-location p {
            margin: 0 !important;
            padding-left: 40px;
        }

        .filter-location-address {
            padding-left: 55px;
        }

        .filter-location-contact-section {
            padding-left: 55px;
            padding-right: 40px;
        }

        .footer .footer-top .footer-partners ul li a,
        .footer .footer-top .footer-partners ul li {
            display: inline-block;
            vertical-align: middle;
        }

        .footer .footer-top .footer-partners ul li {
            margin-right: 30px;
        }

            .footer .footer-top .footer-partners ul li:last-child {
                margin-right: 0;
            }

        .footer .footer-bottom .footer-media .footer-media-title {
            margin-bottom: 27.7px;
        }

        .footer-partners {
            margin: 28.9px 0 0;
            text-align: center;
        }


        .footer-top .footer-partners ul li:nth-child(2) {
            margin-bottom: 0;
        }

        .footer-top .footer-partners ul li:first-child {
            margin-bottom: 10px;
        }

        .footer .footer-top {
            margin-bottom: 0;
        }

        .footer .footer-bottom .footer-media .footer-social-media span {
            display: block;
            margin-top: 16.3px;
        }

        .footer .footer-bottom .footer-media .footer-social-media {
            font-size: 16px;
            margin-bottom: 20px;
        }

        .footer .ftr-acc {
            margin-top: 10px;
        }

            .footer .ftr-acc a {
                font-size: 16px;
            }

        .spectrumMobile {
            margin-top: 13px;
            margin-bottom: 0;
        }

        .footer .footer-bottom .footer-services ul li:after {
            margin: 0 4px;
        }

        .footer .footer-bottom .footer-services .inlineList li {
            margin-bottom: 14px;
        }

        .thumbnail-slider #carousel.carousel,
        .thumbnail-slider #carousel .carousel-inner,
        .thumbnail-slider #carousel .item,
        .thumbnail-slider #carousel .carousel-slide,
        #carousel .carousel-inner .item img {
            min-height: 413px;
            max-height: 413px;
        }

        #carousel .carousel-inner .item img {
            object-fit: cover;
        }

        .thumbnail-slider {
            margin-bottom: 37.3px;
        }

            .thumbnail-slider .carousel-caption h2 {
                font-size: 24px;
                line-height: 29px;
                letter-spacing: 0;
            }

            .thumbnail-slider .carousel-caption p {
                font-size: 14px;
                line-height: 17px;
            }

            .thumbnail-slider .carousel-caption {
                max-width: 250px;
                left: 22px;
                /*top: 136.1px;*/
                bottom: 81px;
            }

            .thumbnail-slider #thumbcarousel .item .thumb {
                width: 7px;
                height: 7px;
                border-radius: 50%;
                background: #adafb4;
                margin-right: 5px;
            }

                .thumbnail-slider #thumbcarousel .item .thumb:hover {
                    border: none;
                    width: 14px;
                    height: 14px;
                    background: #6244bb;
                }

                .thumbnail-slider #thumbcarousel .item .thumb img {
                    display: none;
                }

            .thumbnail-slider #thumbcarousel {
                margin: 0;
                width: 100%;
                float: none;
            }

                .thumbnail-slider #thumbcarousel .item {
                    text-align: center;
                    margin-top: 30px;
                }

        #carousel {
            margin-left: 0;
            margin-right: 0;
        }

        .current-rate {
            overflow: hidden;
            margin-top: -15px;
        }

        .rate-wrapper {
            background: transparent;
            box-shadow: none;
            margin: 0 30px 55.8px;
        }

            .rate-wrapper .rate-section {
                padding: 48.5px 20px;
                background: #ffffff;
                box-shadow: 0 1px 21px 0 rgba(0, 0, 0, 0.16);
                min-height: 270px;
                /*pointer-events: none;*/
            }

                .rate-wrapper .rate-section:hover {
                    top: 0;
                    position: static;
                    padding: 48.5px 20px;
                    min-height: 270px;
                }

            .rate-wrapper .rate-title-wrapper .rate-percentage {
                display: none;
            }

            .rate-wrapper .rate-title-wrapper .rate-title {
                margin-bottom: 1.8px;
            }

        .rates-slider.owl-carousel .owl-stage-outer {
            overflow: visible;
        }

        .rate-wrapper .rate-title-wrapper {
            padding: 15.7px 30px 16.6px;
            margin-left: 15px;
        }

        .rate-wrapper .rate-section .rate-section-title, .rate-wrapper .rate-section:hover .rate-section-title {
            font-size: 47px;
            line-height: 34px;
            margin-bottom: 18.5px;
        }

        .rate-wrapper .rate-section .rate-section-content, .rate-wrapper .rate-section:hover .rate-section-content {
            font-size: 28px;
            line-height: 34px;
            margin-bottom: 5.4px;
        }

        .rate-wrapper .rate-section .rate-section-subtitle, .rate-wrapper .rate-section:hover .rate-section-subtitle {
            font-size: 25px;
            line-height: 30px;
            margin-bottom: 30.3px;
        }

        .rate-wrapper .rate-section a {
            margin-top: 30.3px;
        }

        .hero-slider .carousel,
        .hero-slider #heroCarousel .carousel-inner,
        .hero-slider #heroCarousel .item,
        .hero-slider #heroCarousel .carousel-slide {
            max-width: 100%;
            max-height: 393px;
            height: 393px !important;
        }

            .hero-slider #heroCarousel .item img {
                object-fit: cover;
                max-width: 100%;
                max-height: 393px;
            }

        /*.hero-slider #heroCarousel .carousel-inner .carousel-caption h1.hero {
                font-size: 48px;
                line-height: 57px;
            }

                .hero-slider #heroCarousel .carousel-inner .carousel-caption h1.hero span {
                    font-size: 24px;
                    line-height: 29px;
                }*/

        .banking-form {
            display: none;
            width: auto;
            left: 20px;
            right: 20px;
            top: 120px;
            z-index: 0;
        }

        .mobile-search {
            line-height: 17px;
            padding: 26.5px 0;
            padding-right: 30px;
        }

        #online-banking, .login-mobile {
            padding: 26.5px 0;
        }

        .hero-slider #heroCarousel .carousel-inner .carousel-caption {
            bottom: 112px;
            left: 21px;
            right: 22px;
        }

        .page-title:before {
            background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%);
            background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);
            background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);
        }

        .current-rate-homeloans .rate-wrapper .rate-title-wrapper .rate-title {
            margin-bottom: 7.8px;
        }

        .current-rate.current-rate-homeloans .rate-wrapper .rate-section .rate-section-title {
            font-size: 42px;
            line-height: 52px;
        }

        .current-rate.current-rate-homeloans .rate-wrapper .rate-section {
            padding: 59.7px 29.8px 56.4px;
        }

            .current-rate.current-rate-homeloans .rate-wrapper .rate-section .rate-section-subtitle {
                font-size: 22px;
                line-height: 27px;
                margin-bottom: 35.7px;
            }

            .current-rate.current-rate-homeloans .rate-wrapper .rate-section a {
                margin-top: 0;
            }

        .current-rate.current-rate-homeloans .owl-dots {
            text-align: center;
        }

        .current-rate.current-rate-homeloans .owl-carousel button.owl-dot {
            background: rgba(39,41,65,0.35)
        }

            .current-rate.current-rate-homeloans .owl-carousel button.owl-dot.active {
                border-color: #6244bb
            }

        .current-rate.current-rate-homeloans {
            margin-top: -64px;
        }

            .current-rate.current-rate-homeloans .rate-wrapper {
                margin-bottom: 22.4px;
            }

        .start-here {
            padding: 57px 0 72.4px 35.9px;
        }

            .start-here h3 {
                margin-bottom: 8.9px;
                padding: 0;
            }

            .start-here .steps-to-join {
                margin-top: 19.2px;
            }

        .loan-options-section {
            padding: 82px 53px 72.3px 51px;
        }

            .loan-options-section h3 {
                margin-bottom: 29.9px;
                padding: 0;
            }

            .loan-options-section .info-section {
                margin-bottom: 63.9px;
            }

        .loan-option .loan-option-content {
            margin-bottom: 37.2px;
        }

        .loan-option .loan-option-rate {
            margin-bottom: 25px;
        }

        .loan-option {
            padding: 0;
            margin: 0;
        }

            .loan-option::after {
                content: '';
                width: 43px;
                height: 3px;
                background: #007f88;
                display: inline-block;
                position: relative;
                margin: 45.5px 0 36.8px;
            }

        .loan-option-div {
            margin-top: 0;
        }

        .loan-options-section .btn:first-child {
            margin-right: 10px;
        }

        .loan-options-section .btn {
            min-width: 141px;
        }

        .thumbnail-slider.home-loans .carousel-caption h2 {
            line-height: 29px;
        }

        .thumbnail-slider.home-loans .carousel-caption {
            top: 173.1px;
        }

        .thumbnail-slider.home-loans .carousel-caption {
            max-width: 200px;
        }

        .thumbnail-slider.home-loans {
            margin-bottom: 59.2px;
        }

        .personalize-rates {
            padding: 50.2px 21px 56.5px;
        }

        .info-section {
            max-width: none;
        }

        .personalize-rates h3 {
            margin-bottom: 26.9px;
            padding: 0;
        }

        .loan-info {
            margin-top: 27.3px;
        }

        .officers-help {
            padding: 91.9px 0 35px;
        }

            .officers-help .loan-info {
                margin: 0 35px;
            }

            .officers-help h3 {
                color: #008824;
                margin-bottom: 18.9px;
                padding: 0;
            }

        .your-officer {
            margin-bottom: 63px;
        }

            .your-officer .officer-details {
                padding-top: 50.9px;
            }

                .your-officer .officer-details h4 {
                    margin-bottom: 15.9px;
                    padding: 0;
                }

                .your-officer .officer-details p.info {
                    margin-bottom: 43.1px;
                }

            .your-officer .inlineList li {
                margin-right: 10px;
            }

        .other-officers {
            margin: 0 36px 0 36.5px;
        }

            .other-officers .section-content {
                padding: 56.9px 26px 51.6px 27px;
            }

        .officers {
            padding: 65.6px 52.5px 43.1px 52px;
        }

            .officers.officer03 {
                margin-bottom: 63.2px;
            }

        .loan-info .form-group {
            margin-top: 38.6px;
        }

        .loan-info .select-field:focus,
        .loan-info .select-field:hover {
            border-color: #ffffff;
        }

        .loan-info .tab-content {
            padding-top: 15.4px;
        }

        .loan-info .input-group {
            margin-bottom: 33.9px;
        }

        .loan-info .btn-section {
            margin-top: 48.5px;
        }

        .page-content {
            padding: 36px 0 16.3px;
        }

        .convenient-location-info h2 {
            margin-bottom: 16.6px;
        }

        .custom-checkbox {
            line-height: 20px;
            margin-bottom: 15px !important;
        }

        .checkmark {
            top: 2px;
        }

        .convenient-location-info {
            padding-bottom: 36.5px;
            margin-bottom: 33.5px;
        }

        .open-account h3 {
            margin-bottom: 14px;
            padding: 0;
        }

        .my-saving .info {
            top: 36.2px;
            bottom: 52.2px;
            left: 27.2px;
            max-width: 240px;
        }

        p.terms.font400 {
            text-align: left;
        }

        .my-saving:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            padding: 0;
            margin: 0 auto;
            width: 100%;
            bottom: 0;
            /*z-index: 1;*/
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.75+100 */
            background: -moz-linear-gradient(top, rgba(255, 255, 255,0) 0%, rgba(255, 255, 255,0.75) 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(top, rgba(255, 255, 255,0) 0%,rgba(255, 255, 255,0.75) 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom, rgba(255, 255, 255,0) 0%,rgba(255, 255, 255,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#bf000000',GradientType=0 ); /* IE6-9 */
        }

        .callout-section {
            margin-top: 41.4px;
        }

            .callout-section h2 {
                margin-bottom: 23.6px;
            }

        .sidebar .white-box, .sidebar .green-box {
            width: 100%;
        }

        .breadcrumb {
            display: none;
        }

        .back-icon {
            color: #ffffff;
            font-size: 14px;
            line-height: 17px;
            font-weight: 500;
            letter-spacing: 0.2px;
        }

            .back-icon img {
                margin-right: 10px;
                margin-top: -2px;
            }

        .page-template-title.template-A {
            padding: 5px 0 94px;
        }

        .page-template-title h1 {
            margin-top: 20px;
        }

        .page-content.content-page-A {
            padding: 41.4px 0 39.4px;
        }

        .content-section.section-one h2 {
            margin-bottom: 15.6px;
        }

        p.subtitle {
            padding-right: 0;
            font-size: 28px;
            line-height: 36px;
        }

        .page-content.content-page-A .content-section.section-one {
            padding-bottom: 75.5px;
        }

        .page-content.content-page-A .content-section.section-two {
            padding: 93.5px 0 8px;
        }

        .content-section.four-column .section-div {
            margin: 0 0 96px;
        }

        .content-section.four-column h2 {
            margin-bottom: 51.6px;
        }

        .page-content.content-page-A .content-section.section-three {
            padding: 80.5px 0 0;
        }

            .page-content.content-page-A .content-section.section-three .section-div {
                margin-bottom: 50.5px;
            }

        .section-four-div {
            margin-top: 30.5px;
        }

        .content-section.section-four {
            padding-bottom: 45px;
        }

        .content-section.section-five .section-div {
            margin-bottom: 55px;
        }

        #mainContent .page-content.content-page-A .content-section.section-five .section-div .dottedList {
            margin-top: 30.5px;
        }

        .content-section.section-five {
            padding-bottom: 0;
        }

        .content-section.section-six .tab-content {
            padding-top: 45.8px;
        }

        .content-section.section-six .section-div {
            margin-bottom: 40.8px;
        }

        .page-template-title.template-B .breadcrumb {
            margin-bottom: 0;
        }

        .page-template-title.template-B {
            padding-top: 19.3px;
        }

        .page-content.content-page-B .content-section.section-one {
            padding-bottom: 20px;
        }

        .pl-6 {
            padding-left: 15px;
        }

        .pr-6 {
            padding-right: 15px;
        }

        .section-img {
            margin-bottom: 12px;
        }

        .page-content.content-page-B .content-section.section-two {
            padding: 0 0 65.5px;
        }

        .page-content.content-page-B .content-section.section-three {
            padding: 0;
        }

            .page-content.content-page-B .content-section.section-three .section-div {
                margin-bottom: 66.2px;
            }

        .content-section .content-box {
            margin: 0 15px;
            padding: 51.2px 50px;
        }

        .content-box .btn {
            border-width: 2px;
        }

        .watch-now .info {
            max-width: 285px;
            left: 29.6px;
            top: 160px;
        }

            .watch-now .info h2 {
                margin-bottom: 17.6px;
            }

        .page-content.content-page-B .content-section.section-four {
            padding: 69.6px 0 40px;
        }

            .page-content.content-page-B .content-section.section-four .section-div {
                margin-bottom: 49.7px;
            }

        .page-content.content-page-B .content-section.section-five {
            padding: 93.5px 0 10px;
        }

            .page-content.content-page-B .content-section.section-five .section-div {
                margin-bottom: 96px;
            }

        .section-more-info {
            padding: 76.1px 34px;
        }

            .section-more-info h3 {
                margin-bottom: 21.6px;
                padding: 0;
            }

            .section-more-info .btn {
                margin-top: 22.3px;
            }

        .page-template-title.contact-us {
            padding: 51px 0;
            margin: 0;
        }

        .page-content.contact-us {
            padding: 26px 0 55px;
        }

        .contact-details .contact-info p span {
            display: block;
        }

        .contact-details .contact-info p {
            margin-bottom: 35px;
        }

        .contact-details .terms {
            line-height: 16px;
            margin: 28px 0;
        }

        .contact-details .address-div {
            margin-bottom: 33px;
        }

        .contact-form {
            margin-top: 15px;
        }

            .contact-form .contact-form-heading {
                padding: 24px 21.2px 20.7px 19px;
            }

                .contact-form .contact-form-heading .select-field {
                    font-size: 15px !important;
                    line-height: 18px;
                    font-weight: bold;
                    height: 49.3px;
                    border: 2px solid #ffffff;
                    background-position: right 26px top 18px !important;
                }

                .contact-form .contact-form-heading .form-group {
                    margin: 0;
                }

        .pr-10 {
            padding-right: 15px;
        }

        .pl-10 {
            padding-left: 15px;
        }

        .contact-form .form-control {
            border: 2px solid #767676;
        }

        .contact-form .form-control-placeholder {
            top: -34px;
            font-size: 14px;
            line-height: 17px;
            color: #002b49;
            font-weight: bold;
        }

            .contact-form .form-control:focus + .form-control-placeholder,
            .contact-form .form-control-placeholder.active {
                transform: none;
                font-size: 14px;
            }

        .contact-form .text-field {
            margin-bottom: 43.3px;
        }

        .custom-form .form-group.comments {
            margin-top: 11.9px;
        }

        .custom-form .form-group .input-group-addon img.captcha-img {
            margin: 0;
        }

        .custom-form .form-group.has-captcha .input-group .form-control,
        .custom-form .form-group.has-captcha .input-group-addon {
            display: block;
        }

        .custom-form .form-group.has-captcha .input-group .form-control {
            margin: 21px 0 0;
        }

        .custom-form .btn-section {
            text-align: left;
        }

        .custom-form .btn {
            min-width: 199px;
            padding: 15px 30px;
        }

        .custom-form .btn-section {
            margin-top: 12.9px;
        }

        .page-template-title.search-result {
            padding-top: 31px;
        }

            .page-template-title.search-result h1 {
                margin: 0;
                padding-left: 0;
            }

        .search-page .search-content.search-field .form-control {
            height: 61px;
            font-size: 18px;
            line-height: 25px;
            padding-left: 20px;
            margin-bottom: 23px;
        }

        .search-page .search-content.search-field .form-group button {
            top: 17.5px;
        }

        .nav-tabs.material-tabs > li > a {
            padding-bottom: 34.3px;
        }

            .nav-tabs.material-tabs > li > a::after {
                bottom: -10px;
            }

        .page-content.search-page .tab-content {
            padding-top: 50.4px;
        }

        .search-result-div:last-child {
            margin-bottom: 26.4px;
        }

        .page-content.faq {
            padding-top: 23px;
            padding-bottom: 0;
        }

        .popular-ques-section {
            display: none;
        }

        .page-template-title.faq .search-content.search-field .form-control {
            margin-bottom: 0;
        }

        .page-template-title.faq {
            padding: 5px 0 34.9px;
        }

            .page-template-title.faq h1 {
                margin: 0 0 28.9px;
            }

        .page-content.faq .tab-content {
            padding: 70px 0 23px;
        }

        #mainContent .question-container .question-div ul li:nth-child(1) {
            margin-bottom: 27px;
        }

        #mainContent .question-container .question-div ul li:nth-child(2) .content {
            max-height: 380px;
            min-height: 380px;
        }

        #mainContent .question-container .question-div {
            margin: 0 0 9px;
        }

            #mainContent .question-container .question-div:last-child {
                margin: 0 0 22px;
            }

        .quotes-background {
            display: none;
        }

        .header #navigation .navbar-brand img {
            max-width: 130px;
            min-width: 130px;
        }

        .footer .footer-top .footer-partners ul li a.equal-housing-lender img {
            width: 51px;
        }

        .my-saving img {
            height: 424px;
            object-fit: cover;
        }

        .news-section.owl-carousel button.owl-dot {
            background: #8095a4;
        }

        #navigation .navbar-toggle .nav-icon {
            width: 20px;
            height: 18px;
        }

            #navigation .navbar-toggle .nav-icon .icon-bar {
                height: 3px;
            }

            #navigation .navbar-toggle .nav-icon span:nth-child(2) {
                top: 8px;
            }

            #navigation .navbar-toggle .nav-icon span:nth-child(3) {
                top: 16px;
            }

        .search-mobile .form-control-placeholder {
            top: 15px;
            font-size: 18px;
            font-weight: bold;
            line-height: 22px;
            color: #002b49;
            padding-top: 5px;
        }

            .search-mobile .form-control:focus + .form-control-placeholder,
            .search-mobile .form-control-placeholder.active {
                display: none;
            }

        .table-div {
            margin: 23px 27.9px 13.5px 27px;
        }

            .table-div .column-container .table-heading {
                width: 100%;
                display: block;
            }

            .table-div .column-container {
                width: 100%;
            }

            .table-div .main-column-container.column-container {
                width: 164.2px;
            }

        .table-scroller {
            width: 440px;
            margin-left: 220px;
        }

        .table.table-slider > thead > tr > td,
        .table.table-slider > thead > tr > th,
        .table-slider tbody td,
        .table.table-slider-heading > thead > tr > td {
            min-width: 225px;
            max-width: 225px;
        }

        .page-content.content-page-A .content-section.section-six .tab-content {
            padding-bottom: 22.5px;
        }

        .padding-0 {
            padding: 0;
        }

        .rates-slider.owl-carousel .owl-item .owls-item {
            padding: 0 0 0 14px;
        }

        .page-content.search-page .nav-tabs.material-tabs li {
            padding-right: 0;
        }

        .page-title-section img {
            max-width: 100%;
            width: auto;
            object-fit: cover;
        }

        .page-title-section.home-loans img {
            max-height: 382.8px;
            min-height: 382.8px;
        }

        .page-title-section.member-savings img {
            max-height: 326.4px;
            min-height: 326.4px;
        }

        .page-title-section.member-savings .page-title {
            bottom: 51px;
        }

        .page-title-section.home-loans .page-title {
            bottom: 51px;
            left: 0;
        }

        #thumbslider {
            display: none;
        }

        #mainslider .item {
            max-height: 355.5px;
            min-height: 355.5px;
        }

        .thumbnail-slider.home-loans #mainslider .item, .thumbnail-slider.home-loans #mainslider .item img {
            max-height: 413.8px;
            min-height: 413.8px;
            object-fit: cover;
        }

        .thumbnail-slider .row {
            margin-left: auto;
            margin-right: auto;
        }

        .page-content.faq .nav-tabs.material-tabs > li > a {
            width: auto;
        }

        .rate-section a.caretBtn, .rate-section span.caretBtn {
            bottom: 35px !important;
        }

        .page-title {
            bottom: 51px;
        }

        .hero-slider #heroCarousel .carousel-inner .carousel-caption h1.hero span {
            max-width: 750px;
            font-size: 25px;
            line-height: 42px;
        }

        .hero-slider #heroCarousel .carousel-inner .carousel-caption h1.hero {
            font-size: 64px;
            line-height: 72px;
        }

        .news-section.owl-carousel {
            display: block;
        }

        .attention-container .section-div p {
            height: auto;
        }

        .attention-container .section-div h3 {
            min-height: inherit;
        }
        .rate-wrapper .rate-title-wrapper {min-height: auto;}
    }

    @media only screen and (min-width: 700px) and (max-width: 750px) {
        .table.table-slider > thead > tr > td,
        .table.table-slider > thead > tr > th,
        .table-slider tbody td,
        .table.table-slider-heading > thead > tr > td {
            min-width: 220px;
            max-width: 220px;
        }
    }

    @media only screen and (min-width: 650px) and (max-width: 700px) {
        .table-scroller {
            width: 415px;
            margin-left: 200px;
        }

        .table.table-slider > thead > tr > td,
        .table.table-slider > thead > tr > th,
        .table-slider tbody td,
        .table.table-slider-heading > thead > tr > td {
            min-width: 200px;
            max-width: 200px;
        }
    }

    @media only screen and (min-width: 630px) and (max-width: 650px) {
        .table-scroller {
            width: 380px;
            margin-left: 180px;
        }

        .table.table-slider > thead > tr > td,
        .table.table-slider > thead > tr > th,
        .table-slider tbody td,
        .table.table-slider-heading > thead > tr > td {
            min-width: 180px;
            max-width: 180px;
        }
    }

    @media only screen and (min-width: 600px) and (max-width: 630px) {
        .table.table-slider > thead > tr > td,
        .table.table-slider > thead > tr > th,
        .table-slider tbody td,
        .table.table-slider-heading > thead > tr > td {
            min-width: 190px;
            max-width: 190px;
        }
    }

    @media only screen and (min-width: 550px) and (max-width: 600px) {
        .table-scroller {
            width: 340px;
            margin-left: 170px;
        }

        .table.table-slider > thead > tr > td,
        .table.table-slider > thead > tr > th,
        .table-slider tbody td,
        .table.table-slider-heading > thead > tr > td {
            min-width: 180px;
            max-width: 180px;
        }
    }

    @media only screen and (min-width: 500px) and (max-width: 550px) {
        .table-scroller {
            width: 300px;
            margin-left: 165px;
        }

        .table.table-slider > thead > tr > td,
        .table.table-slider > thead > tr > th,
        .table-slider tbody td,
        .table.table-slider-heading > thead > tr > td {
            min-width: 140px;
            max-width: 150px;
        }
    }

    @media only screen and (max-width: 450px) {
        .loan-options-section .btn {
            min-width: 86px;
        }

        .quotes-section .quotes-content {
            max-width: 300px;
        }

        .twoColumnTable .loanTypeCol {
            width: 200px;
        }

        /*.mobile-search {
            display: none;
        }*/

        #online-banking, .login-mobile {
            margin-right: 3.5px;
        }
    }

    @media only screen and (min-width: 450px) and (max-width: 500px) {
        .table-scroller {
            width: 280px;
            margin-left: 140px;
        }

        .table.table-slider > thead > tr > td,
        .table.table-slider > thead > tr > th,
        .table-slider tbody td,
        .table.table-slider-heading > thead > tr > td {
            min-width: 130px;
            max-width: 135px;
        }

        .table.table-slider > tbody > tr > td {
            font-size: 16px;
        }
    }

    @media only screen and (min-width: 400px) and (max-width: 450px) {
        .table-scroller {
            width: 180px;
            margin-left: 180px;
        }

        .table.table-slider > thead > tr > td,
        .table.table-slider > thead > tr > th,
        .table-slider tbody td,
        .table.table-slider-heading > thead > tr > td {
            min-width: 170px;
            max-width: 170px;
        }
    }

    @media only screen and (max-width: 450px) {
        .steps .steps-content {
            height: 320px;
        }

        .content-section .content-box {
            padding: 51.2px 30px;
        }

            .content-section .content-box h2 {
                line-height: normal;
                font-size: 36px;
            }

                .content-section .content-box h2 span {
                    font-size: 18px;
                    line-height: normal;
                }

        .rate-wrapper .rate-section {
            min-height: 335px;
        }

        .rate-wrapper {
            margin: 0 15px 55.8px;
        }

        .page-title {
            left: 0;
            bottom: 51px;
        }
    }

    @media only screen and (min-width: 360px) and (max-width: 400px) {
        .table-scroller {
            width: 170px;
            margin-left: 170px;
        }

        .table.table-slider > thead > tr > td,
        .table.table-slider > thead > tr > th,
        .table-slider tbody td,
        .table.table-slider-heading > thead > tr > td {
            min-width: 170px;
            max-width: 170px;
        }
    }

    @media only screen and (max-width: 450px) {
        .steps .steps-content {
            height: 320px;
        }

        .content-section .content-box {
            padding: 51.2px 30px;
        }

            .content-section .content-box h2 {
                line-height: normal;
                font-size: 36px;
            }

                .content-section .content-box h2 span {
                    font-size: 18px;
                    line-height: normal;
                }
    }

    @media only screen and (max-width: 600px) {
        .page-title h1, .hero-slider #heroCarousel .carousel-inner .carousel-caption h1.hero {
            font-size: 44px;
            line-height: 46px;
        }

            .hero-slider #heroCarousel .carousel-inner .carousel-caption h1.hero span {
                line-height: 32px;
            }

        .maintenance-alert .date {
            width: 300px;
        }
        .btn{margin-bottom: 10px;}
    }

    @media only screen and (max-width: 430px) {
        #navigation .navbar-toggle {
            margin: 70.5px 10px 0 15px;
        }

        .header #navigation .navbar-brand {
            margin-left: -35px;
            padding-right: 85px;
        }

        .mobile-login-div {
            margin-top: -12px;
            padding-right: 10px;
        }

        #online-banking, .login-mobile {
            padding: 12.5px 0;
        }

        .mobile-search {
            padding: 12.5px 0;
        }
    }
    @media only screen and (max-width: 400px) {
        .page-template-title h1 {
            font-size: 38px;
            line-height: 40px;
        }
        .page-title h1, .hero-slider #heroCarousel .carousel-inner .carousel-caption h1.hero {
            font-size: 38px;
            line-height: 42px;
        }

            .hero-slider #heroCarousel .carousel-inner .carousel-caption h1.hero span {
                font-size: 24px;
                line-height: 30px;
            }

        .page-title {
            left: 0;
            bottom: 51px;
        }

        .maintenance-alert .date {
            width: 250px;
        }
    }
@media only screen and (max-width: 380px) {
    .banking-form h3 {
        font-size: 24px;
    }
    .banking-form .desktop-banking-form {
        padding: 12px 14px 22.7px;
    }

    .banking-form .forgot-info {
        margin-top: 8.9px;
    }

    .banking-form .btn {
        padding: 6px 15px;
    }

    .banking-form .mobile-banking {
        padding: 33px 14px 25.1px;
    }
}
    @media only screen and (max-width: 360px) {
        
        .steps .steps-content {
            height: 350px;
        }

        .loan-options-section .btn {
            min-width: auto;
            padding: 10px 12px;
        }

            .loan-options-section .btn:first-child {
                margin-right: 0;
            }

        .table-scroller {
            width: 160px;
            margin-left: 160px;
        }

        .table.table-slider > thead > tr > td,
        .table.table-slider > thead > tr > th,
        .table-slider tbody td,
        .table.table-slider-heading > thead > tr > td {
            min-width: 160px;
            max-width: 160px;
        }

        .current-rate.current-rate-homeloans .rate-wrapper .rate-section {
            padding: 59.7px 20px 56.4px;
        }

            .current-rate.current-rate-homeloans .rate-wrapper .rate-section .rate-section-title {
                font-size: 30px;
                line-height: 34px
            }

        .help-section {
            padding: 26.7px 15px 26.3px;
        }

        .banking-form .forgot-info span.info {
            font-size: 14px;
        }

        .footer .footer-top .footer-partners ul li {
            margin-right: 3px;
        }

            .footer .footer-top .footer-partners ul li:last-child {
                margin: 0;
            }

        .page-title h1, .hero-slider #heroCarousel .carousel-inner .carousel-caption h1.hero {
            font-size: 36px;
            line-height: 40px;
        }

            .hero-slider #heroCarousel .carousel-inner .carousel-caption h1.hero span {
                font-size: 20px;
                line-height: 22px;
            }

        .page-title {
            left: 0;
            bottom: 51px;
        }

        .twoColumnTable .loanTypeCol {
            width: 150px;
        }
    }

    @media only screen and (max-width: 340px) {

        .banking-form p a {
            display: inline-block;
        }
        .content-section .content-box h2 {
            font-size: 30px;
        }

        .content-section .content-box {
            padding: 51.2px 25px;
        }

            .content-section .content-box h2 span {
                font-size: 16px;
                line-height: normal;
            }

        .rate-wrapper .rate-section {
            min-height: 400px;
        }

        .page-title h1, .hero-slider #heroCarousel .carousel-inner .carousel-caption h1.hero {
            font-size: 31px;
            line-height: 36px;
        }

            .hero-slider #heroCarousel .carousel-inner .carousel-caption h1.hero span {
                font-size: 18px;
                line-height: 22px;
            }


        .maintenance-alert .date {
            width: 200px;
        }

    }

    @media only screen and (max-width: 300px) {
        .steps .steps-content {
            height: 380px;
        }

        .quotes-section .quotes-content {
            max-width: 250px;
        }
    }