
@media screen and (max-width: 480px) {
   #contact-us {
    scroll-margin-top: 85px; /*отступ сверху страницы для перехода по якорю*/
  }
  .contact-us {
    margin-top: 40px;
    margin-bottom: 20px;
  }
  .contact-us p {
    font-size: 20px;
    line-height: 16px;
  }
  /*БЛОК КОНТАКТОВ И ОБРАТНОЙ СВЯЗИ*/

  .contact-feedback {
    display: flex;
    flex-direction: column;
    width: 90%;
    font-size: 16px;
    margin: auto;
  }
  .contact-container {
    grid-gap: 5px;
 
  }
  .contact-container img {
    width: 20px;
  }
  /*БЛОК ОБРАТНОЙ СВЯЗИ*/

  .feedback-container p {
    font-size: 16px;
    margin-top: 10px;
  }
  .feedback-container form {
    grid-gap: 15px;
    margin-top: 15px;
  
  }
  .feedback-container input {
    font-size: 15px;
    width: 100%;
    
  }

  textarea {
    font-size: 15px;
  }
}
@media screen and (max-width: 308px) {
   #contact-us {
    scroll-margin-top: 70px; /*отступ сверху страницы для перехода по якорю*/
  }
}
@media screen and (min-width: 480px) and (max-width: 760px) {
  #contact-us {
    scroll-margin-top: 95px; /*отступ сверху страницы для перехода по якорю*/
  }
  .contact-us {
    margin-top: 40px;
    margin-bottom: 20px;
  }
  .contact-us p {
    font-size: 25px;
    line-height: 16px;
  }
  /*БЛОК КОНТАКТОВ И ОБРАТНОЙ СВЯЗИ*/

  .contact-feedback {
    display: flex;
    flex-direction: column;
    width: 80%;
    font-size: 20px;
  }
  .contact-container {
    grid-gap: 5px;
  }
  .contact-container img {
    width: 30px;
  }
  /*БЛОК ОБРАТНОЙ СВЯЗИ*/

  .feedback-container p {
    font-size: 20px;
    margin-top: 10px;
  }
  .feedback-container form {
    grid-gap: 15px;
    margin-top: 15px;
  }
  .feedback-container input {
    font-size: 18px;
  }

  textarea {
    font-size: 18px;
  }
}
@media screen and (min-width: 760px) and (max-width: 960px) {
  #contact-us {
    scroll-margin-top: 105px; /*отступ сверху страницы для перехода по якорю*/
  }
  .contact-us {
    margin-top: 40px;
    margin-bottom: 20px;
  }
  .contact-us p {
    font-size: 25px;
    line-height: 16px;
  }
  /*БЛОК КОНТАКТОВ И ОБРАТНОЙ СВЯЗИ*/

  .contact-feedback {
    width: 80%;
    font-size: 20px;
  }
  .contact-container {
    grid-gap: 5px;
  }
  .contact-container img {
    width: 30px;
  }
  .rectangle-3 {
    margin-left: 20px;
    margin-right: 20px;
  }

  /*БЛОК ОБРАТНОЙ СВЯЗИ*/

  .feedback-container p {
    font-size: 20px;
    margin-top: 10px;
  }
  .feedback-container form {
    grid-gap: 15px;
    margin-top: 15px;
  }
  .feedback-container input {
    font-size: 18px;
  }

  textarea {
    font-size: 18px;
  }

  .our-brand-card {
    width: 13vw;
  }
}
@media screen and (min-width: 960px) and (max-width: 1200px) {
  #contact-us {
    scroll-margin-top: 110px; /*отступ сверху страницы для перехода по якорю*/
  }
  .contact-us {
    margin-top: 40px;
    margin-bottom: 20px;
  }
  .contact-us p {
    font-size: 25px;
    line-height: 16px;
  }
  /*БЛОК КОНТАКТОВ И ОБРАТНОЙ СВЯЗИ*/

  .contact-feedback {
    width: 80%;
    font-size: 20px;
  }
  .contact-container {
    grid-gap: 5px;
  }
  .contact-container img {
    width: 30px;
  }
  .rectangle-3 {
    margin-left: 20px;
    margin-right: 20px;
  }

  /*БЛОК ОБРАТНОЙ СВЯЗИ*/

  .feedback-container p {
    font-size: 20px;
    margin-top: 10px;
  }
  .feedback-container form {
    grid-gap: 15px;
    margin-top: 15px;
  }
  .feedback-container input {
    font-size: 18px;
  }

  textarea {
    font-size: 18px;
  }
}
