section .main .container * {
  position: relative;
  z-index: 5;
}
section .main .container .person {
  z-index: 0;
}

@media (max-width: 1111px) {
  .prices__wrapper {
    gap: 20px;
  }
}
@media (max-width: 1024px) {
  .main .person img {
    height: 100%;
  }
  .header__socs {
    gap: 10px;
  }
  .header__link {
    font-size: 14px;
  }
  .header__menu ul {
    gap: 10px;
  }
  .prices__wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
  .main__wrapper {
    grid-template-columns: 1fr;
    justify-content: center;
  }
  .main__titleblock {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .main__title {
    text-align: center !important;
  }
  .main__title span {
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
  }
  .main__form {
    width: 320px;
    margin-left: auto;
    margin-right: auto;
  }
}
.header__mobile {
  max-height: calc(100vh - 80px);
  height: -moz-max-content;
  height: max-content;
  overflow-y: scroll;
  padding: 100px 20px 20px 20px;
  background: var(--white);
  z-index: 90;
  position: fixed;
  top: -100%;
  transition: all 0.3s ease;
  left: 0;
  opacity: 0;
  width: 100%;
}
.header__mobile.active {
  top: 80px;
}
.header__mobile > * {
  display: none;
}
.header__mobile .name {
  font-size: 14px;
  font-weight: 400;
}
.header__mobile .contacts__info {
  margin-top: 20px;
}

@media (max-width: 820px) {
  .directions {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .directions__wrapper {
    margin-top: 2rem;
  }
  .blog {
    padding-top: 10px;
  }
  .header .header__menu {
    display: none;
  }
  .header__mobile .contacts__info {
    display: block;
  }
  .header__mobile .header__menu {
    display: block;
  }
  .header__mobile .header__menu ul {
    flex-direction: column;
    align-items: start;
  }
  .main .container {
    padding-bottom: 0;
  }
  .main .person {
    display: block;
    position: relative;
    height: 450px;
    width: 100%;
  }
  .main .person img {
    margin-left: auto;
    margin-right: auto;
    right: 0;
    left: 0;
  }
  .main .person .box {
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
  }
  .main__title {
    margin-top: 0;
    text-align: center;
  }
  .main__desc {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  .main__btn {
    margin-left: auto;
    margin-right: auto;
  }
  .blog__image {
    max-height: 400px;
  }
  .blog {
    padding-top: 2rem;
  }
  .blog__wrapper {
    gap: 0;
  }
  .directions__wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
  .item-promo {
    grid-column: span 2;
  }
}
@media (max-width: 651px) {
  .contacts__body {
    gap: 1rem;
    flex-wrap: wrap;
  }
  .contacts__body > * {
    flex: 0 0 100%;
  }
  .contacts__map .map {
    height: 300px;
  }
  .contacts__map .map iframe {
    width: 100%;
    height: 100%;
  }
  .faq-quest {
    font-size: 1rem;
  }
  .faq-answer {
    font-size: 14px;
  }
  .exit {
    width: 1.5rem;
    height: 1.5rem;
    flex: 0 0 1.5rem;
  }
  .prices__image {
    height: 150px;
  }
  .prices__val {
    margin-top: 1rem;
  }
  .directions__wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
  .item-promo {
    grid-column: 1;
  }
  .directions__item {
    font-size: 14px;
  }
  .blog__image {
    max-height: 320px;
    flex: 0 0 290px;
  }
  .main__title {
    font-size: 3rem;
  }
  .main__desc {
    width: 100%;
    max-width: 100%;
  }
  .title {
    font-size: 1.5rem;
  }
  section {
    padding: 20px 0;
  }
  .mt1r {
    margin-top: 10px;
  }
  .mt2r {
    margin-top: 1rem;
  }
  .btn {
    font-size: 1rem;
  }
  .about__item-name span {
    font-size: 1rem;
  }
  .index {
    display: block;
    flex: 0 0 2rem;
  }
  .about__body {
    gap: 10px;
  }
  .cases__desc {
    font-size: 14px;
  }
  .cases__name {
    margin-bottom: 10px;
    font-size: 1.5rem;
  }
  .main__btn {
    margin-top: 2rem;
  }
}
@media (max-width: 600px) {
  .prices__wrapper {
    gap: 1rem;
  }
  .prices__name {
    font-size: 20px;
  }
  .prices-textblock {
    padding: 10px;
  }
}
@media (max-width: 575px) {
  .blog__image {
    display: none;
  }
  .btn {
    width: 100%;
    text-align: center;
  }
  .blog {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .blog__btn {
    justify-content: center;
    align-items: center;
  }
  .blog__btn * {
    margin: 0 !important;
  }
  .blog__text {
    margin: 0;
    text-align: center;
  }
  .blog__text * {
    margin-left: auto;
    margin-right: auto;
  }
  .prices .main__btn {
    padding-left: 10px;
    padding-right: 10px;
  }
  .main__title span:after {
    height: 5px;
    bottom: -5px;
  }
}
@media (max-width: 500px) {
  .about__body {
    grid-template-columns: repeat(1, 1fr);
  }
  .prices__wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
  .prices__image {
    height: 220px;
  }
}
@media (max-width: 451px) {
  .main__title {
    font-size: 2rem;
  }
  .main__title span:after {
    height: 4px;
    bottom: -4px;
  }
}
@media (max-width: 400px) {
  .prices__image {
    height: 130px;
  }
  .prices__val {
    font-size: 1rem;
  }
  .sep {
    display: none;
  }
  .header__description {
    display: none;
  }
}/*# sourceMappingURL=media.css.map */