@media (min-width: 1540px) {
  .csi-banner-7 .carousel-item:before,
  .home .csi-banner-7 .carousel-item:before {
    background: transparent
      linear-gradient(90deg, #105da9 0%, rgba(16, 93, 169, 0) 35%) 0% 0%
      no-repeat padding-box;
  }
}

/* 1430  *
-------------------------------------------------------------------------------------- */
@media (max-width: 1430px) {
  .card-component .card-title {
    font-size: 1.25rem;
  }
  .mortgage-relative.csi-banner-7 .csi-logo {
    top: -102px;
  }
  div .csi-logo {
    top: -55px;
  }
  #csiMenuWrapper .primary-menu-wrapper > ul {
    margin: 0;
  }
  .mortgage-relative.csi-banner-7 .csi-logo img {
    width: 315px;
  }
  .mortgage-button a.csi-btn.button {
    padding: 23px 1.35rem;
  }
  .csi-videoBackground .video-background {
    height: 450px;
  }
  .csi-videoBackground .video-foreground,
  .csi-videoBackground .video-background iframe {
    height: 450px;
  }
}

@media (max-width: 1430px) and (min-width: 993px) {
  div[class^="csi-pic-"] img {
    width: 230px;
  }
  .manypics .csi-pic-02 {
    left: 12%;
    top: 170px;
  }
  .manypics .csi-pic-03 {
    left: 43%;
  }
  .manypics .csi-pic-05 {
    left: 30%;
    top: 415px;
  }
  .manypics .csi-pic-06 {
    left: 55%;
  }
  .csi-section-02 .manypics {
    padding: 0 1rem;
  }
  div.csi-section-02 {
    padding: 6rem 0;
  }
  .csi-section-02 .manypics {
    height: 775px;
    top: 0;
  }
}

/* 1200  *
-------------------------------------------------------------------------------------- */
@media (max-width: 1200px) {
  .card-component .card-title {
    width: 100%;
    left: 0;
  }
  .home .card-deck .card,
  .home-cards .card-deck .card {
    margin-bottom: 5rem;
  }
  .csi-videoBackground .video-background {
    height: 390px;
  }
  .csi-videoBackground .video-foreground,
  .csi-videoBackground .video-background iframe {
    height: 390px;
  }
}

@media (max-width: 1230px) {
  div.csi-banner-7 .ib-login {
    padding: 23px 1.125rem;
  }
  div.mortgage-button a.csi-btn.button {
    padding: 24px 1.125rem;
    display: block;
    height: 100%;
  }
  div.csi-banner-7 .header-quick-links-row {
    padding: 24px 1.5rem;
  }
}

/* 1100  *
-------------------------------------------------------------------------------------- */
@media (max-width: 1150px) {
  .mortgage-relative.csi-banner-7 div.csi-logo {
    position: relative;
    top: 0;
  }
  .mortgage-relative.csi-banner-7 .csi-logo img {
    width: 300px;
  }
}

@media (max-width: 1110px) {
  div.header-links-container {
    padding-right: 0;
  }
}

@media (max-width: 1100px) and (min-width: 992px) {
  .card-component .card-title {
    font-size: 1.175rem;
  }
}

/* 992  *
-------------------------------------------------------------------------------------- */
@media (max-width: 992px) {
  
  .home .carousel-inner .carousel-item.carousel-item-0{
    background: url(https://www.ennisstatebank.com/wp-content/uploads/sites/286/Untitled-design-15-1.png) no-repeat center center #105DA9!important;
  }

  div[class^="csi-pic-"] img {
    width: 230px;
  }
  .manypics .csi-pic-01 {
    left: 20px;
  }
  .manypics .csi-pic-02 {
    left: 170px;
    top: 150px;
  }
  .manypics .csi-pic-03 {
    left: 345px;
  }
  .manypics .csi-pic-04 {
    top: 315px;
    left: 20px;
  }
  .manypics .csi-pic-05 {
    top: 390px;
    left: 233px;
  }
  .manypics .csi-pic-06 {
    top: 200px;
    left: 415px;
  }
  div.csi-section-02 {
    padding: 6rem 0;
  }
  .csi-section-02 .manypics {
    height: 775px;
    top: 0;
    padding: 0 1rem;
  }
  .csi-insidepages .hover-cards {
    height: auto;
  }
  .hover-card-section .no-gutters > [class*="col-"] {
    margin-bottom: 4px;
  }
  .hover-card-section .card-section-description p {
    line-height: 1.75rem;
  }
  div#csiMenuWrapper .primary-menu > li {
    position: relative;
  }
  div.csi-banner-7 .carousel-caption {
    top: 0;
  }
  div.carousel-caption p {
    font-size: 1.125rem;
  }
  .header-links-container {
    padding-right: 0;
  }
  .attached-blue-background {
    padding: 6rem;
  }
  .attached-blue-background img {
    width: 80%;
    display: block;
    margin: 0 auto;
  }
  .floating-section .blue-background,
  .floating-section .blue-background.reverse {
    width: 100%;
    padding: 4rem;
    margin: 0;
  }
  .floating-section .blue-background h3 {
    margin-top: 0;
  }
  .floating-section .blue-background.reverse img {
    margin-bottom: 1rem;
  }
  .floating-section .floating-image img {
    position: relative;
    width: 100%;
    max-width: 100%;
  }
  .slanted-footnote-section {
    background: linear-gradient(115deg, transparent 25%, #083058 25%);
  }
  .floating-section .col-lg-9 {
    margin-bottom: 1rem;
  }
  .home .card-deck .card a,
  a.csi-btn.button {
    padding: 1rem 1.5rem;
  }
  .panel-group h5 {
    font-size: 1.75rem;
  }
  .panel-group img {
    width: 55px;
  }
  .accordion-body {
    padding: 6rem 2.5rem 3.75rem;
    text-align: center;
  }
  .panel-group .accordion-body a.open-account {
    font-size: 1.5rem;
  }
  .panel-group .mid-col {
    border: none;
  }
  .card-component .card-title {
    font-size: 1.5rem;
    width: 90%;
    left: 5%;
  }
  #csiMenuWrapper ul.primary-menu {
    justify-content: center;
  }
  #csiMenuWrapper .csi-Menu-navigation-wrapper {
    width: 100%;
  }
  #csiMenuWrapper .primary-menu-wrapper {
    margin-top: 13px;
  }
  .text-editor a.csi-btn {
    display: block;
    width: 100%;
    margin: 0.5rem 0;
    padding: 1rem 0;
    text-align: center;
  }
  .px-small-0 {
    padding: 0 !important;
  }
  .mortgage-button {
    width: 25%;
  }
  .mortgage-button a {
    padding: 24px 0;
  }
  div.csi-banner-7 div.header-quick-links-row {
    width: 70%;
    padding: 24px 0;
  }
  .csi-banner-7 div.ib-login {
    width: 30%;
    padding: 23px 0;
  }
  div.csi-banner-7.mortgage-relative div.ib-login {
    width: 25%;
  }
  div.csi-banner-7.mortgage-relative div.header-quick-links-row {
    width: 50%;
  }
  .mortgage-button a.csi-btn.button {
    display: block;
    text-align: center;
  }
  div.csi-logo {
    text-align: center;
    position: absolute;
    top: -170px;
    left: 50%;
    margin-left: -167px;
  }
  .mortgage-relative.csi-banner-7 div.csi-logo {
    top: -205px;
    position: absolute;
  }
  .row.align-items-center.justify-content-end {
    margin-top: 130px;
  }
  div.csi-logo img {
    width: 334px;
  }
  #csiMenuWrapper .csi-Menu-inner {
    align-items: flex-start;
    padding: 0;
    margin: 0;
  }
  #csiMenuWrapper div.csi-Menu-inner .toggle {
    padding: 0;
    height: 70px;
    position: relative;
  }
  .csi-Menu-titles-wrapper {
    padding: 0 30px;
    width: 100%;
    float: left;
  }
  .csi-banner-7 .carousel-item:before {
    background: rgba(16, 93, 169, 0.5);
  }
  .home .csi-banner-7 .carousel-item:before {
    background: rgba(16, 93, 169, 0);
  }
  div.csi-body-7 {
    padding: 3.125rem 0 0;
  }
  .home .card-deck .card {
    margin-bottom: 5rem;
  }
  .promotion-section .promotion-body {
    width: 100%;
    margin: 0;
    margin-top: 2rem;
    padding: 0;
  }
  .promotion-section h3 {
    top: -74px;
  }
  .promotion-section h5 {
    width: 100%;
    margin: 0;
    position: relative;
    top: 0;
  }
  div.panel-group {
    margin: 0 0 7rem;
  }
  .csi-banner-7 div.carousel-caption {
    left: 0;
  }
  .csi-banner-7 .carousel-item {
    width: 100%;
    margin-left: 0;
  }
  .card-deck {
    margin: 0;
  }
}

/* 768  *
-------------------------------------------------------------------------------------- */
@media (max-width: 768px) {
  .attached-blue-background {
    width: 100%;
    padding: 3rem;
  }
  .juicer-feed-section {
    padding-top: 0;
  }
  .juicer-section-title {
    width: 75%;
  }
  .promotion-section .promotion-body {
    margin-top: 2rem;
  }
  .promotion-section h3 {
    top: -74px;
    width: 100%;
    margin: 0;
  }
  .attached-blue-background img {
    width: 100%;
  }
  section.slanted-footnote-section {
    background: #083058;
  }
  section.slanted-footnote-section .slanted-content {
    width: 100%;
    margin: 0;
    padding: 40px 15px;
  }
  .floating-section div.blue-background {
    padding: 2rem;
  }
  div[class^="csi-pic-"] img {
    width: 175px;
  }
  .manypics .csi-pic-01 {
    left: 20px;
  }
  .manypics .csi-pic-02 {
    left: 105px;
    top: 140px;
  }
  .manypics .csi-pic-03 {
    left: 260px;
  }
  .manypics .csi-pic-04 {
    top: 275px;
    left: 20px;
  }
  .manypics .csi-pic-05 {
    top: 330px;
    left: 190px;
  }
  .manypics .csi-pic-06 {
    top: 175px;
    left: 300px;
  }
  .csi-section-02 div.manypics {
    width: 500px;
    margin: 0 auto;
    height: 520px;
  }
  .csi-banner-7 .banner-links a {
    font-size: 0.875rem;
  }
  .banner-links-row .separator {
    padding: 0 5px;
    border-left: none;
    border-right: 1px solid #fff;
  }
  .banner-links-row .banner-link-2 {
    padding-left: 10px;
  }
  .csi-videoBackground .video-background {
    height: 370px;
  }
  .csi-videoBackground .video-foreground,
  .csi-videoBackground .video-background iframe {
    height: 375px;
  }
}

@media (min-width: 768px) {
  select#input_1_78 {
    max-width: 32% !important;
  }
}

/* 568  *
-------------------------------------------------------------------------------------- */
@media (max-width: 575px) {
  .panel-heading {
    width: 85%;
    margin: 0 7.6%;
  }
  div.juicer-section-title {
    width: 100%;
    padding: 36px 18px;
  }
  div.csi-logo {
    top: -255px;
    margin: 0;
    left: 0;
    width: 100%;
  }
  .mortgage-relative.csi-banner-7 div.csi-logo {
    top: -322px;
  }
  div.csi-banner-7 div.header-quick-links-row,
  .csi-banner-7 div.ib-login,
  div.csi-banner-7.mortgage-relative div.header-quick-links-row,
  div.csi-banner-7.mortgage-relative div.ib-login,
  .mortgage-button,
  div.mortgage-button a.csi-btn.button {
    width: 100%;
  }

  .csi-videoBackground .video-background {
    height: 289px;
  }
  .csi-videoBackground .video-foreground,
  .csi-videoBackground .video-background iframe {
    height: 285px;
  }
  .csi-videoControls {
    right: 2rem;
    padding: 0.5rem 0.5rem;
    font-size: 0.75rem;
  }
}

@media (max-width: 500px) {
  .manypics .csi-pic-01 {
    left: 7px;
  }
  .manypics .csi-pic-02 {
    left: 40px;
  }
  .manypics .csi-pic-03 {
    left: 220px;
  }
  .manypics .csi-pic-04 {
    left: 15px;
  }
  .manypics .csi-pic-05 {
    left: 180px;
  }
  .manypics .csi-pic-06 {
    left: 215px;
  }
}
@media (max-width: 414px) {
  .csi-videoBackground .video-background {
    height: 225px;
  }
  .csi-videoBackground .video-foreground,
  .csi-videoBackground .video-background iframe {
    height: 224px;
  }
}
@media (max-width: 375px) {
  .csi-videoBackground .video-background {
    height: 204px;
  }
  .csi-videoBackground .video-foreground,
  .csi-videoBackground .video-background iframe {
    height: 202px;
  }
}