.footer-mobile-menu{
    display: none;
}
.landing-video{
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
    margin-bottom: 2rem;
}
.landing-video iframe{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
/* 1400  *
-------------------------------------------------------------------------------------- */
@media (max-width: 1400px) {
    .home div.image-mask{
        mask-size: 175%;
        mask-position: 60% 65%;
    }
    div.csi-nav, div.top-menu{
        padding-right: 3rem;
    }
    div.csi-logo, .csi-banner-video div.carousel-caption{
        padding-left: 3rem;
    }
    div.top-footer, div.footer-middle, div.footer-end{
        padding-left: 3rem;
        padding-right: 3rem;
    }
    div.community-caption{
        margin-right: 3rem;
    }
    section.community-caption{
        padding: 3rem;
    }
    div.quick-links-caption{
        padding: 0 3rem;
    }
    #csiMenuWrapper.csi-megaMenu ul.primary-menu li .sub-menu li{
        min-width: 170px;
    }
    #csiMenuWrapper.csi-megaMenu ul.primary-menu li .sub-menu li.dropdown-text{
        min-width: 280px;
    }
    .csi-extendedHero div.image-mask{
        width: 630px;
    }
    .csi-banner-video .csi-extendedHero div.slider-image{
        min-height: 720px;
    }
    .home .csi-banner-video div.carousel-caption{
        padding-right: 0;
    }
    ul.timeline li{
        min-width: 120px;
    }
    ul.timeline li:before{
        margin-left: 60px;
    }
    button.ib-btn{
        margin-left: 2.75rem;
    }
    #csiMenuWrapper .primary-menu > li{
        margin: 0.8rem 0 0 2.75rem;
    }

}

/* 1200  *
-------------------------------------------------------------------------------------- */
@media (max-width: 1200px) {
    .container-fluid{
        padding: 0 2rem;
    }
    .csi-banner-video div.carousel-caption{
        padding-right: 15%;
    }
    #csiMenuWrapper ul.primary-menu, #csiMenuWrapper-secondary ul.primary-menu{
        margin: -0.8rem 0 0 -1.75rem;
    }
    #csiMenuWrapper .primary-menu > li, #csiMenuWrapper-secondary .primary-menu > li{
        margin: 0.8rem 0 0 1.75rem;
    }
    button.ib-btn{
        margin-left: 1.75rem;
    }
    .home div.image-mask{
        mask-position: 50% 60%;
    }
    h1{
        font-size: 3.5rem;
        line-height: 4rem;
    }
    .community-caption{
        padding: 3rem;
    }
    .footer-mobile-menu{
        display: block;
    }
    .csi-FooterMenu-navigation-wrapper{
        display: none;
    }
    .csi-extendedHero div.image-mask{
        width: 520px;
    }
    .csi-banner-video .csi-extendedHero div.slider-image{
        min-height: 660px;
    }
    ul.timeline li{
        min-width: 100px;
    }
    ul.timeline li:before{
        margin-left: 50px;
    }
    ul.timeline p{
        font-size: 1rem;
    }
    .post-image{
        max-width: 100%;
    }
}

@media (max-width: 1100px) {
    ul.timeline li{
        min-width: 80px;
    }
    ul.timeline li:before{
        margin-left: 40px;
    }
    .csi-btn.btn-Outline.ib-btn{
        font-size: 1rem;
        margin-top: 0.5rem;
    }
    #csiMenuWrapper.csi-megaMenu ul.primary-menu > li > a{
        font-size: 1rem;
    }
    .csi-banner-video div.video-background{
        height: auto;
    }
    .csi-banner-video div.person-present .carousel-item, .csi-banner-video div.person-present .slider-image,
    div.person-present .inside-page .carousel-caption, .csi-banner-video div.person-present .carousel-caption{
        min-height: 750px;
    }
    div.person-present .inside-page .carousel-caption, .csi-banner-video div.person-present .carousel-caption{
        width: 64%;
    }
    .csi-banner-video div.csi-extendedHero.person-present .carousel-caption{
        width: 100%;
    }
}

/* 992  *
-------------------------------------------------------------------------------------- */
@media (max-width: 992px) {
    .fdic-wrapper .fdic-notice{
        flex-direction: column;
    }
    .credit-cards .modal-dialog{
        max-width: 100%;
    }
    .mobile-py-2{
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
    .mobile-px-2{
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .mobile-pb-2{
        padding-bottom: 2rem;
    }
    .mobile-pt-2{
        padding-top: 2rem;
    }
    .csi-banner-video .carousel-indicators{
        bottom: 0;
        margin-left: 0;
        padding-left: 2rem;
    }
    .greenlight-get-started .badge-image{
        position: relative;
        top: auto;
        right: auto;
        margin: 0 auto;
        display: block;
    }
    div.video-background:before{
        content: none;
    }
    .csi-banner-video div.carousel-caption.video-caption{
        position: relative;
        top: 0;
        min-height: 0;
        padding: 2rem;
    }
    div.person-present .inside-page .carousel-caption, .csi-banner-video div.person-present .carousel-caption{
        min-height: auto;
    }
    .post-image{
        margin: 0 auto 2rem;
        height: 350px;
        width: auto;
    }
    .csi-blogPage .featured-image{
        margin: 0 auto 2rem;
        max-height: none;
    }
    .promise{
        display: none;
    }
    .home .csi-banner-video div.carousel-caption{
        padding-right: 2rem;
        background-color: var(--navy);
    }
    .callout-row{
        flex-direction: column;
        justify-content: space-between;
        align-items: baseline;
    }
    .routing br{
        display: none;
    }
    .callout-row .callout{
        margin-top: 1.5rem;
    }
    .home div.image-mask{
        mask-image: none;
    }
    .csi-banner-video div.carousel-item, .csi-banner-video div.slider-image,
    .csi-banner-video div.person-present .carousel-item, .csi-banner-video div.person-present .slider-image{
        min-height: 400px;
    }
    .csi-banner-video div.slider-image{
        clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 30%);
    }
    .home .csi-banner-video div.slider-image{
        clip-path: none;
    }
    .csi-nav{
        padding-right: 2rem;
    }
    .csi-logo, .csi-banner-video div.carousel-caption{
        padding-left: 2rem;
    }
    .top-footer, .footer-middle, .footer-end{
        padding-left: 2rem;
        padding-right: 2rem;
    }
    #csiMenuWrapper .primary-menu a, #csiMenuWrapper-secondary .primary-menu a{
        font-size: 1.125rem;
    }
    button.ib-btn{
        display: none;
    }
    #csiMenuWrapper .ib-btn{
        display: block;
    }
    #csiMenuWrapper.csi-megaMenu ul.primary-menu li .sub-menu li.dropdown-text{
        min-width: 220px;
        margin-right: 10%;
    }
    h1{
        font-size: 2.25rem;
        line-height: 2.75rem;
    }
    h2{
        font-size: 2rem;
        line-height: 2.5rem;
    }
    h3{
        font-size: 1.75rem;
        line-height: 2.25rem;
    }
    h4{
        font-size: 1.5rem;
        line-height: 2rem;
    }
    h5{
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
    h6, .sub-head{
        font-size: 1rem;
        line-height: 1.5rem;
    }
    p,
    ul,
    dl,
    ol,
    .csi-banner-video div.carousel-caption p{
        font-size: 0.875rem;
        line-height: 1.5rem;
    }
    .csi-btn, button{
        font-size: 0.75rem;
        line-height: 0.875rem;
    }
    .csi-logo img{
        min-width: 200px;
    }
    .csi-banner-video div.carousel-caption{
        top: -2rem;
        padding: 0 2rem 5%;
    }
    div.top-header{
        display: none;
    }
    #csiMenuWrapper button.toggle, #csiMenuWrapper-secondary button.toggle{
        display: block !important;
        position: relative;
        padding: 0;
        width: auto;
    }
    #csiMenuWrapper .mobile-menu, #csiMenuWrapper-secondary .mobile-menu{
        display: block !important;
    }
    .csi-header{
        padding: 0 0 2rem 0;
    }
    #csiMenuWrapper .toggle-icon i{
        color: var(--periwinkleHeading);
        font-size: 2rem;
    }
    .recommendations{
        margin: 0;
    }
    .search-section{
        padding: 3rem;
        text-align: center;
    }
    .top-menu{
        padding-right: 2rem;
    }
    .search-section h3{
        margin-bottom: 1.5rem;
    }
    .quick-links-section{
        padding: 3rem 0;
    }
    .quick-links-caption{
        padding: 0 2rem 3rem;
    }
    .quick-links-container{
        padding: 0 2rem;
    }
    .community-image img{
        max-height: none;
        max-width: 100%;
    }
    .community-caption{
        padding: 2rem;
    }
    .promo-section, .latest-news{
        padding: 2rem;
    }
    .promo-section{
        padding-top: 0;
    }
    .promo-image{
        text-align: center;
        margin-bottom: 2rem;
    }
    .news-content h5{
        margin: 2rem 0;
    }
    .footer-middle{
        padding: 0 2rem 2rem;
    }
    .top-footer{
        padding: 2rem 2rem 0;
    }
    .footer-end{
        padding: 2rem;
    }
    .best-work{
        text-align: center;
    }
    footer hr{
        margin: 3rem 2rem;
    }
    .copyright{
        flex-direction: column;
        text-align: center;
    }
    .footer-end svg{
        margin: 0 auto 1rem;
        max-width: 80%;
    }
    .csi-carousel .carousel-item{
        background: #F1F3FE;
    }
    .csi-carousel .csi-extendedHero .carousel-item{
        background: #fff;
    }
    .home .carousel-item{
        background: var(--navy);
    }
    .inside-page div.carousel-caption, div.person-present .inside-page .carousel-caption, .csi-banner-video div.person-present .carousel-caption{
        background-image: none;
        width: 100%;
        position: relative;
        padding: 0 3rem 5%;
        min-height: auto;
        clip-path: none;
        background-color: transparent;
    }
    .columns-2 ul{
        columns: 1;
    }
    .csi-mx-5{
        margin-left: 2rem;
        margin-right: 2rem;
    }
    .bg-image{
        background-position: 0 -200px !important;
        width: 130%;
    }
    .account-comparison .account{
        margin-bottom: 2rem;
    }
    .extendedHero{
        margin-left: auto;
    }
    .csi-extendedHero div.image-mask{
        position: relative;
    }
    .csi-banner-video .csi-extendedHero div.slider-image{
        clip-path: none;
    }
    .csi-banner-video .csi-extendedHero div.carousel-caption{
        top: 0;
    }
    ul.timeline{
        min-width: 860px;
    }
    ul.timeline li{
        min-width: 80px;
    }
    ul.timeline li:before{
        margin-left: 40px;
    }
    ul.timeline p{
        font-size: 0.875rem;
    }
    .timeline-carousel .carousel-control.right, .timeline-carousel .carousel-control.left{
        display: none;
    }
    .rounded-table{
        overflow-x: auto;
        border-radius: 0;
    }
    .csi-scrollableTable table{
        min-width: 1275px;
    }
    .table thead th{
        border-width: 2px;
        border-right: 2px solid #F1F3FE;
        padding: 1.5rem 0.5rem;
    }
    .table td{
        border-width: 2px;
        border-right: 2px solid #A0A1A0;
        max-width: 150px;
        padding: 1.5rem 0.5rem;
    }
    .top-footer .logo-alt{
        margin-bottom: 1rem;
    }
    .footer-svgs-wrapper{
        padding: 0 10%;
        justify-content: space-evenly;
        margin-top: 1.5rem;
    }
    .footer-svgs-wrapper > div{
        padding: 0;
    }
    .upcoming-trips .article{
        min-height: 0;
    }
    .pipe-column{
        border: none;
    }
}

/* 768  *
-------------------------------------------------------------------------------------- */
@media (max-width: 768px) {
    footer hr{
        margin: 2rem;
    }
    .community-caption{
        width: 80%;
        position: relative;
        top: -75px;
        left: 10%;
    }
    .callout-image img{
        max-width: 45px;
        height: auto;
    }
    .top-footer .col-lg-3{
        text-align: center;
    }
    .rounded-table .table{
        border-radius: 10px;
        border: 1px solid #A0A1A0;
    }
    .csi-banner-video .csi-extendedHero div.carousel-caption{
        margin-top: 2rem;
        justify-content: flex-start;
        min-height: 400px;
        padding-bottom: 3rem;
    }
    .people-section .person img{
        max-width: 80%;
    }
    .person{
        margin-bottom: 3rem;
    }
}


/* 568  *
-------------------------------------------------------------------------------------- */
@media (max-width: 568px) {
    .home div.video-background{
        height: 300px;
    }
    .recommendations p, .recommendations a{
        font-size: 0.755rem;
    }
    .search-section{
        padding: 2rem;
    }
    .search-form input{
        margin-right: 1rem;
    }
    .quick-link-item img{
        margin-right: 0;
    }
    .quick-link-item{
        padding: 1rem 0;
    }
}