@media (max-width: 1400px) {
  /* glob *******************************************************************/
  .title {
    font-size: var(--title-less-size);
  }
  /* project ****************************************************************/
  .project__list {
    min-height: auto;
  }
}
@media (max-width: 1280px) {
  /* hero *******************************************************************************/
  /*.hidden {*/   /*??????????????????*/
    /* overflow: hidden; */
    /* display: none; */
  /* } */
  /*//////////////////////////////////////////////////////////////////////////////////////////*/
  .hero__item {
    width: calc((100% - (var(--min-offset) * 2)) / 3);
    margin-bottom: var(--max-bottom-offset);
  }
  .hero__item:not(:nth-child(4n)) {
    margin-right: 0;
  }
  .hero__item:not(:nth-child(3n)) {
    margin-right: var(--min-offset);
  }
  .card__img {
    height: 500px;
  }
}
@media (max-width: 1024px) {
  /* glob *************************************************************************************/
  .subtitle {
    font-size: var(--subtitle-less-size);
  }
  /* project ***************************************************************/
  .project__subtitle {
    font-size: 64px;
  }
}
@media (max-width: 992px) {
  /* glob *******************************************************************/
  .title {
    font-size: var(--title-mid-size);
  }
  /* header *****************************************************************/
  .stop-scroll {
    overflow: hidden;
  }
  .header__left {
    width: 45%;
  }
  .header__right {
    flex-direction: row-reverse;
    width: 55%;
  }
  .header__nav {
    padding: 5px 0;
    background-color: transparent;
  }
  .nav--active {
    visibility: visible;
    transform: none;
  }
  .burger {
    display: block;
  }
  .burger--active .header__line:nth-child(1) {
    transform: translateY(0) rotate(45deg);
  }
  .burger--active .header__line:nth-child(2) {
    opacity: 0;
  }
  .burger--active .header__line:nth-child(3) {
  transform: translateY(0) rotate(-45deg);
  }
  .header__list {
    position: absolute;
    top: 0;
    left: -50%;
    flex-direction: column;
    border-radius: 0 30px 30px 0;
    padding: 40px;
    width: 50%;
    height: 100vh;
    background-color: #fff;
    transition: transform .5s;
  }
  .nav--active.header__list {
    transform: translateX(100%);
  }
  .item:not(:last-child) {
    margin-right: 0;
    margin-bottom: 20px;
  }
  .header__link {
    display: block;
    padding: 5px;
    font-size: 24px;
  }
  /* hero *******************************************************************************/
  .hero__item {
    width: calc((100% - var(--min-offset)) / 2);
    margin-bottom: var(--max-bottom-offset);
  }
  .hero__item:not(:nth-child(3n)) {
    margin-right: 0;
  }
  .hero__item:not(:nth-child(2n)) {
    margin-right: var(--min-offset);
  }

  /* project ******************************************************************/
  .project__subtitle {
    font-size: 48px;
  }
  .project__info {
    width: 100%;
    margin-right: 0;
  }
  .project__meta {
    display: none;
  }
  .project__link {
    padding: 12px 20px;
  }
  .project__caption {
    margin-bottom: 16px;
    font-size: 24px;
  }

  /* contacts ******************************************************/
  .main {
  }
  .contacts {
  }
  .section__offset {
  }
  .container {
  }
  .title {
  }
  .contacts__list {
    flex-direction: column;
  }
  .list-reset {
  }
  .flex {
  }
  .contacts__item {
    width: 100%;
  }
  .subtitle {
  }
  .about__subtitle {
  }
  .descr {
  }
  .descr__offset {
  }
  .form {
  }
  .form__item {
  }
  .form__field {
  }
  .form__textarea {
  }
  .checkbox {
  }
  .form__policy {
  }
  .checkbox__text {
  }
  .checkbox__link {
  }
  .btn {
  }
  .btn-reset {
  }
  .form__btn {
  }
  .contacts__link {
    font-size: 32px;
  }
  /* footer *****************************************************************************/
  .footer__container {
    align-items: flex-start;
  }
  .footer__list {
    flex-direction: column;
  }
}
@media (max-width: 768px) {
  /* hero *******************************************************************************/
  .hero__item {
    width: calc((100% - var(--min-offset)) / 2);
  }
  .hero__item:not(:nth-child(3n)) {
    margin-right: 0;
  }
  .hero__item:not(:nth-child(2n)) {
    margin-right: var(--min-offset);
  }
  /* project ************************************************************/
  .iframe {
    width: 448px;
    height: 252px;
  }

  /* footer ************************************************************************/
  .footer__container {
    flex-direction: column;
  }
  .logo {
    margin-bottom: 30px;
  }
  .footer__nav {
    margin-bottom: 30px;
  }
}
@media (max-width: 576px) {
  /* glob *************************************************************************************/
  .title {
    font-size: var(--title-min-size);
  }
  .descr {
    font-size: var(--descr-min-size);
  }
  /* header *****************************************************************/
  .header__container {
    flex-direction: column;
  }
  .header__left {
    text-align: center;
    width: 100%;
    margin-bottom: var(--min-offset);
  }
  .header__right {
    width: 100%;
  }
  .header__list {
    left: -80%;
    width: 80%;
  }
  /* hero *******************************************************************************/
  .hero__item {
    border: 2px solid var(--second-color);
    border-radius: 30px;
    width: 100%;
    margin-bottom: 0;
  }
  .hero__item:not(:nth-child(2n)) {
    margin-right: 0;
  }
  .hero__item {
    margin-bottom: var(--title-offset);
  }

  /* about *******************************************************************************/
  .about__item:not(:last-child) {
    margin-right: 0;
  }
  .item__left {
    width: 100%;
  }
  .content {
    height: 100%;
    padding: 0;
  }
  .item__right {
    width: 0%;
    display: none;
  }

  /* project ******************************************************************/
  .project__subtitle {
    font-size: 26px;
  }
  .project__links {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 28px;
  }
  .project__link:not(:last-child) {
    margin-right: 0;
    margin-bottom: 16px;
  }
  .project__caption {
    font-size: 20px;
  }
  .iframe {
    width: 229px;
    height: 129px;
  }
  .video {
    transform: translate(-25px, -25px);
    width: 50px;
    height: 50px;
  }

  /* contacts *****************************************************/
  .contacts__link {
    font-size: 24px;
  }
}