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

}

/* 1200  *
-------------------------------------------------------------------------------------- */
@media (max-width: 1200px) {
    .section-one .image-section .img-container:first-child {
        max-height: 75%;
        right: 0;
        bottom: 10%;
    }
    .section-one .image-section .img-container:nth-child(4) {
        max-height: 65%;
        width: 50%;
    }
    .section-one .image-section .img-container:nth-child(5) {
        max-height: 60%;
        right: 50%;
    }
    .section-one .image-section .img-container:nth-child(3) {
        bottom: -3rem;
    }
    .section-one .image-section .img-container {
        width: 50%;
    }
    .product-checkboxes {
        gap: 1rem;
    }
    .image-banner.image-right img {
      margin-left: 0;
    }

}
@media(min-width: 1200px) {
    .col-xl-6:has(.image-section) {
        padding-left: 3rem;
    }
}
/* 1024  *
-------------------------------------------------------------------------------------- */
@media (max-width: 1024px) {
    .header-table {
        display: none;
    }
    .mobile-table-view {
        display: block;
    }
    .product-checkboxes {
        flex-direction: column;
        align-items: center;
        pointer-events: none;
    }
    .table-responsive table tbody tr td:nth-child(even) {
        background: var(--accent-color) !important;
    }
    .table-responsive table tbody tr td:first-child {
        color: var(--primary-color);
    }
    .table-responsive tr {
        border: none;
    }
    tbody, .table-responsive table tbody tr td {
        background: transparent;
    }
}

@media (min-width: 1024px) {
    .header-table {
        display: block;
    }
    .mobile-table-view {
        display: none;
    }
}

/* 992  *
-------------------------------------------------------------------------------------- */
@media (max-width: 992px) {
    .mobile-carousel-image {
        min-height: 400px;
    }
    .csi-banner-video .carousel-caption {
        right: 0rem;
        position: relative;
        padding: 1rem;
        top: unset;
        border: unset;
        text-align: center;
        left: 0;
        transform: none;
        margin-bottom: 2rem;
    }
    .csi-banner-video .carousel-item {
        min-height: unset;
        height: unset;
    }
    .csi-banner-video .carousel-item {
        background: transparent !important;
    }
    .csi-banner-video .carousel-item:before {
        background: none
    }
    .csi-banner-video .carousel-caption h1 {
        color: var(--primary-color);
        text-shadow: none;
    }
    .csi-banner-video .carousel-caption p {
        color: var(--text-color);
        text-shadow: none;
        font-size: 1.5rem;
    }
    .csi-banner-video .carousel-caption .csi-btn {
        border-color: var(--primary-color);
        color: var(--primary-color);
    }
    .csi-banner-video .carousel-indicators li {
        background: url(../images/active-carousel.png) !important;
        opacity: .25;
        background-size: cover !important;
        background-repeat: no-repeat !important;
    }
    .csi-banner-video .carousel-indicators li.active {
        opacity: 1;
    }
    .csi-banner-video .carousel-indicators {
        bottom: -2rem;
    }
    .section-three:before {
        background: none;
        content: none;
    }
    .section-three {
        background: var(--primary-color);
        text-align: center;
    }
    .section-three .content {
        padding-right: unset;
    }
    .section-three .link-block {
        margin-inline: 2rem;
    }
    .section-five .content {
        padding-inline: 2rem;
        text-align: center;
    }
    .image-banner:before {
        height: 95%;
        bottom: 0;
        top: 20%;
    }
    .image-banner .content {
        padding: 3rem;
        text-align: center;
    }
    .image-banner.image-right .row {
        flex-direction: column-reverse;
    }
    .image-banner.blue .content {
        background: var(--primary-color);
      }
      .image-banner.tan .content {
        background: var(--accent-color);
      }
 }

@media(min-width: 992px) {
    .mobile-carousel-image {
        display: none;
    }
}


/* 768  *
-------------------------------------------------------------------------------------- */
@media (max-width: 768px) {
    h1 {
        font-size: 3rem;
    }
    
    h2 {
        font-size: 2.875rem;
    }
    
    h3 {
        font-size: 2.75rem;
    }
    h4 {
        font-size: 2.5rem;
    }
    #csiMenuWrapper .csi-Menu-inner .toggle, #csiMenuWrapper-secondary .csi-Menu-inner .toggle, #csiMenuWrapper button.toggle, #csiMenuWrapper-secondary button.toggle {
        padding: unset;
    }
}


/* 568  *
-------------------------------------------------------------------------------------- */
@media (max-width: 568px) {
    .col-lg-6:has(.ib-btn) {
        justify-content: center;
        flex-wrap: wrap;
    }
    .section-one .image-section {
        min-height: 600px;
    }
    .section-one .image-section .img-container:first-child {
        max-height: 60%;
        right: 0;
        bottom: 0;
    }
    .section-one .image-section .img-container:nth-child(4) {
        max-height: 40%;
        top: 0;
    }
    .section-one .image-section .img-container:nth-child(5) {
        max-height: 33%;
        right: 55%;
        top: 6%;
    }
    .section-one .image-section .img-container:nth-child(3) {
        bottom: 5%;
        max-height: 35%;
        left: 0;
    }
    .section-one .image-section .img-container:nth-child(2) {
        left: 5%;
        max-height: 30%;
        top: 36%;
    }
    .section-one .image-section .img-container {
        width: unset;
    }

}