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

}

/* 1200  *
-------------------------------------------------------------------------------------- */
@media (max-width: 1200px) {   
    h2 {
        font-size: 3.125rem;
    } 
    h3 {
        font-size: 2.5rem;
    }
    h4, .section-two h4 {
        font-size: 1.75rem;
    }
    .section-one .image img {
        margin-bottom: 0;
    }
    .section-three {
        padding-block: 3rem;
    }
    .teal-banner .content p {
        font-size: 1.125rem;
    }
    .product-picker-accordion .panel-title {
        text-align: center;
        margin-bottom: 1rem;
    }
    .product-picker-accordion .panel-teaser {
        text-align: center;
        margin-bottom: 1rem;
    }
    .product-picker-accordion .panel-body td, .product-picker-accordion .panel-body tr td:last-child {
        text-align: center;
    }

}

/* 992  *
-------------------------------------------------------------------------------------- */
@media (max-width: 992px) {
    .csi-banner-custom .carousel-caption {
        text-align: center;
        margin-top: 0;
        padding-bottom: 2rem;
    }
    .csi-banner-custom .carousel-item.active {
        align-items: flex-end;
    }
    .csi-banner-custom .carousel-item:before {
        background: linear-gradient(90deg, rgba(0, 0, 0, 0.60) 28.86%, rgba(0, 0, 0, 0.60) 100%);
    }
    .section-two {
        margin-block: 3rem;
    }
    .section-two .first-row, .section-three, .section-two .second-row {
        margin-bottom: 5rem;
    }
    .block-carousel {
        grid-auto-columns: calc((100% / 2) - 10px);
    }

 }


/* 768  *
-------------------------------------------------------------------------------------- */
@media (max-width: 768px) {
    h2 {
        font-size: 2.5rem;
    }
    h3 {
        font-size: 1.875rem;
    }
    .section-one .content {
        text-align: center;
    }
    .section-one .content a {
        margin-inline: auto;
    }
    .csi-logo {
        text-align: center;
    }
    .primary-menu {
        display: none !important;
    }
    .mobile-menu, .nav-toggle {
        display: block  !important;
    }
    #csiMenuWrapper .csi-Menu-titles-wrapper, #csiMenuWrapper-secondary .csi-Menu-titles-wrapper {
        width: 100%;
        justify-content: space-between;
    }
    .section-two, .section-three {
        text-align: center;
    }
    .section-two .first-row {
        flex-direction: column-reverse;
        margin-bottom: 2rem;
    }
    .section-two .img-wrapper {
        margin-bottom: 3rem;
    }
    .section-three .col-md-6:first-child {
        margin-bottom: 3rem;
    }
    .grid-wrapper {
        grid-template-columns: repeat(1, 1fr);
        gap: 10px 0;
    }
    .grid-item {
        grid-column: span 1 !important;
    }
    .grid-item h3 {
        font-size: 3.125rem;
    }
    .section-three h3 {
        font-size: 2.5rem;
    }
    .section-three a {
        margin: auto;
    }
    .footer-banner .img-col {
        justify-content: center;
    }
    .footer-banner .content-col {
        text-align: center;
        padding-top: 2rem;
    }
    .footer-banner .content-col a {
        margin: auto;
    }
    .footer-banner {
        margin-top: 5rem;
    }
    .teal-banner .content-col {
        padding-block: 2rem;
        text-align: center;
    }
    .csi-banner-custom .carousel-caption {
        padding-inline: 2rem;
    }
    .cardSection .row:has(.col-xl-4:first-child:nth-last-child(2)) .col-xl-4 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .navbar-brand img:first-child {
        max-width: 15%;
    }
    .navbar-brand img:nth-child(2) {
        max-width: 75%;
    }
    
}


/* 568  *
-------------------------------------------------------------------------------------- */
@media (max-width: 568px) {
    .csi_cards .highlight-text {
        justify-content: flex-end;
    }
    .block-carousel {
        grid-auto-columns: calc((100% / 1) - 10px);
    }

}