/*
 * Layout fixes on top of the theme (style.min.css): wider content on large
 * screens, home hero that stays inside the viewport on phones, and a more
 * compact appointment form.
 */

/* ---------- Large screens: use more of the width ---------- */
@media (min-width: 1400px) {
  .container {
    max-width: 1320px;
  }
}

@media (min-width: 1700px) {
  .container {
    max-width: 1500px;
  }

  body {
    font-size: 15px;
  }

  .about-layout1 .about__Text p {
    font-size: 17px;
  }
}

@media (min-width: 2200px) {
  .container {
    max-width: 1680px;
  }

  body {
    font-size: 16px;
  }
}

/* ---------- Home hero ---------- */
/* The photo fills the whole slide, including the theme's side padding. */
.slider .slide-item.align-v-h .hero-img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.slider .slide-item.align-v-h .hero-img img {
  height: 100%;
}

.slider .slide-item.align-v-h .slide__content {
  max-width: 70%;
}

@media (max-width: 991px) {
  .slider .slide-item.align-v-h .slide__content {
    transform: none;
    left: 0;
    right: 0;
    max-width: 100%;
    padding: 0 24px;
  }

  .slider .slide-item.align-v-h .slide__desc {
    max-width: 100%;
  }
}

@media (max-width: 767px) {
  .slider .slide-item.align-v-h {
    min-height: 420px;
  }
}

@media (max-width: 575px) {

  .slider .slide-item.align-v-h .slide__title {
    font-size: 26px;
    line-height: 1.2;
    overflow-wrap: break-word;
  }

  .slider .slide-item.align-v-h .slide__desc {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 20px;
  }
}

/* ---------- Appointment form (home + /appointment) ---------- */
.appointment-form .form-group {
  margin-bottom: 14px;
}

.appointment-form .form-control {
  height: 52px;
}

.appointment-form textarea.form-control {
  height: 88px;
  min-height: 88px;
  padding-top: 14px;
}

.appointment-form .contact-panel__desc {
  margin-bottom: 20px !important;
}

.appointment-form .divider {
  margin-bottom: 14px !important;
}

.appointment-form label {
  font-size: 13px;
  line-height: 1.4;
  margin-bottom: 0;
}