
@media (min-width: 991px) and (max-width: 1238px) {
  .section-box-differentials-05 .grid-1-img img {
    height: 50px;
  }
  .section-box-differentials-05 .card-grid-1 {
    padding: 24px;
  }

  .section-box-differentials-05 .text-heading-3 {
    height: 110px;
  }
}

@media (min-width: 992px) and (max-width: 1173px) {
.box-newsletter .img-newsletter {
  bottom: -100px!important;
}
}

@media (max-width: 991px) {
  .section-box-differentials-05 {
    padding: 56px 0;
    margin-top: 56px;
  }

  .section-box-differentials-05 .card-grid-1 {
    height: auto;
  }
  .section-box-differentials-05 .text-body-excerpt {
    height: auto;
  }

  .section-box-differentials-05 .text-heading-3 {
    height: auto;
  }
  .section-box-differentials-03.overflow-visible .mx-auto {
    margin: 30px 0;
  }
  .section-box-differentials-04 {
    margin-top: -30px;
  }

  .section-box-differentials-03 .box-newsletter .col-md-5,
  .section-box-differentials-04 .box-newsletter .col-md-5 {
  display: flex;
  justify-content: center;
}

.box-newsletter .block-chart {
  bottom: -60px;
  left: 15%;
  max-width: 225px;
}
.section-box-differentials-02 .accordion-item button.accordion-button {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  }
  #app > div.background {
    background: #EFEFEF;
    z-index: -5;
    position: relative;
    padding: 56px 0 24px 0;
  }

  #app > div.background > div > h1 {
    margin-top: 0!important;
  }

  .section-box-differentials-02 {
    height: auto;
}
}

@media (max-width: 769px) {
  .section-box-differentials-01 {
    padding: 24px 0;
  }
  .section-box-differentials-01 h1 {
    font-size: 32px;
  }

  .section-box-differentials-02 h3 {
    font-size: 32px;
  }

  .section-box-differentials-02 p.text-body-text {
    font-size: 14px;
  }

  .section-box-differentials-02 img.camaroes {
    width: 100%;
  }

  .section-box-differentials-03,
  .section-box-differentials-04 {
    height: auto;
  }

  .section-box-differentials-03 {
    margin-bottom: auto;
  }

  .section-box-differentials-03 .box-newsletter .row {
    display: flex;
    flex-direction: column;
  }

  .section-box-differentials-03 .box-newsletter {
    padding: 48px 24px;
  }

  .section-box-differentials-03 .box-newsletter .col-md-7,
  .section-box-differentials-03 .box-newsletter .col-md-5 {
    width: 100%;
  }

  .section-box-differentials-04 .row {
    flex-direction: column-reverse;
  }

  .section-box-differentials-03 p,
  .section-box-differentials-04 p {
    width: 100%;
  }

  .section-box-differentials-04 p {
    float: none;
  }

  .section-box-differentials-04 h4 {
    margin-left: 0px;
  }

  #app
    > section.section-box-differentials-04.overflow-visible.mb-55
    > div
    > div
    > div
    > div
    > div
    > div.col-lg-7.col-md-7
    > img {
    margin-left: 0px;
  }

  .section-box-differentials-04 .col-lg-7 {
    width: 100%;
  }

  .box-newsletter .img-newsletter {
    width: 280px !important;
  }

  
}

@media (max-width: 425px) {
  .section-box-differentials-03 .box-newsletter .img-newsletter,
  .section-box-differentials-04 .box-newsletter .img-newsletter {
    width: 173px;
    height: 264px;
  }
  .section-box-differentials-03 .box-newsletter .block-chart img,
  .section-box-differentials-04 .box-newsletter .block-chart img {
    width: 170px;
    height: 130px;
    margin: 0px;
  }

  .section-box-differentials-05 .grid-1-img img {
    height: 60px;
  }

  .section-box-differentials-05 .text-body-excerpt {
    font-size: 11px;
  }

  .section-box-differentials-05 .text-heading-3 {
    height: auto;
  }

  .section-box-differentials-05 .card-grid-1 {
    padding: 24px;
    height: auto;
  }
  #app
    > section.section-box-differentials-03.overflow-visible
    > div
    > div
    > div
    > div
    > div
    > div.col-lg-5.col-md-5.mt-30.mt-lg-0.mt-md-30.mt-sm-30.position-relative.text-end
    > div
    > img {
    margin-right: auto;
  }

  .section-box-differentials-01::after {
    width: 100px;
    height: 100px;
}
}

