/* 1600  *
-------------------------------------------------------------------------------------- */
@media (max-width: 1600px) {
  footer .footer-socials a:last-child:after {
    right: 40px;
    width: 65%;
  }
}

/* 1450  *
-------------------------------------------------------------------------------------- */
@media (max-width: 1450px) {
  .account-login {
    display: flex;
  }

}

@media (min-width: 1450px) {
  .account-login {
    display: none;
  }
}


/* 1200  *
-------------------------------------------------------------------------------------- */
@media (max-width: 1200px) {
  .double-boxes img {
    max-width: 190px;
    max-height: 100px;
  }
  .color-block h1 {
    font-size: 2rem;
  }
  .color-block p {
    font-size: 1rem;
  }
  .double-boxes {
    margin: auto;
    display: flex;
    justify-content: center;
    margin-top: 2rem !important;
  }
  .double-boxes .color-block {
    max-width: 381px;
    padding: 2rem;
    padding-bottom: 3rem;
  }
  .color-block img {
    margin-bottom: 1rem;
  }
  .color-block p {
    padding-top: 1rem;
    margin-bottom: 3rem;
  }
  .highlight-image {
    left: 4rem;
  }
  .left-highlight-image .highlight-image {
    left: 0 !important;
  }
  .color-block,
  .image-duo-box {
    max-width: 782px;
    margin: auto;
    margin-bottom: 2.5rem;
  }
  .image-duo img {
    max-width: 242px;
    object-fit: cover;
    border-radius: 24px;
    height: 449px;
  }
  .image-duo h1 {
    font-size: 2rem;
    font-weight: 400;
  }
  .image-duo p {
    font-size: 1rem;
    font-weight: 400;
    padding: 2rem;
    padding-bottom: 1rem;
  }
  .full-width-container {
    max-height: 426px;
  }
  footer .footer-socials a:last-child:after {
    right: 48px;
    width: 61%;
  }
  footer p {
    font-size: 1rem;
  }
  .single-box .color-block h1 {
    padding: 0 3rem;
    font-weight: 500;
  }
  .img-wrapper {
    display: flex;
    justify-content: center;
  }
  .post-card .img-wrapper img {
    max-width: 80%;
    max-height: 90%;
  }
  .csi-NewCarouselContainer .carousel-control-next {
    right: -5rem;
  }
  .csi-NewCarouselContainer .carousel-control-prev {
    left: -5rem;
  }
  .right-highlight-image .highlight-image {
    left: 60%;
  }
  .post-card .img-wrapper img {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
  }
  .hidden_text {
    min-height: unset !important;
  }
  .col-md-6:has(.box-links) {
    width: 100%;
  }
  .atm-section, .atm-locations {
    padding-left: 2rem;
  }
  .atm-section .inside-page-title {
    padding: 0 !important;
}
}
@media (min-width: 1215px) {
 
  .container.csi-NewCarouselContainer {
    max-width: 1496px;
  }
  .post-card h3 {
    height: 108px;
  }
}
@media(min-width:1200px) {
  .contact-us-title .page-desc {
    padding-left: 8rem !important;
  }
  .atm-section, .atm-locations {
    padding-left: 2rem; 
  }
}
@media (min-width: 568px) and (max-width: 1215px) {
  .col-lg-8.col-4:has(.csi-nav) {
    /* display: flex;
    justify-content: flex-end; */
  }
  @media (max-width: 568px) {
    .account-login {
      display: none;
    }
  }
  @media (min-width: 992px) and (max-width: 1200px) {
    /* section {
      padding: 0 3rem;
    } */
    .atm-locations,
    .atm-section {
      padding-left: 2rem;
    }
  }
}

@media (min-width: 1168px) and (max-width: 1215px) {

}

/* 992  *
-------------------------------------------------------------------------------------- */
@media (max-width: 992px) {
  .atm-locations,
  .atm-section {
    padding-left: 5rem !important;
  }
  .title-text {
    padding: 5rem 0;
    padding-top: 5rem !important;
  }
  .hidden_text {
    text-align: left;
    padding-right: 1rem;
    margin-bottom: 0 !important;
  }
  .credit-banner-content {
    border-radius: 0 0 24px 24px;
    padding: 3rem 4rem;
  }
  .credit-banner-image {
    max-height: 300px;
    border-radius: 24px 24px 0 0;
  }
  .block {
    margin-bottom: 1rem;
  }
  .left-highlight-image .highlight-image,
  .right-highlight-image .highlight-image {
    display: none;
  }
  .left-highlight-image,
  .right-highlight-image {
    height: 100%;
    padding: 2rem;
    margin: 2rem 0;
  }
  .highlight-content {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: 0;
  }
  .step-text {
    padding: 5rem 3rem;
  }
  .left-highlight-image .highlight-content {
    margin: 0;
    text-align: center;
  }
  .visible-content {
    width: 95%;
  }
  .right-highlight-image {
    min-height: 300px;
  }
  .right-highlight-image .highlight-content {
    margin: 0;
    text-align: center;
  }
  ul.quicklinks li a,
  ul.feature-links li a {
    font-weight: 400;
  }
  footer .footer-socials a:last-child:after {
    display: none;
  }
  .debit-card-section .col-lg-2 {
    flex: 0 0 50%;
    max-width: 50%;
    margin: auto;
    text-align: center;
  }
  .hidden_text {
    min-height: unset !important;
  }
  section.atm-locations {
    padding: 0 3rem;
  }
  .left-highlight-image .highlight-image {
    left: 4rem !important;
  }
  .page-desc {
    padding-left: 1rem;
  }
}
@media (min-width: 992px) {
  ul.feature-links li:last-child {
    margin-right: 0;
  }
  .csi-post-section img {
    float: left;
    margin-right: 3rem;
    margin-bottom: 2rem;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .post-card {
    max-width: 75%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .post-card .img-wrapper img {
    left: 0;
    max-width: 90%;
    margin: auto;
  }
  .post-card h3 {
    min-height: 180px;
  }
}

/* 768  *
-------------------------------------------------------------------------------------- */
@media (max-width: 768px) {
  .atm-locations, .atm-section {
    padding-left: 3rem !important;
  }
  .csi-NewCarouselContainer .carousel-inner .carousel-item > div {
    display: none !important;
  }
  .csi-NewCarouselContainer .carousel-inner .carousel-item > div:first-child {
    display: block !important;
  }
  .highlight-content .hidden-content {
    text-align: left;
  }

  .section-1 {
    margin: 0 1rem;
  }

  .double-boxes .col-md-6.col-12 {
    display: flex;
    justify-content: center;
    /* margin-bottom: 2rem; */
  }
  .double-boxes .col-md-6.col-12:first-child {
    margin-bottom: 2rem;
  }
  .col-md-8:has(.image-duo) {
    margin-top: 2rem;
  }
  .double-boxes,
  .single-box,
  .image-duo-box {
    display: flex;
    justify-content: center;
  }
  .color-block {
    max-width: 381px;
  }

  .image-duo {
    width: 381px;
    display: flex;
    justify-content: center;
    margin: auto;
  }
  .image-duo img {
    max-width: 381px;
    max-height: 274px;
  }
  .image-duo-box .col-md-4.col-12 {
    display: flex;
    justify-content: center;
  }
  .image-duo-box .col-md-8.col-12:last-child .image-duo {
    padding: 2rem 0;
    max-height: 449px;
    max-width: 381px;
  }
  .page-title,
  .page-desc {
    text-align: left;
  }
  .page-title {
    padding-left: 0;
  }
  .quicklinks i.fas.fa-phone,
  .quicklinks i.fas.fa-map-marker-alt {
    display: none;
  }
  ul.quicklinks li,
  ul.feature-links li {
    margin: 0 0.5rem;
  }
  ul.quicklinks {
    padding-left: 0;
  }
  form.search-form.desktop-search {
    margin-right: 0;
  }
  .page-title h1,
  .staff-section h1 {
    padding-left: 1rem;
  }
  .inside-page-title,
  .csi-containerSize {
    padding: 1rem !important;
  }
  .post-card .img-wrapper img {
    max-width: 80%;
  }
  .carousel-caption h2 {
    font-size: 3rem;
  }
  .csi-banner-custom .carousel-item.active {
    height: 400px;
  }
  .left-highlight-image,
  .right-highlight-image {
    margin: 1rem 0;
  }
  .calc-body ul {
    display: flex !important;
    flex-direction: column !important;
  }
  .csi-insidepages .csi-articleContent .calc-body ul li {
    width: 100% !important;
  }
  footer h3 {
    margin-top: 2rem;
  }
  .social-icons.footer-socials {
    padding-bottom: 0;
  }
  a.post-accordion p {
    padding: 0 1rem;
  }
  .post-content .tagline .h1 {
    margin: 0 2rem;
  }
  .atm-locations .col-md-3 {
    max-width: 50%;
  }
  .feature-links .desktop-search {
    display: none !important;
  }
  .col-mobile-search {
    display: block;
  }
}

@media (min-width: 768px) {
  .contact-us-title .page-desc {
    padding-left: 4rem;
  }
}


/* 568  *
-------------------------------------------------------------------------------------- */
@media (max-width: 568px) {
  .csi-banner-custom .carousel-item:before {
    content: "";
    background: none;
  }
  .desktop-socials {
    display: none !important;
  }
  .mobile-social-heading,
  .mobile-social-icons {
    display: block !important;
  }
  a.post-accordion {
    display: inline;
  }
  .title-text .title {
    padding: 0.5rem;
  }
  .image-duo p {
    padding: 1rem;
  }
  .image-duo {
    width: 100%;
  }
  ul.quicklinks li a,
  ul.feature-links li a {
    font-size: 1rem;
  }
  .desktop-row {
    display: none;
  }
  .mobile-links {
    display: flex;
  }
  ul.quicklinks {
    display: flex;
    justify-content: space-around;
  }
  form.search-form.desktop-search {
    padding-bottom: 0.75rem;
    margin-top: 1rem;
    display: flex;
    flex-direction: row-reverse;
  }
  .csi-logo {
    margin: 0;
  }
  #csiMenuWrapper .csi-Menu-inner,
  #csiMenuWrapper-secondary .csi-Menu-inner {
    align-items: flex-end;
    padding-right: 4rem;
  }
  .carousel-caption h2 {
    font-size: 2.5rem;
    max-width: 100%;
  }
  .carousel-caption {
    width: 100%;
  }
  .csi-banner-custom .carousel-control-next,
  .csi-banner-custom .carousel-control-prev {
    display: none;
  }
  .col-lg-10.col-sm-12.offset-lg-1 {
    padding-left: 0;
  }
  .csi-banner-custom .carousel-item.active {
    height: 265px;
  }
  .page-id-100013 .carousel-caption {
    bottom: 0;
    background: #0f5291;
    margin-bottom: 0;
    left: 0;
    padding: 2.5rem 2rem;
    margin-bottom: -13rem;
  }
  .carousel-caption h2 {
    text-shadow: none;
    margin-bottom: 1rem;
  }
  .csi-banner-custom .carousel-item:before {
    content: "";
    background: none;
  }
  .page-id-100013 .carousel-inner {
    height: 503px;
  }
  .double-boxes .color-block {
    margin-top: -2rem;
  }
  .color-block .btn-primary {
    bottom: 4rem;
  }
  .container-fluid.single-box {
    margin-top: 0;
  }
  #csiMenuWrapper .csi-Menu-titles-wrapper,
  #csiMenuWrapper-secondary .csi-Menu-titles-wrapper {
    max-width: 50%;
  }
  .account-login {
    display: none;
  }
  .mobile-acct-btn {
    margin-top: 1rem;
    margin-bottom: 2.5rem;
  }
  .menu-bar {
    padding: 1rem;
  }
  input,
  optgroup,
  select,
  textarea,
  .wpcf7 label {
    max-width: 100%;
  }
  .debit-card-section .col-lg-2 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .calc-body .tab-content h1 {
    font-size: 2rem;
  }
  .calc-body .tab-pane {
    padding: 1rem;
  }
  .page-title h1 {
    font-size: 2.5rem;
  }
  .page-desc h1 {
    font-size: 2rem;
  }
  .inside-page-title,
  .csi-containerSize {
    padding: 0.25rem !important;
  }
  .page-title img {
    max-width: 75%;
  }
  .page-id-100704 .page-desc p {
    text-align: left;
  }
  .post-card h3 {
    min-height: 110px;
  }
  .post-card p {
    min-height: 100px;
  }
  .color-block h1 {
    font-size: 1.75rem;
    line-height: 1.25;
  }
  .tagline h1 {
    font-size: 1.75rem;
    margin: 0 2rem;
  }
  section.csi-post-section.content-section p {
    font-size: 1.25rem;
  }
  .csi-post-section img {
    max-width: 75%;
  }
  .mobile-links .col-mobile-search {
    display: none;
  }
  .col-mobile-search {
    border-top: 1px solid rgba(255, 255, 255, 0.3);
  }
  .search-form [type="search"] {
    height: 3rem;
    width: 100%;
  }
  .atm-locations .col-md-3 {
    max-width: 100%;
  }
  .number-blocks .block {
    height: 150px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  .number-blocks .block-number {
    width: auto;
    height: 100px;
    font-size: 4rem;
    aspect-ratio: 1/1;
    margin-left: 1rem;
  }
  .number-blocks .block-text {
    margin-left: 2rem;
    text-align: left;
    padding: 0 1rem;
  }
  .number-blocks h1 {
    margin: auto;
    padding-bottom: 1rem;
  }
  .highlight-content h2 {
    font-size: 1.75rem;
  }
  .hidden-content > *,
  .hidden-content li,
  .hidden-content a {
    font-size: 1.25rem;
  }
  .step-text {
    height: auto;
    max-width: 300px;
    padding: 1rem 1rem;
  }
  .step-image img {
    max-height: 340px;
    margin-top: 3rem;
    margin-bottom: 1rem;
  }
  .person-pay p,
  .person-pay li {
    font-size: 1.25rem;
  }
  .mobile-deposit h1 {
    margin: 1rem 0;
  }
  .visible-content img {
    max-height: 100px;
    width: auto;
  }
  .left-highlight-image,
  .right-highlight-image {
    min-height: unset;
  }
  .step-text p {
    font-size: 1.25rem;
  }
  .block-text {
    margin: unset !important;
  }
}

@media (min-width: 568px) {
  .quick-link-div:not(:last-child) {
    border-right: 2px solid rgb(197, 197, 197);
  }
  .desktop-row {
    display: flex;
  }
  .mobile-links {
    display: none;
  }
  ul.quicklinks li a i {
    margin-right: 0.5rem;
  }
  .desktop-socials {
    display: block;
  }
  .mobile-social-heading,
  .mobile-social-icons {
    display: none !important;
  }
  .mobile-menu .col-mobile-search {
    display: none;
  }
}

@media (max-width: 420px) {
  .account-login-btn {
    white-space: nowrap;
    padding: 1.5rem 5rem;
  }
}

@media (min-width: 768px) {
  .csi-NewCarouselContainer .carousel-inner .carousel-item-right.active,
  .csi-NewCarouselContainer .carousel-inner .carousel-item-next {
    transform: translateX(33.333%) !important;
  }
  .csi-NewCarouselContainer .carousel-inner .carousel-item-left.active,
  .csi-NewCarouselContainer .carousel-inner .carousel-item-prev {
    transform: translateX(-33.333%) !important;
  }
}