@media (prefers-reduced-motion: no-preference) {
    :root {
      scroll-behavior: smooth;
    }
}
@media (min-width: 1200px) {
    h1, .h1 {
      font-size: 48px;
    }
    h2, .h2 {
      font-size: 48px;
    }
     h3, .h3 {
      font-size: 36px;
    }
    h4, .h4 {
      font-size: 24px;
    }
}

/* Location page */
@media (min-width: 768px){
    #locList li .branchInfo .contact-info {
        float: left;
        width: 33.3333333333%;
    }
    #locList li .contact-info b, strong{
      font-weight: bold;
    }
    #locList li .branchInfo .contact-info+div {
      float: left;
      width: 66.6666666667%;
    }
    #locList li .branchInfo .contact-info+div>div {
      float: left;
      width: 50%;
    }
}
/* Rates page styles*/
@media (min-width: 768px){
    h3#kasasa-cash a, h3#kasasa-saver a {
        float: right;
        font-size: 1.5rem;
        font-weight: 400;
        font-style: normal;
        text-decoration: none;
    }
    table.msplit {
        display: none;
    }
    div.table.split>table:not(.split), table.split {
        display: table;
    }
    .rate>div.disclaimer {
        margin-top: -20px;
    }
}

/* Routing Number Styles*/

@media screen and (max-width: 1200px) {
  .css-routing-number_check-image {
    width: 590px;
    min-height: 245px
  }

  .css-routing-number_check-image .css-routing-number_check-routing-number {
    transform: scale(0.9);
    transform-origin: left
  }
}

@media screen and (max-width: 992px) {
  .css-routing-number_check-image {
    width: 530px;
    min-height: 220px
  }

  .css-routing-number_check-image .css-routing-number_check-routing-number {
    transform: scale(0.8);
    transform-origin: left center
  }
}

@media screen and (max-width: 767px) {
  .css-routing-number_check-image {
    width: 300px;
    height: 125px;
    min-height: 0;
    border-width: 2px;
    margin: 0 auto 130px
  }

  .css-routing-number_check-image .css-routing-number_check-routing-number {
    transform: scale(0.4);
    transform-origin: left center;
    left: 31px;
    bottom: -3px
  }
}
@media screen and (max-width: 1200px) {
  .css-routing-number_check-bubble {
    transform: translate(0, 230px)
  }
}

@media screen and (max-width: 768px) {
  .css-routing-number_check-bubble {
    transform: translate(0, 210px)
  }
}

@media screen and (max-width: 767px) {
  .css-routing-number_check-bubble {
    width: 295px;
    height: 160px;
    transform: translate(-50%, 110px);
    left: 50%
  }

  .css-routing-number_check-bubble span {
    font-size: 35px
  }
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
     h1, .h1 {
      font-size: 60px;
    }
    h2, .h2 {
      font-size: 30px;
    }
     h3, .h3 {
      font-size: 36px;
    }
    h4, .h4 {
      font-size: 24px;
    }
    .panel-grid-cell {
        /*margin-bottom: 40px;*/
    }
    .panel-grid , .so-panel {
        /*margin-bottom: 30px !important;*/
    }
    .panel-row-style > .panel-grid-cell{
        width: 100%;
        margin-right: 0;
    }
    #wrapper-static-content{
        padding-top: 25px;
    }
    .wrapper {
        padding: 1px 0;
    }
    .mob-menu-logo-holder {
        margin-top: 0px;
        text-align: center !important;
        margin-left: 0;
        margin-right: auto;
        height: 55px;
        float: none !important;
    }
    .login_forms{
      position:relative !important;
      margin:auto !important;
    }
    .buttons-section {
        display: flex;
        flex-direction: column;
        gap: 10px;
        margin-bottom: 10px;
    }
    .button-primary {
         margin-right:0px;
    }
    .inner-page-top-section ul, .inner-page-top-section ol {
        padding-top: 15px;
        padding-left: 25px;
        padding-right: 25px;
    }
    .personal-checking-product .buttons-section {
        flex-direction: unset;
    }
    .buttons-section .button-primary, .buttons-section .button-secondary{
        text-align:center;
        margin-right:0px;
    }
    .openaccount-button a , .contactus-button a{
      font-size: 17px !important;
    }
    .am_looking_for .so-widget-sow-features{
        width: 60%;
        margin: auto;
    }
    .am_looking_for_inner .so-widget-sow-features {
        width: 60%;
        margin: auto;
    }
    .intro-section {
        padding: 0px 0 0 20px;
    }
    .promo-details-right{
        margin-top: 30px;
        height: 180px;
    }
    .promo-list{
        margin-top:20px;
        margin-bottom:20px;
    }
    .promo-content-wrapper {
        top: -184px;
    }
    .promo-image-container::before{
        height: 270px;
    }
    .promo-image-container img{
        height: 270px;
    }
    .swiper-financial-resources{
        /*overflow: visible !important;
        margin: 0 auto 0 0 !important;*/
        width: 100% !important;
        
    }
    .header-right-img{
        width: 364px;
    }
    .header-left-content{
        margin-bottom: 80px;
        padding-top: 0;
    }
    .swiper-testimonials{
        /*overflow: visible !important;
        margin: 0 auto 0 0 !important;*/
        width: 100% !important;
    }
    .mobile-swiper{
        /*overflow: visible !important;
        margin: 0 auto 0 0 !important;*/
        width: 100% !important;
    }
    .community-section-text {
        top: 4px;
        width: 53% !important;
    }
    .testimonial_title {
        font-size: 12px;
    }
    .testimonial-content{
        height: auto;
    }
    .personal-checking-product .buttons-section {
        position: relative !important;
        bottom: 20px;
    }
    .personal-checking-product-inner {
        padding-right: 15px;
    }
    .personal-checking-product-inner ul li{
        margin-left: 3.5em;
    }
    .event-image img{
        height: auto;
        width: auto;
    }
    #pgc-547-2-0 {
        width:100% !important;
    }
    .logo_equal_housing{
        margin-bottom: 15px;
    }
    .logo_superior_footer img {
        width: 70px;
        height: 70px;
    }
    .accordion-title {
        text-align:left !important;
    }
    .accordion-content{
        padding: 1rem !important;
    }
    .contact-info{
        display:block !important;
    }
    .branch-img, .branch-img img{
        width: 260px;
    }
    .single-location .branch-img, .single-location .branch-img img{
        width:307px;
    }
}
@media only screen and (max-width: 480px) {
    h1, .h1 {
      font-size: 60px;
    }
    h2, .h2 {
      font-size: 30px;
    }
     h3, .h3 {
      font-size: 36px;
    }
    h4, .h4 {
      font-size: 24px;
    }
    .panel-grid-cell {
        /*margin-bottom: 40px;*/
    }
    .panel-grid , .so-panel {
        /*margin-bottom: 30px !important;*/
    }
    #wrapper-static-content{
        padding-top: 25px;
    }
    .wrapper {
        padding: 1px 0;
    }
    .login_forms{
      position:relative !important;
      margin:auto !important;
    }
    .buttons-section {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    .button-primary {
         margin-right:0px;
    }
    .inner-page-top-section ul, .inner-page-top-section ol {
        padding-top: 15px;
        padding-left: 25px;
        padding-right: 25px;
    }
    .personal-checking-product .buttons-section {
        flex-direction: unset;
    }
    .buttons-section .button-primary, .buttons-section .button-secondary{
        text-align:center;
        margin-right:0px;
    }
    .openaccount-button a , .contactus-button a{
      font-size: 17px !important;
    }
    .am_looking_for .so-widget-sow-features{
        width: 60%;
        margin: auto;
    }
    .am_looking_for_inner .so-widget-sow-features {
        width: 60%;
        margin: auto;
    }
    .intro-section {
        padding: 0px 0 0 20px;
    }
    .promo-details-right{
        margin-top: 30px;
        height: 180px;
    }
    .promo-list{
        margin-top:20px;
        margin-bottom:20px;
    }
    .promo-content-wrapper {
        top: -184px;
    }
    .promo-image-container::before{
        height: 195px;
    }
    .swiper-financial-resources{
        /*overflow: visible !important;
        margin: 0 auto 0 0 !important;*/
        width: 100% !important;
        
    }
    .header-right-img{
        width: 364px;
    }
    .header-left-content{
        margin-bottom: 50px;
        padding-top: 0;
    }
    .swiper-testimonials{
        /*overflow: visible !important;
        margin: 0 auto 0 0 !important;*/
        width: 100% !important;
    }
    .mobile-swiper{
        /*overflow: visible !important;
        margin: 0 auto 0 0 !important;*/
        width: 100% !important;
    }
    .community-section-text {
        top: 4px;
        width: 100%;
    }
    .testimonial_title {
        font-size: 12px;
    }
    .testimonial-content{
        height: auto;
    }
    .personal-checking-product .buttons-section {
        position: relative !important;
        bottom: 20px;
    }
    .personal-checking-product-inner {
        padding-right: 15px;
    }
    .personal-checking-product-inner ul li{
        margin-left: 3.5em;
    }
    .event-image img{
        height: auto;
        width: auto;
    }
    #pgc-547-2-0 {
        width:100% !important;
    }
    .logo_equal_housing{
        margin-bottom: 15px;
    }
    .logo_superior_footer img {
        width: 70px;
        height: 70px;
    }
    .accordion-title {
        text-align:left !important;
    }
    .accordion-content{
        padding: 1rem !important;
    }
    .contact-info{
        display:block !important;
    }
    .branch-img, .branch-img img{
        width: 260px;
    }
    .single-location .branch-img, .single-location .branch-img img{
        width:307px;
    }
	.event-list-top{
        flex-direction: column;
    }
    .event-list-top .event-img {
        width: auto;
        margin-right:0px;
        height: auto;
    }
    .event-list-top .entry-content {
        width: 100%;
        padding: 20px;
    }
    .event-list {
        flex-direction: column;
    }
    .event-image img{
        height: auto;
        width: auto;
    }
}
@media screen and (max-width: 320px) {
  .css-routing-number_check-image .css-routing-number_check-routing-number {
    left: 29px;
    bottom: -2px
  }
  .openaccount-button a, .contactus-button a{
      font-size: 17px !important;
  }
}