@media (max-width: 768px) {
    .top-links {
        /*display: none;*/
        text-align: center;
    }
    .top-links-inner {
        justify-content: center;
        font-size: 9px;
        letter-spacing: 0;
    }
    .top-lang {
        display: none;
    }

    .top-menu {
        border-bottom: 2px solid #990e18;
        border-bottom: 2px solid var(--primary-color);
    }

        .top-menu > nav {
            justify-content: space-around;
        }

        .top-menu .branding img {
            margin: 15px 0;
        }

        .top-menu .mobile-menu {
            display: block;
        }

            .top-menu .mobile-menu > a:first-child {
                color: #fff;
                color: var(--invert-color);
            }

    .desktop-menu {
        display: none;
    }

    .top-menu .signup-menu .cbb-button {
        padding: 8px 15px;
    }

    .cta div.row div:first-child .inner-cta {
        padding-top:1em;
        max-width: 95%;
        text-align: center;
    }

    .cta div.row div:last-child .inner-cta {
        max-width: 95%;
        text-align: center;
    }
 
    /*
}

@media (max-width: 767px) {
    */

    /* ============== CTA rewrite ==============================*/
    .cta-left, .cta-right {
        width: 100%;
    }

        .cta-left::after, .cta-right::before {
            content: none;
        }

    /* ============== related products rewrite =====================*/
    .related-products {
        height: auto;
    }

        .related-products .image-box {
            position: relative;
            height: auto;
        }

            .related-products .image-box img {
                width: 100%;
            }

        .related-products .left-text {
            width: 100%;
            display: inline-block;
        }

            .related-products .left-text:after {
                content: none;
            }

    .slick-slide fieldset {
        padding: 10px;
    }


    .creditcards .btn.cbb-button {
        margin-top: 12px;
    }

    .creditcards #cc-detail-slider legend {
        max-width: none;
        width: 100%;
        min-width: unset;
        font-size: 18px;
        padding-left: 0;
        white-space: pre-wrap;
        padding: 0;
    }

    .creditcards .general-content > p {
        margin-top: 62px;
    }

    .slicks-arrows {
        width: 110%;
        left: -5%;
    }

    .page-checking .top-image img {
        position: relative;
        top: 20px;
    }



    .page-checking .rotated-block {
        display: block;
    }

    .page-checking .cta-callUs {
        background: rgba(255, 255, 255, .675);
        padding: 20px;
        top: -24px;
    }

    .page-checking .angledResponsiveFix.arf-version-2 {
        background: url('../images/home/home-content3-v3.jpg') center right;
        background-position-x: right;
        background-position-y: center;
        background-repeat: no-repeat;
        background-size: cover !important;
        background-position: 77% 0 !important;
    }

    .page-checking section.angled-content.image-right50 .rotated-block {
        position: absolute;
        z-index: 1;
        width: 100%;
        min-height: 400%;
        background: var(--footer-color);
        color: var(--text-color);
        transform: rotate(30deg) scale(0.45);
        /*        left: -60%;
        top: -160%;  */
    }


    .cta-callNow__left {
        margin-left: 0px;
    }

    .page-checking .cta-callNow {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

        .page-checking .cta-callNow > div {
            width: 100%;
            text-align: center;
        }

            .page-checking .cta-callNow > div:first-child {
                background: #dedcdd;
                padding: 20px 0;
            }

            .page-checking .cta-callNow > div:last-child {
                background: #9a0e19;
                margin-top: 0 !important;
            }

    .page-checking .full-width.cta-callNow {
        background: unset !important;
        padding: 0;
        margin: 3rem 0 0;
    }

    .page-checking .cta-callNow__left img {
        margin-left: 12px;
    }

    .page-checking .cta-callNow__right p {
        margin-left: 0;
    }

    .angledResponsiveFix.arf-version-1 .rotated-block.transparency-90 {
        display: none;
    }

    .top-image .slider-text-space {
        display: none;
    }

    .related-products .text-wrapper {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
    .related-products .text-wrapper h2 {
        font-size: 2em;
    }
    #related-products-wrapper {
        height: auto;
        padding-bottom: 1em;
    }

    .products {
        margin: 0;
        width: auto;
    }
    /*   card types of products modification for accorion type */

    .checking .products, .savings .products, .cds .products, #products-carousel .product-container, .personal-checking .products {
        height: auto;
        width: 100%;
    }

    .mobile-accordion .detail-wrapper {
        display: none;
    }
    /*  end of accordion products   */


    .half-width, .three-qtr-width {
        width: auto;
    }

    .sba {
        padding-left: 5px;
        padding-right: 5px;
    }

    .lending-outline label {
        width: 100%;
    }
    /* label:after adding next line did not work - work around making it 100% to wrap the rest to the next line */
    .trade-finance div {
        text-align: center;
    }

    .nav-link { 
        padding : 0;
        padding-top:5px;
        padding-bottom: 5px;
    }

    ul.two-columns {
        columns: 1;
        -webkit-columns: 1;
        -moz-columns: 1;
        padding-right: 0em;
    }

        ul.two-columns li {
            padding-right: 0em;
        }


    .flex-left, .flex-right {
        width: 100%;
        min-width: initial;
    }

    .flex-container .ladallas {
        width: 100%;
       
    }
    h2, .heading-2 {
        white-space: normal;
    }

    .careers .flex-column {
        flex-basis: 400px;
        min-height: unset;
        display: list-item; /* This has to be "list-item"                                               */
        list-style-type: disc; /* See https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-type     */
        list-style-position: inside;

    }

    #cc-image {
        display: none;
        height: 130px;
    }

    .ccard .card-benefit {
        height: auto;
    }

    .contact-wrapper [class*="col-"] {
        margin-bottom: 2em;
    }

    .branch-unit label {
        width: 80px !important;
    }


    /* === home === */
    .hero-slider .slider-item .slider-text-space{
        width: 100%;
    }

    /* ==== online mobile banking lable for mobile */

    .indent-label li.media, .lending-outline li.media {
        display: list-item;
    }

    .indent-label label, .lending-outline label { 
        min-width: 90px;
        margin-bottom: 0;
    }

    #v-pills-tab{
        display: none;
    }

}