:root{
  --Brand-Grey: #3C3D45;
  --Brand-Blue: #2263AF;
  --Brand-Dark-Blue: #133D8D;
  --Brand-Light-Blue: #BCD0E7;
}

@media (max-width: 1500px) {
    .csi-container1500{
        padding: 0 1rem;
    }
    .csi-carousel .carousel-item{
        background-position: 150px 50%;
    }
    .newsletter-button .year{
        font-size: 3.5rem;
    }
}

/* 1400  *
-------------------------------------------------------------------------------------- */
@media (max-width: 1400px) {
    .csi-container1400{
        padding: 0 1rem;
    }
    .csi-container1400 .d-flex{
        flex-wrap: wrap;
    }
    
}


@media (max-width: 1230px) {
      .csi-carousel .carousel-item{
        background-position: 50% 50%;
    }
    .mobile-ib{
        background: var(--Brand-Blue);
        padding: 1rem 0;
    }
    .csi-header{
        padding-bottom: 0;
    }
    .csi-logo{
        margin-bottom: 1.25rem;
    }
    .csi-ib h5{
        color: #fff;
    }
    .newsletter-button .year{
        font-size: 2.5rem;
    }
}

/* 1065  *
-------------------------------------------------------------------------------------- */
@media (max-width: 1064px) {
    #csiMenuWrapper button.toggle{
        display: block !important;
        position: relative;
        padding: 0;
    }
    .mobile-menu{
        display: block !important;
        padding: 0 1rem;
    }
    #csiMenuWrapper .nav-toggle .toggle-inner{
        display: flex;
        align-items: flex-end;
        flex-direction: column;
        padding: 0;
    }
    .csi-logo{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
}

/* 992  *
-------------------------------------------------------------------------------------- */
@media (max-width: 992px) {
    .csi-carousel .carousel-item{
        background-position: center;
        background-size: cover;
    }
    #csiMenuWrapper button.toggle{
        padding-right: 1rem;
    }
    #csiMenuWrapper .modal-menu{
        width: 100%;
        left: 0;
    }
     .csi-defaultAccordion .panel{
        width: 95%;
    }
    .inside-content{
        min-width: 0px;
    }
    .newsletter-button .year{
        display: block;
    }
    .newsletter-button{
        flex: 0 0 calc(50% - 30px);
        max-width: 50%;
        margin: 0 15px 30px;
    }
    .csi-defaultAccordion .panel-body{
        padding: 0 1.5rem 2.5rem;
    }
    .button-group .csi-btn{
        margin-bottom: 1rem;
    }
    .newsletter-buttons{
        flex-wrap: wrap;
        margin: 0;
        margin-bottom: 1rem;
    }
    .csi-homePage{
        padding: 0 0 4rem;
    }
    .locations-block{
        width: 100%;
        box-shadow: none;
        margin-top: 0;
    }
    .cardSection{
        margin-bottom: 5rem;
    }
    .locations-form select{
        width: 75%;
    }
    .csi-ib{
        padding: 2.25rem 3.5rem;
    }
    .csi_cards .card{
        min-height: 250px;
    }
    .csi-ib h5{
        margin-bottom: 1.5rem;
        font-size: 1.5rem;
        width: 100%;
        text-align: center;
    }
    .csi-ib .form-row{
        flex-direction: column;
    }
    .csi-ib .input-group{
        margin-bottom: 1.25rem;
    }
    .csi-ib #ib-username{
        min-width: 290px;
    }
    .csi-ibButton{
        display: flex;
        width: 100%;
        justify-content: space-between;
        align-items: center;
    }
    .csi-ibButton .csi-btn.btn:first-of-type{
        background: #fff;
        border-color: #fff;
        color: var(--Brand-Blue);
    }
    .csi-ibButton .csi-btn.btn:first-of-type:hover, .csi-ibButton .csi-btn.btn:first-of-type:focus{
        background: var(--Brand-Blue);
        color: #fff;
    }
    .mobile-hide{
        display: none;
    }
    .mobile-show{
        display: block;
    }
    .quick-links{
        display: none;
    }
    .quick-link-spacing{
        padding: 0;
    }
    /* .csi-carousel .carousel-caption{
        position: relative;
        top: 280px;
        bottom: initial;
        left: initial;
        right: initial;
    }
    .home .csi-carousel .carousel-caption{
        top: 250px;
    } */
    /* .csi-carousel .carousel-item{
        min-height: 250px;
        margin-bottom: 280px;
        padding-bottom: 0;
    }
    .home .csi-carousel .carousel-item{
        margin-bottom: 215px; 
        min-height: 250px;
        padding-bottom: 0; 
    }
    .home .csi-carousel .caption-content, .csi-carousel .caption-content{
        width: 100%;
    }
    .csi-carousel .carousel-item::before{
        content: none;
    } */
    .csi-logo img{
        max-width: 331px;
        width: 100%;
    }
    .csi-carousel .carousel-item h1{
        font-size: 1.75rem;
        line-height: 2rem;
    }
    .card-boxes{
        padding-bottom: 1rem;
    }
    .card-boxes .card-box{
        margin-bottom: 3.75rem;
        border-radius: 0;
    }
    .card-boxes .card-box::before{
        border-radius: 0;
    }
    .articles{
        padding-bottom: 0;
    }
    .articles .article{
        margin-bottom: 5rem;
    }
    .articles h1{
        font-size: 2rem;
        margin-bottom: 3.75rem;
        line-height: 2.5rem;
    }
    .articles .article-image{
        min-height: 260px;
    }
    .articles p{
        font-size: 1.5rem;
        line-height: 1.75rem;
    }
    .wpcf7 h3{
        font-size: 1.5rem;
        line-height: 2rem;
        margin-bottom: 2rem;
    }
    .wpcf7 h3 strong{
        display: block;
    }
    .wpcf7 input, .locations-form select{
        margin-right: 0;
        margin-bottom: 1rem;
    }
     .wpcf7 input[type="checkbox"]{
        margin-right: 0.5rem;
        margin-bottom: 0;
     }
    .wpcf7 .form-fields{
        flex-direction: column;
    }
    footer{
        padding-top: 2.875rem;
    }
    .light-blue-bgColor{
        padding: 2rem;
    }
    .locations-block{
        padding: 2rem;
    }
    .feature-cards-section{
        padding: 2rem 0;
    }
    .feature-cards-section .supporting-image{
        min-height: 350px;
        margin-bottom: 2rem;
    }
    .feature-cards .csi_cards{
        margin: 2rem 0;
    }
    .feature-cards .csi_cards .card{
        margin: 0;
    }
    .feature-cards-section .feature-cards-intro{
        margin-bottom: 2.5rem;
    }
    .featured-post .author, .featured-post-image{
        margin-bottom: 2rem;
    }
    .post-card{
        margin-bottom: 2.25rem;
    }
    .latest-posts{
        margin-bottom: 5rem;
    }
    .newsletter{
        padding: 2rem;
    }
    .card-slide.slick-center + .card-slide .card-header, .card-slide:has(+ .slick-center) .card-header{
        min-height: 200px;
    }
    .card-slide.slick-center .card-header{
        min-height: 250px;
    }
    .card-slider .slick-arrow{
        width: 62px;
        height: 140px;
        top: calc(50% - 70px);
    }
    .csi-logo img{
        max-width: 218px;
    }
    .main-content{
        min-width: 100%;
    }
    .mobile-carousel-image {
        min-height: 400px;
    }
    .csi-banner-custom .carousel-item {
        background: transparent !important;
        min-height: 100px;
        height: auto;
        position: relative;
    }
    .csi-banner-custom .carousel-caption {
        right: 0rem;
        position: relative;
        padding: 1rem;
        top: unset;
        border: unset;
        text-align: center;
        left: 0;
        transform: none;
        margin-bottom: 2rem;
    }
    .csi-carousel .caption-content {
        width: 100%;
    }
 }



/* 768  *
-------------------------------------------------------------------------------------- */
@media (max-width: 768px) {
     .post-card{
        max-width: none;
     }
     .specific-cat-posts, .latest-posts{
        display: block;
    }
    .newsletter-button{
        flex: 0 0 100%;
        max-width: 100%;
        margin: 15px 0;
    }
}


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


@media (max-width: 460px) {
	  .inside-content .wpcf7#wpcf7-f100380-o1 textarea{
        width: 100%;
    }
}