/* 1600  *
-------------------------------------------------------------------------------------- */
@media (min-width: 2000px) {
	.home .credit-card{
		background-size:30vw!important;
		top:-10vw!important;
	}
}
@media (max-width: 1700px) {
	.csi-carousel .carousel-item h1{
		font-size:12rem;
	}
}
@media (max-width: 1600px) {
.section-3 .wrapper .image-container{
    right: -8%;
    height: 65vw;
	width:62%;
}
.csi-banner-custom-inside .csi-carousel .carousel-item h2 {
    font-size: 4rem;
}
#csiMenuWrapper .primary-menu>li:nth-child(1), #csiMenuWrapper .primary-menu>li:nth-child(2), #csiMenuWrapper .primary-menu>li:nth-child(3), #csiMenuWrapper .primary-menu>li:nth-child(4) {
    padding: 0 1vw;
}
.image-left.staggered-image-card .image-container,
.staggered-image-card .image-container{
	top:20%;
}
.page-template-page-contact-form footer{
	padding-top:28vw;
}
}
@media (max-width: 1400px) {
	#csiMenuWrapper .primary-menu>li{
        padding: 0;
		margin-left:0px;
    }
	#csiMenuWrapper.csi-megaMenu ul.primary-menu li .sub-menu li {
		min-width: 200px;
	}
}
@media (max-width: 1400px) {
	.section-3 .wrapper .image-container{
		right: -8%;
		height: 60vw;
		top:6vw;
		width:57%
	}
	.csi-logo svg{
		width:100%;
	}
	footer .footer-logo{
		margin-top:-100px;
	}
	.csi-carousel .carousel-item h1{
		font-size:7rem;
	}
.page-template-page-contact-form footer{
	padding-top:30vw;
}
.simple-cards .simple-card h3{
	font-size:2rem;
}
}
/* 1200  *
-------------------------------------------------------------------------------------- */
@media (max-width: 1200px) {
.page-template-page-contact-form footer{
	padding-top:32vw;
}

.csi-header{
	top:65px;
	width:100%;
	margin:0;
	border-radius:0px;
}
	.csi-header.sticky{
		top:0px;
	}
.section-1{
	margin-left:0;
}
.csi-carousel .carousel-item h1{
	font-size:6rem;
}
.csi-logo svg {
	margin-left: -40px;
	margin-top: 10px;
}
.section{
	margin-top: 200px;
}
.section-3 .wrapper .image-container {
	right: 0;
	width: 80%;
	margin: -150px 10% 0;
	border-radius: 45px;
	height: 292px;
}
.section-2 h1{
	font-size:4rem;
}
.section-2 .content{
	height:auto;
}
.section-2 .control-wrapper {
    position: absolute;
    width: 100%;
    bottom: -60px;
    padding-top: 20px;
    left: 17%;
}
.section-2 .control-wrapper a{
	width:50px;
	height:50px;
}
    .section-3 .wrapper .content {
        background: var(--superBlue);
        border-radius: 50px;
        margin: 0 5%;
        padding: 225px 5% 5%;
        height: 100%;
        width: 90%;
        position: relative;
        min-height: 0px;
    }
	.vertically-align{
		position:relative;
		top:auto;
		-ms-transform: translateY(0%);
		transform: translateY(0%);
	}
	.simple-cards .simple-card .vertically-align{
		width:100%;
		position:absolute;
		top:50%;
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.section-2 .carousel-item {
		display: block;
		max-width: 50%;
		margin-right: 0%;
	}
	.section-4 .card{
		margin-bottom:20px;
		min-height:0;
	}
	.section-4{
		padding:20% 5% 0;
	}
	.section-1 div.credit-card {
        min-height: 400px;
        position: relative;
        top: -13.5vw;
        width: 100%;
        z-index: 2;
        margin: 0 auto -13.5vw;
        max-width: 500px;
        background-size: 500px !important;
    }
	.image-left.staggered-image-card .image-container{
		left:-5%;
	}
	.staggered-image-card .image-container{
		right:-5%;
	}
	.simple-cards .simple-card{
		margin-bottom:20px;
	}
	.slider-component .control-wrapper {
		left: auto;
		margin: 0 auto;
		display: block;
		width: fit-content;
		position:relative;
        bottom: auto;
	}
	.home footer{
		margin-top:300px;
	}
	body:not(.home) section:last-child {
		padding-bottom: 350px;
	}
}

/* 992  *
-------------------------------------------------------------------------------------- */
@media (max-width: 992px) {
	.banner-alert{
		z-index: 10;
		width: 100%;
		margin: 0 auto;
		position: relative;
		bottom:auto;
	}
	.banner-alert .banner-alert-wrapper{
		margin: 0 auto;
		position:relative;
		max-width:1300px;
		width:100%;
		background: #7e2c01;
		border-radius: 0px;
		padding: 40px;
		padding-left:60px;
	}
	.banner-alert .banner-alert-wrapper i{
		position:absolute;
		left:auto;
		top:20px;
		font-size:.875rem;
		color:white;
	}
	.banner-alert p{
		color:white;
		font-size:.875rem;
		margin:0;
	}
	.csi-header{
		top:0px;
	}
	section.blog {
		padding-bottom: 50%;
	}
	.peopleCards .card-deck .card{
		margin-left:0;
		margin-right:0;
	}
	.margin-top-image img{
		margin-top:0;
	}
	.csi-banner-custom-inside.csi-banner-custom-inside-about .csi-carousel{
		padding:0;
	}
	.csi-banner-custom-inside.csi-banner-custom-inside-about .csi-carousel .carousel-item .carousel-caption{
		min-height: 600px;
		padding: 175px 5% 65px;
	}
	.csi-banner-custom-inside.csi-banner-custom-inside-about .csi-carousel .carousel-item{
		border-bottom-left-radius:0;
		border-bottom-right-radius:0;
	}
	.csi-banner-custom-inside.csi-banner-custom-inside-about .csi-carousel .carousel-item h1{
		font-size:3rem;
	}
	.csi-banner-custom-inside.csi-banner-custom-inside-about .csi-carousel .carousel-item p{
		font-size:1.25rem;
	}
	#csiMenuWrapperMobile{
		display:block;
	}
	#csiMenuWrapper .modal-menu ul, #csiMenuWrapper-secondary .modal-menu ul{
		display:block;
	}
	#csiMenuWrapper .modal-menu ul li, #csiMenuWrapper-secondary .modal-menu ul li{
		border-left-width:0;
	}
	#csiMenuWrapper .modal-menu > li > a, 
	#csiMenuWrapper .modal-menu > li > .ancestor-wrapper > a, 
	#csiMenuWrapper-secondary .modal-menu > li > a, 
	#csiMenuWrapper-secondary .modal-menu > li > .ancestor-wrapper > a{
		color: var(--teal);
        padding: 0 0 0 40px;
        font-size: 2rem;
        font-weight: 600;
	}
	#csiMenuWrapper .modal-menu > li > a.csi-btn.btn.get-started:hover,
	#csiMenuWrapper .modal-menu > li > a.csi-btn.btn.get-started:focus{
		background: url(../images/button-arrow.png) no-repeat 90%, white;
	}
	#csiMenuWrapper .modal-menu ul li a, #csiMenuWrapper-secondary .modal-menu ul li a{
		color:var(--orange);
		font-weight: 700;
		font-size:.875rem;
		text-transform: uppercase;
		padding: 10px 0 0 40px;
	}
	#csiMenuWrapper .modal-menu ul.sub-menu{
		display:none;
	}
	.nav-toggle .fa-plus{
		width: 40px;
        text-align: center;
        font-size: 2.5rem;
        transform: rotate(45deg);
        margin: -8px 1px;
	}
	#csiMenuWrapper button.sub-menu-toggle.rotate svg, 
	#csiMenuWrapper-secondary button.sub-menu-toggle.rotate svg{
		transform: rotate(180deg);
	}
	#csiMenuWrapper .modal-menu ul.sub-menu li ul.sub-menu a, #csiMenuWrapper-secondary .modal-menu ul.sub-menu li ul.sub-menu a{
        color: var(--brightBlue);
        font-size: 1.125rem;
        text-transform: none;
        font-weight: normal;
        text-decoration: none;
	}
	#csiMenuWrapper .modal-menu ul.sub-menu li ul.sub-menu a, #csiMenuWrapper-secondary .modal-menu ul.sub-menu li ul.sub-menu a:hover,
	#csiMenuWrapper .modal-menu ul.sub-menu li ul.sub-menu a, #csiMenuWrapper-secondary .modal-menu ul.sub-menu li ul.sub-menu a:focus{
		text-decoration:underline;
	}
	#csiMenuWrapper button.toggle, #csiMenuWrapper-secondary button.toggle{
		margin-right:25px;
	}
	#csiMenuWrapper button.sub-menu-toggle svg, #csiMenuWrapper-secondary button.sub-menu-toggle svg{
		fill: var(--teal);
	}
	#csiMenuWrapper .modal-menu>li.menu-item-has-children>ul.sub-menu>li {
		padding: 5px 0;
	}
	#csiMenuWrapper .modal-menu > li > a.csi-btn.btn.get-started{
        width: 100%;
        position: relative;
        background: url(../images/button-arrow.png) no-repeat 90%, var(--superBlue);
        margin: 30px 50px 50px;
        color: var(--brightBlue) !important;
        text-decoration: none !important;
        text-align: center;
        padding: 10px 0 !important;
        font-weight: normal;
        font-size: 1.25rem;
	}
	#csiMenuWrapper .modal-menu li, #csiMenuWrapper-secondary .modal-menu li{
		border-color:transparent;
	}
	.csi-header .col-12 hr {
		margin-bottom: 5%;
		border-color: var(--brightBlue);
		margin: 0 -30px 30px;
	}
	.modal-menu a.csi-btn.btn.get-started:hover,
	.modal-menu a.csi-btn.btn.get-started:focus {
		background: url(../images/button-arrow.png) no-repeat 90%, #ffffff;
	}
	footer .footer-logo{
		margin-top:-20px;
	}
	footer .copyright p:nth-child(2),
	footer .copyright p:nth-child(3){
		width:100%;
	}
	footer .copyright p a{
		display: inline-block;
        margin-bottom: 15px;
	}
	.get-in-touch{
		display:none;
	}
	footer .footer-buttons{
		padding: 0 5% 10%;
	}
	footer a.csi-btn.btn.ib-btn{
		background:url(../images/button-arrow.png) no-repeat 60%, transparent;
	}
	footer a.csi-btn.btn.ib-btn:hover, footer a.csi-btn.btn.ib-btn:focus {
		background: url(../images/button-arrow-white.png) no-repeat 60%, var(--brightBlue);
		color: white;
	}
	footer a.csi-btn.get-started{
		background:url(../images/button-arrow.png) no-repeat 65%, #fff;
		color:var(--brightBlue);
	}
	footer a.csi-btn.get-started:hover,
	footer a.csi-btn.get-started:focus{
		background:url(../images/button-arrow-white.png) no-repeat 65%, var(--brightBlue);
		color:white;
	}
	footer .social-media {
		margin-bottom: 30px;
	}
	footer .copyright .mobile-show p a{
		width:100%;
		text-transform:uppercase;
		font-size: .75rem;
		margin-bottom:5px;
	}
	footer .copyright p{
		width:100%;
	}
	footer .copyright{
		padding: 5% 5% 0%;
	}
	.staggered-image-card .wrapper .content .vertically-align, 
	.section-3 .wrapper .content .vertically-align{
		max-width:100%;
	}
	.mobile-hide{
		display:none!important;
	}
	.mobile-show{
		display:block;
	}
	.section-1{
		border:0px solid #fff;
		border-bottom-left-radius:0px;
	}
	.section-1 .wrapper .col-xl-5 *{
		text-align:center;
	}
	.section-1 h2{
		font-size: 3.25rem;
	}
	.section-1 p{
		font-size:1.5rem;
	}
    .section-1 div.credit-card {
        min-height: 400px;
        position: relative;
        top: -13.5vw;
        width: 100%;
        z-index: 2;
        margin: 0 auto -13.5vw;
        max-width: 500px;
        background-size: 500px !important;
    }
	.section-2{
		padding:0 5%;
	}
	.section-2 h1{
		font-size: 3.75rem;
	}
	.section-2 .image-slide{
		height:200px;
	}
	.section-2 .carousel {
		width: 100%;
	}
	.section-2 .carousel-item {
        display: block;
        max-width: 100%;
        margin-right: 0%;
        float: none;
        margin-bottom: 50px;
	}
	.section-2 .carousel-item.active {
		order: initial;
	}
	.section-2 .control-wrapper{
		display:none;
	}
	.section-3{
		margin-top:150px;
	}
	.section-3 .wrapper .content{
		border-radius: 0px;
        height: 100%;
        width: 100%;
        position: relative;
        min-height: 0px;
        padding: 200px 5% 100px;
        margin: 0;
	}
	.section-3 .wrapper h2{
        font-size: 2.25rem;
        text-align: center;
        font-weight: bold;
	}
	footer a.csi-btn.btn.ib-btn,
	footer a.csi-btn.get-started{
        position: relative;
        width: 100%;
        left: auto;
        right: auto;
        top: auto;
        bottom: auto;
        margin-top: 20px;
	}
	section.view-other {
		padding-bottom: 300px;
	}
	.section-4{
		margin:-20% 0% 0%;
        padding: 20% 5% 0;
        border-radius: 0;
        padding-bottom: 100px;
	}
	.section-5 blockquote p{
		max-width:100%;
	}
	.card .card-details{
		padding: 7.5%;
	}
	.peopleCards .card .card-details{
		padding:5% 7.5%;
	}
	.peopleCards .card .card-image{
		background-position:center top!important;
	}
	.section-4 .card .card-details{
		padding: 10% 7.5%;
	}
	.staggered-image-card .wrapper .content .vertically-align p, .section-3 .wrapper .content .vertically-align p {
		font-size:1.125rem;
		text-align:center;
	}
	.section-3 a.csi-btn {
		border: 0px solid white;
		margin-top:50px;
		width: 200px;
		font-size: 1.5rem;
	}
	.cookie-consent-wrapper .consent-box{
		width:100%;
	}
	.section-5 blockquote h2, .section-5 blockquote h3, .section-5 blockquote h4{
		font-size:2.8125rem;
	}
	.card .card-image{
		min-height:200px;
	}
	.card .card-details p{
		font-size:1.125rem;
	}
	#csiMenuWrapper .csi-Menu-inner .toggle, #csiMenuWrapper-secondary .csi-Menu-inner .toggle{
		height: auto;
        padding: 0 1.5rem;
        position: relative;
	}
	.csi-carousel {
		width: 100%;
		border-bottom-right-radius:0px;
	}
	.carousel-caption {
		bottom: 30%;
		left: auto;
		right: auto;
		width: 100%;
	}
	.csi-logo svg {
        margin-left: -25px;
        margin-top: 0px;
		width:125%;
    }
	.page-template-page-contact-form .order-1 section:first-child{
		padding-top:125px;
	}
	.csi-carousel .carousel-item{
		background-position: 45% 0px!important;
		background-size:110%;
		min-height:812px;
	}
	.csi-carousel .carousel-item h1 {
        font-size: 3.5rem;
        text-align:center;
    }
	.csi-carousel .carousel-item h1 i{
        position: absolute;
        bottom: -100%;
        left: 36%;
        height: 93px;
        width: 70px;
	}
	#csiMenuWrapper .csi-Menu-inner .toggle, #csiMenuWrapper-secondary .csi-Menu-inner .toggle {
        height: auto;
        position: relative;
        display: block;
        border: 1px solid var(--brightBlue);
        padding: 1rem .5rem;
        border-radius: 100px;
		outline:0;
    }
	#csiMenuWrapper .csi-Menu-inner .toggle:hover,
	#csiMenuWrapper .csi-Menu-inner .toggle:focus, 
	#csiMenuWrapper-secondary .csi-Menu-inner .toggle:hover,
	#csiMenuWrapper-secondary .csi-Menu-inner .toggle:focus{
		background: var(--brightBlue);
		color:white;
	}
	#csiMenuWrapper .csi-Menu-inner .toggle:hover svg,
	#csiMenuWrapper .csi-Menu-inner .toggle:focus svg, 
	#csiMenuWrapper-secondary .csi-Menu-inner .toggle:hover svg,
	#csiMenuWrapper-secondary .csi-Menu-inner .toggle:focus svg{
		fill:#fff;
	}
	.csi-header{
		width:94%;
		margin: 0 3%;
		border-bottom-left-radius:45px;
		border-bottom-right-radius:45px;
		box-shadow: 0px 0px 50px #00000044;
	}
	.fdic-wrapper{
		width:100%;
		background: var(--brightBlue);
		color:white;
		padding-top:5px;
	}
	.fdic-wrapper .fdic-notice{
		color:white;
		width:100%;
	}
	.fdic-wrapper svg{
		fill: #ffffff !important;
	}
	.csi-banner-custom-inside.text-with-image-banner .csi-carousel .carousel-caption{
		position:relative;
		left:auto;
		bottom:auto;
		right:auto;
		top:auto;
		padding: 20% 5% 5%;
		max-width:100%;
	}
	.long-cards .card.row {
		padding: 0;
		margin: 0;
		height: auto; 
	}
	.csi-banner-custom-inside.text-with-image-banner .csi-carousel .carousel-caption .image-wrapper{
		margin-top:0;
	}
	.csi-banner-custom-inside.text-with-image-banner .csi-carousel .carousel-caption .image-wrapper img{
		width:100%;
	}
	footer .get-started-section h3{
		max-width:225px;
		margin: 0 auto 20px;
		font-size: 2.875rem;
	}
	.panel>a, 
	.csi-defaultAccordion .panel>a { 
		padding: 5%;
	}
	.preamble-icon-cards .col-lg-6{
		border-right: 0px solid white;
		border-bottom:0px solid white;
	}
	footer .get-started-section {
		position:relative;
		max-width:90%;
		left:auto;
		top:auto;
		margin:-60vw auto 100px;
        padding: 15% 5% 20%;
	}
    footer .footer-logo {
        top: 315px;
        width: 53px;
        height: 53px;
	}
	footer .always-bank-svg{
		height:175px;
	}
	.csi-banner-custom-inside{
		margin-top: -25px;
	}
	.csi-banner-custom-inside .csi-carousel .carousel-caption{
		padding-top: 40%;
        position: relative;
	}
	.csi-banner-custom-inside .carousel-caption .image-wrapper {
		min-height: 342px;
		max-width: 342px;
        margin: 20px auto -150px;
	}
	.csi-banner-custom-inside .csi-carousel .carousel-caption h1,
	.csi-banner-custom-inside .csi-carousel .carousel-caption h2,
	.csi-banner-custom-inside .csi-carousel .carousel-caption h3,
	.csi-banner-custom-inside .csi-carousel .carousel-caption h4,
	.csi-banner-custom-inside .csi-carousel .carousel-caption h5,
	.csi-banner-custom-inside .csi-carousel .carousel-caption p{
		text-align:center;
	}
	.csi-banner-custom-inside .csi-carousel .carousel-item h2,
	.csi-banner-custom-inside .csi-carousel .carousel-item h2.rates-title{
		font-size: 2.5rem;
	}
	.csi-banner-custom-inside .csi-carousel{
		border-bottom: 0px solid white;
	}
	.csi-banner-custom-inside .csi-carousel .carousel-item {
		min-height: 700px;
	}
	.csi-banner-custom-inside .csi-carousel{
		overflow:visible;
	}
	section.lead-image .lead-div{
		margin:0;
	}
	.carousel-inner{
		overflow:visible;
	}
	.page-template-default .csi-articleContent .row .col-lg-12 section:first-child{
		padding-top:100px;
	}
	.staggered-image-card{
		margin: 0 -7.5%;
	}
	.image-left.staggered-image-card .wrapper .content,
    .staggered-image-card .wrapper .content {
        margin: 0;
        width: 100%;
        padding: 150px 5% 0;
    }
	.image-left.staggered-image-card .image-container,
	.staggered-image-card .image-container{
        position: relative;
        margin: 0 auto -125px;
        z-index: 2;
        right: 0;
		left:0;
        width: 100%;
        max-width: 256px;
        height: 256px;
	}
	.image-left.staggered-image-card .content .csi-btn,
	.staggered-image-card .wrapper .content .csi-btn{
        margin: 40px auto;
        display: block;
        width: fit-content;
	}
	.picture-and-text .image-wrapper{
		width:100%;
		max-width:300px;
		margin: 20px auto 40px;
		height:282px;
	}
	.blue-section .preamble-icon-cards .col-lg-6,
	.blue-section .col-md-4, 
	.blue-section .col-md-6, 
	.blue-section .col-md-3,
	.baby-blue .preamble-icon-cards .col-lg-6,
	.baby-blue .col-md-4, 
	.baby-blue .col-md-6, 
	.baby-blue .col-md-3{
		border-right:0px solid white;
		border-left:0px solid white;
		border-top:0px solid white;
		border-bottom:0px solid white;
	}
	.preamble-icon-cards img{
		margin-bottom:50px;
	}
	.blue-section .preamble-icon-cards .col-lg-6{
		padding: 10% 0;
	}
 }


/* 768  *
-------------------------------------------------------------------------------------- */
@media (max-width: 768px) {
    footer .footer-logo {
        top: 320px;
	}
}


/* 568  *
-------------------------------------------------------------------------------------- */
@media (max-width: 568px) {
	footer .footer-logo {
        top: 370px;
	}
}

@media (max-width: 408px) {
	footer .footer-logo {
        top: 400px;
	}
}