@media screen and (max-width: 1350px) {
  .hero__title {
    font-size: 2.8rem;
  }

  .about__img {
    width: 450px;
    height: 200px;
  }
}

@media screen and (max-width: 1175px) {
  .booking-form {
    transform: scale(0.8);
  }

  .about__img {
    width: 350px;
    height: 150px;
  }
}

@media screen and (max-width: 1050px) {
  :root {
    --padding: 30px;
  }
  /* Ховаємо меню та дії за замовчуванням */
  .header__menu,
  .header__actions {
    display: none;
  }

  .header__burger {
    display: flex;
  }

  .hero {
    background: #000;
  }

  .hero::after {
    width: 100%;

    background-image: url("/wp-content/themes/PWR/assets/images/car-bg.jpg");
    background-position: center;

    opacity: 0.3;
  }

  .hero__content {
    margin: 80px auto 50px;
  }

  .hero__title {
    text-align: center;
    font-size: 2.5rem;

    margin-bottom: 30px;
  }

  .hero__subtitle {
    text-align: center;
    font-size: 1.2rem;

    margin: auto;
  }

  .booking-form {
    width: 100%;
    transform: scale(1);
  }

  .booking-form__fields {
    flex-direction: column;
  }

  .booking-form__field {
    flex: auto;
    width: 100%;
  }

  .services__item {
    height: 400px;
  }

  .about__title {
    font-size: 28px;
  }

  .about__img--tile {
    width: 250px;

    left: -100px;
  }

  .footer__inner {
    flex-direction: column;
    gap: 30px;
  }



.contact__info {
  padding: 100px var(--padding) var(--padding);
}

.contact__lists {
  flex-direction: column;
}

.mosaic {
  flex-direction: column;
}

.mosaic__item--big {
  width: 100%;
}

.srvblk {
  flex-direction: column;
}

.srvblk__item {
  width: 100%;
}

}

@media screen and (max-width: 740px) {
  .header__nav {
    padding: 10px 30px;
  }

  .hero {
    padding: 80px 30px 30px;
  }

  .hero__title {
    font-size: 2.2rem;
  }

  .hero__subtitle {
    font-size: 1rem;
  }

  .services__list {
    flex-direction: column;
  }

  .about__inner {
    flex-direction: column;
  }

  .about__text {
    width: 100%;
  }

  .about__media {
    flex-direction: row;
  }

  .about__img {
    width: 50%;
    height: auto;
  }

  .about__img--tile {
    left: 50px;
  }

  .faq__content {
    width: 80%;
  }

  .fleet {
    padding: var(--padding) var(--padding) 250px;
  }

  .fleet__item {
    flex-direction: column-reverse;
  }

  .contact__title {
    font-size: 38px;
  }

  .contact__list {
    gap: 20px
  }
  .contact__time {
    width: 300px;
  }
.contact__form p {
  align-items: center;
}

  .contact__form-input {
    width: 200px;
    font-size: 20px;
    padding: 10px 0;
  }

  .contact__form-button {
    padding: 15px 25px;
  }


  .mosaic__item--photo {
    height: 200px;
  }

  .icon-btn {
    padding: 20px 0;
  }
  .icon-btn svg {
    width: 25px;
    height: 25px
  }

}


@media screen and (max-width: 450px) {
	.mosaic__text {
		font-size: 11px;
	}
	.mosaic__kpi {
    font-size: 25px;
}
	.cta-strip {
		width:100%;
	}
    .footer__col--info {
      flex-direction: column;
    }


    .testimonials__hero {
        padding: 0 var(--padding);
    }

    .testimonials-row{
        gap: 20px
    }
    .testimonials-card {
      width: 100%;
      height: auto;

        padding: 20px;
    }

    .testimonials-card__name {
        font-size: 14px;

        margin: 0;
    }

    .testimonials-card__text {
        margin: 0;

        font-size: 12px;
    }

    .testimonials-card__quote svg {
        width: 20px;
        height: 20px;
    }


    .footer__cta {
        padding: 20px var(--padding);
    }

    .contact__form p {
      flex-direction: column;
      align-items: flex-start;
    }
}