.contacts .info {
  display: flex;
  justify-content: space-between;
  margin-bottom: 150px;
}

.contacts .info .info-block:nth-child(1) {
  width: 389px;
}

.contacts .info .info-block:nth-child(2) {
  width: 379px;
}

.contacts .info .info-block:nth-child(3) {
  width: 351px;
  margin-right: 82px;
}

.contacts .info .info-block a {
  display: inline-flex;
}

.contacts .info .info-block .socials {
  display: flex;
  column-gap: 20px;
  margin-bottom: 60px;
}

.contacts .info .info-block .socials a svg {
  width: 50px;
  height: 50px;
}

.contacts .mb-40 {
  margin-bottom: 40px;
}

.contacts .mb-20 {
  margin-bottom: 20px;
}

.contacts .c-icon {
  transition: 0.3s;
}

.contacts .c-icon-viber:hover rect {
  fill: #5a328c;
}

.contacts .c-icon-wa:hover rect {
  fill: #5e992b;
}

.contacts .c-icon-tg:hover rect {
  fill: #26a0d6;
}

.contacts .c-icon-common:hover path,
.contacts .c-icon-vk:hover rect {
  fill: #3b8067;
}

.contacts .show-md {
  display: none !important;
}

@media (max-width: 1439.98px) {
  .contacts .info {
    margin-bottom: 80px;
  }

  .contacts .info .info-block:nth-child(1),
  .contacts .info .info-block:nth-child(2) {
    width: 367px;
  }

  .contacts .info .info-block:nth-child(3) {
    width: 312px;
    margin-right: 55px;
  }

  .contacts .info .info-block .socials {
    margin-bottom: 50px;
  }

  .contacts .info .info-block .socials a svg {
    width: 40px;
    height: 40px;
  }

  .contacts .mb-40 {
    margin-bottom: 30px;
  }

  .contacts .mb-20 {
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 1279.98px) {
  .contacts .info {
    margin-bottom: 60px;
  }

  .contacts .info .info-block:nth-child(1) {
    width: 300px;
  }
  .contacts .info .info-block:nth-child(2) {
    width: 330px;
  }

  .contacts .info .info-block:nth-child(3) {
    display: none;
  }

  .contacts .info .info-block:nth-child(1) .c-p4.show-md {
    margin-bottom: 40px;
  }

  .contacts .info .info-block .socials {
    margin-bottom: 40px;
  }

  .contacts .info .info-block .socials a svg {
    width: 30px;
    height: 30px;
  }

  .contacts .mb-40 {
    margin-bottom: 20px;
  }

  .contacts .mb-20 {
    margin-bottom: 10px;
  }

  .contacts .show-md {
    display: flex !important;
  }

  .contacts .hide-md {
    display: none !important;
  }
}

@media screen and (max-width: 767.98px) {
  .contacts .info {
    flex-wrap: wrap;
    row-gap: 40px;
    margin-bottom: 40px;
  }
}