@media (max-width: 575px) {
  .ccm-page #bottom-content .col {
    min-height: 200px;
    padding: 2rem 1.5rem;
    background-size: cover;
    background-position: center top;
    background-attachment: scroll;
  }

  .ccm-page #bottom-content .offer-bg,
  .ccm-page #bottom-content .work-bg {
    padding: 2rem 1.5rem !important;
  }

  .ccm-page #bottom-content .offer-bg {
    background-position: center top !important;
    background-size: cover !important;
  }

  .ccm-page #bottom-content .work-bg {
    background-position: center top !important;
    background-size: cover !important;
  }

  .ccm-page #bottom-content .offer-bg h2,
  .ccm-page #bottom-content .work-bg h2 {
    margin-top: 0 !important;
    margin-bottom: 1.5rem !important;
  }

  .ccm-page #bottom-content .map-bg {
    padding: 2rem 1.5rem;
    min-height: 200px;
    background-position: center center !important;
  }
}

@media (min-width: 576px) and (max-width: 991px) {
  .ccm-page #bottom-content .col {
    min-height: 350px;
    padding: 2.5rem 2rem;
    background-size: cover;
    background-position: center top;
    background-attachment: scroll;
  }

  .ccm-page #bottom-content .offer-bg,
  .ccm-page #bottom-content .work-bg {
    padding: 2.5rem 2rem !important;
    background-position: center top !important;
    background-size: cover !important;
  }

  .ccm-page #bottom-content .offer-bg h2,
  .ccm-page #bottom-content .work-bg h2 {
    margin-top: 0 !important;
    margin-bottom: 2rem !important;
  }

  .ccm-page #bottom-content .map-bg {
    padding: 2.5rem 2rem;
    background-position: center center !important;
  }
}

@media (min-width: 992px) {
  .ccm-page #bottom-content .col {
    min-height: 420px;
    background-attachment: scroll;
  }

  .ccm-page #bottom-content .offer-bg h2,
  .ccm-page #bottom-content .work-bg h2 {
    margin-top: -50px !important;
    margin-bottom: 100px !important;
  }

  .ccm-page #bottom-content .offer-bg,
  .ccm-page #bottom-content .work-bg {
    padding: 0 4rem;
    background-position: bottom right !important;
    background-size: cover !important;
  }

  .ccm-page #bottom-content .map-bg {
    background-position: top right !important;
  }
}

@media (max-width: 991px) {
  .ccm-page #bottom-content .col {
    margin-bottom: 1rem;
  }
}