@media (max-width: 1000px) {
  .container {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media (max-width: 900px) {
  .header .header__socials {
    gap: 5px;
  }
}
@media (max-width: 800px) {
  .header__link-social {
    flex: 0 0 2rem;
    width: 2rem;
    height: 2rem;
  }
}
@media (max-width: 700px) {
  .header__right {
    gap: 1rem;
  }
}
@media (max-width: 550px) {
  .menu-list-mobile {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
  .header {
    background: #fff;
  }
  .header-mobile .header__socials {
    flex: 0 0 100%;
    justify-content: center;
  }
  .header__wrap-mobile {
    flex-wrap: wrap;
  }
  .container {
    padding-left: 10px;
    padding-right: 10px;
  }
  .header__contacts-mobile {
    gap: 1rem;
    row-gap: 20px;
  }
  .header__contacts-mobile .header__item-info,
  .header__contacts-mobile .header__phone {
    flex: 1 0 calc(50% - 20px);
  }
  .header-mobile .sub-menu {
    display: block;
    position: static;
    opacity: 1;
    pointer-events: auto;
    padding: 0;
    width: 100%;
    padding-left: 24px;
  }
  .header-mobile .sub-menu .menu-item a {
    font-size: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .header-mobile .menu-item-has-children .menu-item-has-children .sub-menu {
    opacity: 1;
    display: none;
  }
  .header-mobile .menu-item a {
    display: block;
    width: 100%;
    font-size: 24px;
    color: var(--white);
    background: var(--black);
    padding: 24px;
  }
}
@media (max-width: 1100px) {
  .pros__body {
    gap: 1rem;
  }
  .portfolio__body,
  .archive__body-posts {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 1000px) {
  .formblock__wrapper-text {
    padding-top: 0;
  }
  .formblock__wrapper {
    gap: 1.5rem;
  }
  .faq__body {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .faq__wrapper-images {
    width: 33.333%;
  }
  .faq__quest {
    font-size: 20px;
  }
  h1.hero__title,
  h2.hero__title {
    font-size: 2rem;
    max-width: 75%;
  }
  .desc {
    font-size: 1rem;
  }
  .title {
    font-size: 1.75rem;
  }
  .pros__body {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 900px) {
  .contacts__map {
    position: static;
    margin-top: 20px;
    top: 0;
    left: 0;
    width: 100%;
    height: 300px;
  }
  .contacts__wrapper,
  .formblock__wrapper {
    display: block;
  }
  .contacts__wrapper .formblock__wrapper-form,
  .formblock__wrapper .formblock__wrapper-form {
    margin-top: 24px;
  }
  .formblock__wrapper-form {
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
  }
  .contacts__title {
    max-width: 75%;
  }
  .contacts__desc {
    max-width: 50%;
  }
  .rivals__body {
    gap: 24px;
  }
  .rivals__title-item {
    font-size: 1.25rem;
  }
  .rivals__list {
    margin-top: 20px;
  }
  .rivals__listitem {
    margin-top: 10px;
  }
  .rivals__item {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .formblock__wrapper-form {
    padding-top: 3rem;
    padding-bottom: 2rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .formblock__wrapper-form {
    flex: 0 0 400px;
  }
}
@media (max-width: 800px) {
  .formblock__wrapper {
    flex-direction: column;
    gap: 0;
  }
  .formblock__wrapper-form {
    margin-top: 2.5rem;
    flex: 0 0 auto;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }
  .formblock__title {
    max-width: 75%;
  }
  .post-card {
    position: relative;
  }
  .post-card:before {
    opacity: 0.5;
  }
  .post-card .post-card__info {
    opacity: 1;
  }
  .portfolio__body .post-card,
  .archive__body-posts .post-card {
    padding: 1rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media (max-width: 750px) {
  .portfolio__body,
  .archive__body-posts {
    grid-template-columns: repeat(2, 1fr);
  }
  .hero__wrapper-btns {
    flex-wrap: wrap;
    gap: 1rem;
  }
  .hero__wrapper-btns .btn {
    flex: 1 1 50%;
  }
  h1.hero__title,
  h2.hero__title {
    max-width: 100%;
  }
  .formblock__title {
    max-width: 100%;
  }
  .rivals__listitem {
    gap: 8px;
  }
}
@media (max-width: 700px) {
  .contacts__title,
  .contacts__desc {
    max-width: 100%;
  }
  .reviews__name {
    font-size: 1rem;
  }
  .rivals__body {
    display: block;
  }
  .rivals__body > *:last-child {
    margin-top: 20px;
  }
  .faq__body {
    max-width: 100%;
    flex: 0 0 100%;
  }
  .faq__item.active .faq__answer {
    margin-bottom: 10px;
  }
  .faq__wrapper-images {
    display: none;
  }
  .titleblock {
    gap: 1rem;
  }
  .titleblock.__horizontal {
    display: block;
  }
  .titleblock.__horizontal > *:last-child {
    text-align: left;
    margin-top: 1rem;
  }
  .pros__text-wrapper .title {
    font-size: 1rem;
  }
  .pros__text {
    font-size: 14px;
  }
  .pros__item {
    padding: 1rem;
  }
  .post-card {
    padding: 1rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .steps__index {
    flex: 0 0 2rem;
    width: 2rem;
    height: 2rem;
    font-size: 1.5rem;
  }
  .steps__item:before, .steps__item:after {
    top: calc(1rem - 1px);
  }
  .pros__item {
    gap: 10px;
  }
}
@media (max-width: 600px) {
  .steps__item {
    display: flex;
    align-items: start;
    gap: 1rem;
  }
  .steps__item .pros__item {
    margin-top: 0;
  }
  .steps__item:before, .steps__item:after {
    height: 100%;
    width: 2px;
    top: 0;
    left: calc(1rem - 1px) !important;
  }
  .steps__item:after {
    top: -2rem !important;
    width: 2px !important;
    height: 100% !important;
    right: auto;
  }
  .steps__item:last-child:after {
    content: "";
    display: block;
    height: 2rem !important;
  }
  .contacts__info {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
  }
  .contacts__info > * {
    flex: 1 1 calc(50% - 1rem);
  }
  .partners__body {
    gap: 1rem;
    grid-template-columns: repeat(2, 1fr);
  }
  .pros__body {
    grid-template-columns: repeat(1, 1fr);
  }
  .pros__item {
    padding: 24px;
  }
  .mt52 {
    margin-top: 2.5rem;
  }
  .mt32 {
    margin-top: 24px;
  }
  .title {
    font-size: 1.5rem;
  }
}
@media (max-width: 500px) {
  .post-card__name {
    font-size: 1rem;
  }
  .portfolio__body,
  .archive__body-posts {
    grid-template-columns: repeat(1, 1fr);
  }
  .mt52 {
    margin-top: 2rem;
  }
  .formblock__item {
    flex: 0 0 100%;
  }
  .formblock__wrapper-form {
    max-width: 100%;
    margin-top: 2rem;
  }
  .faq__item {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .pros__item {
    padding: 1rem;
  }
  h1.hero__title,
  h2.hero__title {
    font-size: 1.75rem;
  }
  .desc {
    font-size: 14px;
  }
  .title {
    font-size: 1.33rem;
  }
}
@media (max-width: 460px) {
  .btn {
    width: 100%;
  }
  .archive__term-link {
    width: auto;
  }
  .ajax-search {
    flex-wrap: wrap;
  }
}
@media (max-width: 400px) {
  .pros__icon {
    flex: 0 0 2.5rem;
    width: 2.5rem;
    height: 2.5rem;
  }
  .partners__body {
    gap: 10px;
  }
  .formblock__wrapper-form {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 2erm;
    padding-bottom: 1.5rem;
  }
  .mt32 {
    margin-top: 16px;
  }
  .mt52 {
    margin-top: 24px;
  }
  .faq__quest {
    font-size: 18px;
    gap: 10px;
  }
}
@media (max-width: 375px) {
  h1.hero__title,
  h2.hero__title {
    font-size: 1.25rem;
  }
}
@media (max-width: 350px) {
  .rivals__item {
    padding-left: 10px;
    padding-right: 10px;
  }
  .btn.hero__btn {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (max-width: 700px) {
  .footer__title {
    font-size: 18px;
  }
}
@media (max-width: 600px) {
  .footer__logoblock,
  .footer__left {
    width: 100%;
    flex: 0 0 100%;
  }
}/*# sourceMappingURL=grafith-media.css.map */