/* 1600  *
-------------------------------------------------------------------------------------- */
@media (max-width: 1600px) {
    .csi-container1600{
        padding: 0 1rem;
    }
}

/* 1200  *
-------------------------------------------------------------------------------------- */
@media (max-width: 1500px) {
    .csi-container1500{
        padding: 0 1rem;
    }
     #csiMenuWrapper .primary-menu > li.menu-item-has-children > a, #csiMenuWrapper-secondary .primary-menu > li.menu-item-has-children > a{
        margin-right: 0;
    }
    .carousel-caption{
        padding: 0 1rem;
    }
    .csi-ib form{
        right: -1rem;
    }
}

/* 1200  *
-------------------------------------------------------------------------------------- */
@media (max-width: 1400px) {
    .csi-container1400{
        padding: 0 1rem;
    }
     .csi-btn.ib-btn{
        font-size: 1.125rem;
        padding: 0.75rem;
    }
}

@media (max-width: 1300px) {
   
    #csiMenuWrapper .primary-menu li > a{
        font-size: 1.25rem;
    }
    #csiMenuWrapper .primary-menu .icon, #csiMenuWrapper-secondary .primary-menu .icon{
        height: 12px;
        width: 18px;
    }
    #csiMenuWrapper .primary-menu > li, #csiMenuWrapper-secondary .primary-menu > li{
        margin: 0.8rem 0 0 3rem;
    }
    #csiMenuWrapper ul.primary-menu, #csiMenuWrapper-secondary ul.primary-menu{
        margin: -0.8rem 0 0 -3rem;
    }
    .callout-image{
        margin-bottom: 1rem;
    }
}

/* 1200  *
-------------------------------------------------------------------------------------- */
@media (max-width: 1200px) {
    .footer-logo{
        margin-right: 2rem;
    }
    .csi-carousel .carousel-item{
        min-height: 550px;
    }
    .csi-ib form{
        padding: 2rem;
        width: 380px;
    }
    .csi-btn.ib-btn{
        font-size: 1rem;
        padding: 0.75rem;
        letter-spacing: 0;
    }
    .ad .ad-content .ad-promo, .ad h4{
        width: 100%;
    }
}

/* 992  *
-------------------------------------------------------------------------------------- */
@media (max-width: 992px) {
    .logo-row a:last-of-type .footer-logo{
        margin-right: 0;
    }
    .csi-logo img{
        max-width: 350px;
    }
    #csiMenuWrapper .mobile-menu, #csiMenuWrapper .csi-Menu-inner .toggle{
        display: block !important;
    }
    #csiMenuWrapper .primary-menu-wrapper{
        display: none;
    }
    h1{

    }
    h2{

    }
    h3{

    }
    .callout h6{
        font-size: 1.5rem;
        font-weight: 600;
        line-height: 2.375rem;
    }
    .callout p{
        font-size: 1.125rem;
    }
    .csi-ib{
        width: 100%;
    }
    .csi-btn.ib-btn.open-ib{
        display: none;
    }
    .menu-bar{
        background: #fff;
        position: relative;
    }
    .csi-ib form{
        display: block;
        position: relative;
        width: 100%;
        left: 0;
        top: 0;
        padding: 0 0.5rem 3rem;
    }
    .fdic-wrapper{
        padding: 1rem 0;
    }
    .csi-carousel{
        border-bottom: 0;
    }
    .csi-carousel .carousel-caption h2{
        font-size: 1rem;
        font-weight: 700;
        line-height: 20px;
        letter-spacing: 0.32px;
        text-shadow: none;
    }
    .inside-page .csi-carousel .carousel-caption h2{
        font-size: 2rem;
        line-height: normal;
    }
    .csi-carousel .carousel-caption{
        background: var(--brand-blue);
        padding: 1.5rem 2.5rem;
        text-align: center;
        position: relative;
        bottom: initial;
    }
    .navbar-brand{
        margin: 0;
        padding: 0;
    }
    .csi-carousel .carousel-item{
        background: none !important;
        min-height: 228px;
    }
    .csi-carousel .carousel-item .mobile-banner{
        min-height: 228px;
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    }
    .csi-ib input{
        height: 60px;
        border: 3px solid #2861AD;
    }
    #csiMenuWrapper .csi-Menu-inner .toggle{
        padding: 0;
    }
    #csiMenuWrapper .csi-Menu-titles-wrapper{
        margin-left: auto;
    }
    
    .mobile-show{
        display: block;
    }
    .mobile-hide{
        display: none;
    }
    .promo-section{
        padding: 4rem 0;
    }
    .promo-image{
        min-height: 224px;
        width: calc(100% - 30px);
        margin: 0 auto;
        margin-bottom: 1.5rem;
    }
    .left-bar, .right-bar{
        width: 10px;
    }
    .right-bar{
        right: -5px;
    }
    .left-bar{
        left: -5px;
    }
    .promo-caption{
        text-align: center;
    }
    .promo-caption h4{
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 38px; /* 158.333% */
        letter-spacing: 0.48px;
    }
    .promo-caption p{
        font-size: 1.25rem;
        line-height: 24px;
    }
    .csi-btn{
        padding: 0.75rem 1.625rem
    }
    .callout-section{
        padding: 3rem 0 0rem;
    }
    .callout{
        margin-bottom: 6.5rem;
    }
    .callout-image{
        min-height: 246px;
        margin-bottom: 1.25rem;
    }
    .callout-description{
        padding: 0 1.25rem;
        margin-bottom: 2.25rem;
        min-height: auto;
    }
    .ad h2{
        font-size: 1.5rem;
        line-height: 2.375rem;
        margin-bottom: 1.125rem;
    }
    .ad h4{
        width: 100%;
        font-size: 1.125rem;
        line-height: 1.375rem;
        margin-bottom: 1.125rem;
    }
    .ad-slider{
        padding: 1rem 0 8.125rem;
    }
    .ad-slider .ad{
        margin: 0;
        padding: 2rem 1.5rem 1rem;
    }
    .ad .ad-content .ad-promo{
        width: 100%;
        margin: 0;
        flex-direction: column;
    }
    .ad h1{
        font-size: 3rem;
        line-height: 1;
        font-weight: 600;
        margin-bottom: 0;
    }
    .ad .percent-apr p{
        text-align: left;
    }
    .ad .percent{
        font-size: 1.25rem;
        line-height: 1;
    }
    .ad .apr{
        font-size: 1.25rem;
    }
    .ad h5{
        font-size: 1.125rem;
        font-weight: 600;
        line-height: 52px; /* 288.889% */
        letter-spacing: 0.36px;
    }
    .ad .disclaimer{
        font-size: 1rem;
        line-height: 1.25rem;
        font-weight: 400;
    }
    button.slick-next{
        right: 25%;
        bottom: 0;
    }
    button.slick-prev{
        left: 25%;
        bottom: 0;
    }
    .footer-logo{
        max-width: 97px;
    }
    .footer-layout .spacer{
        display: none;
    }
    footer .footer-layout > .row{
        width: auto;
    }
    .footer-layout h6{
        font-size: 1.25rem;
        letter-spacing: 0.8px;
    }
    .footer-layout p, .footer-layout a{
        font-size: 1.25rem;
        letter-spacing: 0.8px;
        line-height: 38px;
    }
    footer .footer-ending p{
        width: 100%;
        font-size: 1.25rem;
    }
    footer .footer-ending, footer .copyright{
        width: 90%;
        margin: 0 auto;
    }
    footer .footer-ending{
        margin-bottom: 4rem;
    }
    footer .footer-ending svg{
        margin-right: 1rem;
        max-width: 54px;
    }
    .copyright img{
        width: auto;
        max-height: 70px;
    }
    .copyright p{
        margin-top: 4rem;
        margin-bottom: 1rem;
    }
}


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


/* 568  *
-------------------------------------------------------------------------------------- */
@media (max-width: 568px) {
	.csi-logo img{
        max-width: 100%;
    }

}