@media screen and (max-width: 1150px) {
  .header {
    padding: 60px 0; }
  .intro {
    padding-bottom: 100px; }
    .intro__info {
      max-width: 430px; }
    .intro__title {
      margin-bottom: 60px; }
    .intro__slider-wrap {
      margin-right: -1800px; }
  .about {
    padding: 100px 0; }
    .about__info {
      max-width: 510px; }
    .about__scroll {
      padding-right: 50px; }
  .works {
    padding: 120px 0; }
  .guarant {
    padding-top: 100px;
    padding-bottom: 210px; }
    .guarant__info {
      max-width: 480px; }
    .guarant__desc {
      margin-bottom: 40px; }
      .guarant__desc br {
        display: none; }
    .guarant__list {
      margin-bottom: 60px; }
    .guarant__note-name br {
      display: none; }
  .faq {
    padding: 100px 0; }
    .faq__info {
      max-width: 570px; }
    .faq__form {
      margin-right: 60px; }
  .certs {
    padding-bottom: 100px; }
    .certs__desc {
      margin-bottom: 60px; }
    .certs__list {
      gap: 10px;
      grid-gap: 10px; }
  .popup.--works {
    max-width: 950px; }
    .popup.--works .popup__preview {
      max-width: 480px; }
    .popup.--works .popup__info {
      max-width: 450px;
      min-height: auto; }
      .popup.--works .popup__info-item {
        margin-bottom: 20px; }
      .popup.--works .popup__info-name {
        font-size: 22px;
        line-height: 28px; }
      .popup.--works .popup__info-list ul li {
        font-size: 17px; }
        .popup.--works .popup__info-list ul li br {
          display: none; }
  .panel__info-mail {
    margin-right: 30px; } }

@media screen and (max-width: 992px) {
  .btn.--sm {
    font-size: 13px; }
  .h1 {
    font-size: 36px;
    line-height: 42px; }
  .h2 {
    font-size: 36px;
    line-height: 42px; }
  .t1 {
    font-size: 18px; }
  .header {
    padding: 40px 0; }
  .panel__wrap {
    width: calc( 100% - 235px);
    align-items: center;
    }
  .panel__contacts{
    flex-direction: column;
    align-items: center; }
  .panel__info-mail{
    margin: 0 0 10px 0; }
  .panel__links {
    margin-left: 20px;
    padding-left: 20px; }
  .panel__link {
    font-size: 13px; }
  .panel__tel {
    font-size: 16px;
    line-height: 16px; }
  .panel__sch {
    font-size: 12px;
    line-height: 15px; }
  .panel__btn {
    width: 150px;
    margin-left: 25px; }
  .logo {
    max-width: 235px; }
    .logo__img {
      width: 25px; }
    .logo__desc {
      width: calc( 100% - 25px);
      padding-left: 10px; }
    .logo__text {
      font-size: 18px;
      line-height: 22px; }
    .logo__name {
      font-size: 14px; }
  .intro {
    padding-bottom: 90px; }
    .intro__info {
      max-width: 100%;
      margin-bottom: 30px; }
    .intro__title {
      text-align: center;
      margin-bottom: 40px; }
    .intro__slider:before {
      display: none; }
    .intro__slider-wrap {
      margin-right: 0;
      right: 0; }
    .intro__slider-item {
      width: auto;
      height: 380px; }
      .intro__slider-item.swiper-slide-prev {
        opacity: 1; }
  .about {
    padding: 90px 0; }
    .about__info {
      max-width: 100%;
      margin-bottom: 40px; }
    .about__main {
      padding: 30px; }
    .about__name {
      font-size: 22px;
      line-height: 26px; }
    .about__preview {
      margin-left: auto;
      margin-right: auto; }
  .works {
    padding: 90px 0; }
  .guarant {
    padding-top: 90px; }
    .guarant__info {
      max-width: 100%;
      margin-bottom: 40px; }
    .guarant__title {
      text-align: center; }
    .guarant__desc {
      text-align: center; }
    .guarant__list {
      margin-bottom: 40px; }
    .guarant__note {
      max-width: 550px;
      padding: 20px; }
    .guarant__preview {
      margin-left: auto;
      margin-right: auto; }
    .guarant__sldie4r-item {
      height: 500px; }
  .price__wrap {
    padding: 40px; }
  .price__info {
    padding-right: 20px;
    max-width: 360px; }
  .price__list {
    font-size: 15px; }
  .faq {
    padding: 90px 0; }
    .faq__info {
      max-width: 400px; }
    .faq__desc br {
      display: none; }
    .faq__name {
      font-size: 16px;
      line-height: 24px; }
  .certs {
    padding-bottom: 90px; }
    .certs__desc {
      margin-bottom: 40px; }
    .certs__list {
      gap: 20px 10px;
      grid-gap: 20px 10px; }
    .certs__item {
      height: 270px;
      border-radius: 10px; }
    .certs__zoom {
      width: 35px;
      height: 35px; }
    .certs__name {
      padding: 0 15px 15px;
      font-size: 15px; }
      .certs__name span {
        font-size: 13px; }
  .footer {
    padding: 40px 0; }
    .footer__req {
      font-size: 15px;
      line-height: 19px; }
  .popup.--works {
    max-width: 730px;
    padding: 50px 0; }
    .popup.--works .popup__head {
      margin-bottom: 40px; }
    .popup.--works .popup__preview {
      max-width: 500px;
      margin-bottom: 40px; }
    .popup.--works .popup__info {
      max-width: 100%; }
      .popup.--works .popup__info-name {
        font-size: 20px; } }

@media screen and (max-width: 767px) {
  .btn {
    min-height: 50px; }
  .h1 {
    font-size: 32px;
    line-height: 36px; }
  .h2, .h3, .h4 {
    font-size: 28px;
    line-height: 34px; }
  .t1 {
    font-size: 16px; }
  .header {
    padding: 25px 0; }
    .header__panel .panel__wrap {
      z-index: 10;
      position: fixed;
      background: #fff;
      top: 0;
      right: 0;
      left: 0;
      bottom: 0;
      width: 100%;
      max-width: 100%;
      height: 100%;
      min-height: 100%;
      opacity: 0;
      visibility: hidden;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      flex-direction: column;
      overflow-y: auto; }
      .header__panel .panel__wrap.--show {
        opacity: 1;
        visibility: visible; }
    .header__panel .panel__links {
      padding: 0;
      padding-bottom: 20px;
      margin-bottom: 20px;
      margin-left: 0;
      border-left: none;
      border-bottom: 1px solid #A0A0A0; }
    .header__panel .panel__link {
      font-size: 18px;
      line-height: 22px;
      text-align: center; }
    .header__panel .panel__contacts {
      align-items: center;
      margin-right: auto;
      flex-direction: column; }
    .header__panel .panel__info {
      text-align: center;
      margin-bottom: 40px; }
    .header__panel .panel__tel {
      font-size: 18px; }
    .header__panel .panel__sch {
      font-size: 14px; }
    .header__panel .panel__btn {
      width: 220px;
      margin-right: auto;
      margin-left: auto; }
  .ham {
    z-index: 11;
    display: flex; }
  .intro {
    padding-top: 20px;
    padding-bottom: 70px; }
    .intro__title {
      margin-bottom: 30px; }
    .intro__name-text {
      font-size: 16px; }
    .intro__btns {
      margin-top: 40px; }
    .intro__slider-item {
      height: 270px; }
  .about {
    padding: 70px 0; }
    .about__name {
      font-size: 18px;
      line-height: 22px;
      margin-bottom: 10px; }
    .about__text {
      font-size: 15px; }
      .about__text ul li {
        font-size: 15px; }
    .about__certs-name {
      font-size: 16px; }
    .about__preview {
      max-width: 400px; }
    .about__man-title {
      left: 20px; }
    .about__man-img {
      width: 340px;
      margin-left: auto;
      margin-right: auto; }
    .about__person {
      font-size: 18px;
      line-height: 20px; }
  .works {
    padding-top: 70px;
    padding-bottom: 100px; }
    .works__info {
      max-width: 100%;
      margin-bottom: 30px; }
    .works__title {
      margin-bottom: 30px; }
    .works__name {
      font-size: 18px;
      margin-bottom: 20px; }
    .works__list ul li {
      margin-bottom: 10px; }
    .works__arrows {
      position: absolute;
      bottom: -540px; }
    .works__arrow {
      border-width: 1px; }
    .works__preview {
      padding-left: 0;
      width: 100%;
      margin-bottom: 50px; }
    .works__slider:before {
      display: none; }
    .works__slider-wrap {
      margin-left: -15px;
      margin-right: -15px; }
    .works__slider-item {
      height: 100%; }
  .w-item__main {
    width: calc( 100% - 70px); }
    .w-item__main-item {
      height: 350px; }
      .w-item__main-item.--video:before {
        width: 55px;
        height: 55px; }
  .w-item__thumbs {
    max-width: 70px; }
    .w-item__thumbs-item {
      width: 100%;
      height: 80px; }
  .w-item__name {
    font-size: 16px;
    margin-bottom: 4px; }
  .w-item__more {
    font-size: 14px; }
  .guarant {
    padding-top: 70px; }
    .guarant__desc {
      margin-bottom: 30px; }
    .guarant__name {
      font-size: 16px; }
    .guarant__note {
      max-width: 410px; }
      .guarant__note-icon {
        width: 25px;
        height: 25px; }
      .guarant__note-text {
        width: calc( 100% - 25px);
        font-size: 16px;
        padding-left: 20px; }
    .guarant__preview {
      max-width: 300px; }
    .guarant__slider-item {
      height: 410px; }
    .guarant__img {
      transform: scale(0.8);
      right: -70px;
      bottom: -70px; }
  .price__wrap {
    padding: 30px; }
  .price__info {
    padding-right: 0;
    border-right: none;
    max-width: 100%;
    width: 100%;
    margin-bottom: 30px; }
  .price__desc {
    margin-bottom: 20px; }
  .price__form {
    margin-right: auto; }
  .faq {
    padding: 70px 0; }
    .faq__info {
      max-width: 100%;
      margin-bottom: 30px; }
    .faq__item {
      border-radius: 10px;
      padding: 15px; }
    .faq__text {
      font-size: 14px; }
    .faq__form {
      margin-right: auto; }
      .faq__form .form__title {
        text-align: center; }
  .certs {
    padding-bottom: 70px; }
    .certs__list {
      grid: none/repeat(2, 1fr);
      gap: 20px;
      grid-gap: 20px; }
    .certs__item {
      height: 360px; }
    .certs__show span {
      font-size: 15px;
      margin-top: 30px; }
  .footer__panel {
    margin-bottom: 30px; }
    .footer__panel .panel__logo {
      margin-left: auto; }
    .footer__panel .panel__links {
      margin-right: auto; }
    .footer__panel .panel__contacts {
      margin-right: auto;
      margin-top: 20px; }
  .footer__req {
    text-align: center;
    font-size: 14px;
    line-height: 17px; }
  .popup.--works {
    max-width: 560px;
    padding: 30px 0; }
    .popup.--works .popup__name {
      width: calc( 100% - 27px);
      padding-right: 10px; }
      .popup.--works .popup__name-desc {
        font-size: 16px; }
    .popup.--works .popup__preview .w-item__main-item {
      height: 450px; }
    .popup.--works .popup__info {
      padding: 25px; }
      .popup.--works .popup__info-name {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 8px; }
      .popup.--works .popup__info-list ul li {
        font-size: 15px; } }

@media screen and (max-width: 580px) {
  .h1 {
    font-size: 26px;
    line-height: 28px; }
  .h2, .h3, .h4 {
    font-size: 24px;
    line-height: 28px; }
  .t1 {
    font-size: 15px;
    line-height: 20px; }
  .logo__text {
    font-size: 16px;
    line-height: 20px; }
  .logo__name {
    font-size: 13px;
    line-height: 18px; }
  .intro__name {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-bottom: 20px; }
    .intro__name-dots {
      width: 4px;
      height: 4px;
      margin-right: 10px;
      top: 8px; }
      .intro__name-dots:before, .intro__name-dots:after {
        width: 4px;
        height: 4px; }
    .intro__name-text {
      width: calc( 100% - 40px);
      padding-left: 10px;
      line-height: 20px; }
  .intro__text {
    font-size: 15px; }
    .intro__text br {
      display: none; }
  .intro__btns {
    flex-direction: column;
    margin-top: 30px; }
  .intro__btn {
    width: 100%;
    margin-bottom: 10px; }
    .intro__btn:last-of-type {
      margin-bottom: 0; }
  .about {
    padding: 50px 0; }
    .about__title {
      margin-bottom: 10px; }
    .about__main {
      padding: 20px; }
    .about__scroll {
      padding-right: 20px; }
    .about__item {
      margin-bottom: 20px; }
    .about__name {
      font-size: 17px; }
    .about__text {
      font-size: 14px;
      line-height: 21px; }
      .about__text ul li {
        font-size: 14px;
        line-height: 21px; }
    .about__certs-name {
      font-size: 15px; }
    .about__file {
      width: 100%; }
    .about__man-title {
      font-size: 18px;
      line-height: 22px; }
    .about__man-img {
      width: 270px; }
    .about__person {
      font-size: 15px;
      line-height: 15px; }
  .works {
    padding-top: 50px; }
    .works__name {
      font-size: 16px; }
    .works__list ul li {
      font-size: 15px; }
    .works__slider-wrap {
      margin: 0; }
    .works__slider-item {
      padding: 0; }
  .guarant {
    padding-top: 50px;
    padding-bottom: 70px; }
    .guarant__name {
      font-size: 15px;
      line-height: 21px; }
      .guarant__name br {
        display: none; }
    .guarant__list {
      margin-bottom: 30px; }
      .guarant__list ul li {
        font-size: 15px; }
    .guarant__note {
      max-width: 100%; }
      .guarant__note-text {
        padding-left: 10px;
        font-size: 15px;
        line-height: 21px; }
    .guarant__preview {
      max-width: 100%;
      width: 290px; }
    .guarant__img {
      transform: scale(0.6);
      bottom: -80px; }
  .price {
    padding: 50px 0;
    margin-top: 0;
    background: #fff; }
    .price__wrap {
      border: none;
      border-radius: 0;
      box-shadow: none;
      padding: 0; }
    .price__list ol li {
      font-size: 14px;
      line-height: 19px; }
  .faq {
    padding-top: 20px;
    padding-bottom: 50px; }
    .faq__name {
      font-size: 15px;
      line-height: 20px; }
    .faq__text {
      font-size: 13px; }
  .certs {
    padding-bottom: 50px; }
    .certs__desc {
      margin-bottom: 30px; }
    .certs__list {
      grid: none; }
    .certs__item {
      width: 220px;
      height: 310px;
      margin-left: auto;
      margin-right: auto; }
    .certs__show span {
      font-size: 14px; }
  .footer {
    padding: 25px 0; }
    .footer__panel {
      flex-direction: column; }
      .footer__panel .panel__logo {
        max-width: 220px;
        margin-right: auto;
        margin-bottom: 20px; }
      .footer__panel .panel__links {
        padding: 0;
        margin-bottom: 30px;
        margin-left: auto;
        margin-right: auto;
        border-left: none;
        text-align: center; }
      .footer__panel .panel__link {
        font-size: 14px; }
      .footer__panel .panel__contacts {
        margin-right: auto;
        flex-direction: column;
        margin-top: 0; }
      .footer__panel .panel__info {
        text-align: center;
        margin-bottom: 20px; }
      .footer__panel .panel__btn {
        width: 220px;
        margin-right: auto;
        margin-left: auto; }
  .popup.--works {
    max-width: 100%; }
    .popup.--works .popup__close {
      top: 0; }
    .popup.--works .popup__head {
      margin-bottom: 20px; }
    .popup.--works .popup__name-desc {
      font-size: 15px; }
    .popup.--works .popup__preview .w-item__main-item {
      height: 350px; }
    .popup.--works .popup__info {
      padding: 20px; }
      .popup.--works .popup__info-name {
        font-size: 16px; }
      .popup.--works .popup__info-list ul li {
        font-size: 15px;
        margin-bottom: 8px; }
    .popup.--works .popup__back span {
      font-size: 15px;
      margin-top: 30px; } }