@media (max-width:1024px) {

  .box__desc {
    width: 100%;
  }

  .container {
    padding: 0 50px;
  }

  /* header */
  .head__container {
    padding: 0 50px;
  }

  .head__nav-top {
    display: none;
  }

  .head__nav-bottom {
    display: block;
    overflow-x: auto;
    min-height: 33px;
  }

  .head__list-bottom {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
    gap: 24px;
    min-width: 400px;
  }

  .head__item {
    text-align: start;
    min-width: 50px;
  }

  /* HERO */
  .hero {

    background-image: url(../img/img-hero-background-1024.jpg);
    background-repeat: no-repeat;
    min-height: 621px;
  }

  .hero__container {
    padding: 113px 50px;
  }

  .hero__desc {
    margin-bottom: 106px;
  }

  /* ABOUT-US */
  .about-us__container {
    padding: 75px 50px;
  }

  /* GELERY */
  .gelery {
    background-image: url(../img/img-section-gelery-background-1024.png);
  }

  .gelery__container {
    padding: 76px 50px;
  }

  .gelery__title {
    margin: 0;
    margin-bottom: 29px;
  }

  .gelery__block {
    flex-direction: column;
    gap: 0;
  }

  .gelery__checkblock {
    display: block;
    height: 10.74%;
    margin-bottom: 28px;

  }

  .gelery__img-all {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }

  /* CATALOG  */
  .catalog__container {
    padding: 80px 50px;
  }

  .catalog__title {
    margin-bottom: 22px;
  }

  .catalog__desc {
    margin-bottom: 16px;
  }

  .catalog__item:not(:last-child) {
    margin-bottom: 28px;
  }

  .catalog__item {
    flex-direction: column;
    gap: 33px;
    padding-top: 22px;
  }

  .catalog__img {
    max-height: 579px;
  }

  .catalog__block-title {
    padding: 0;
  }

  /* EVENTS */
  .events__container {
    padding-top: 5px;
  }

  .events__list {
    gap: 25px;
  }

  .events__item {
    padding-top: 23.4%;
    padding-left: 3.7%;
    padding-bottom: 71px;
    background-size: 100% 31%;
  }

  .events__item-desc {
    text-align: right;
  }

  .events__item-title {
    margin-bottom: 18px;

  }

  .events__item-link {
    bottom: 55px;
  }

  /* PROJECT */
  .projects__container {
    padding-top: 76px;
    padding-bottom: 80px;
  }

  .projects__desc {
    width: 100%;
    margin-bottom: 20px
  }

  /* CONNECTION */
  .connection__container {
    padding-top: 32px;
    padding-bottom: 41px;
    gap: 0;

  }

  .connection__all:not(:last-child) {
    margin-bottom: 30px;
  }

  /* FOOTER */
  .futer__container {
    padding: 45px 50px;

  }

  .icon {
   
    gap: 30px;
  }
}