@media (max-width: 1480px) { 
  /* Футер */

.footer {
    height: 325px; /* Переменная для размеров экрана */
}

.footer-1920 {
    padding: 50px 0px; /* Переменная для размеров экрана */
}

.footer__bar {
    max-width: 1008px; /* Переменная для размеров экрана */
    height: 210px; /* Переменная для размеров экрана */
}

.footer__bar-container {
    gap: 10px; /* Переменная для размеров экрана */
}

.footer__bar-container-info {
    gap: 10px; /* Переменная для размеров экрана */
}

.footer__bar-logo {
    width: 155px; /* Переменная для размеров экрана */
}

.footer__bar-nav {
    gap: 145px; /* Переменная для размеров экрана */
}

.footer__bar-nav-block {
    gap: 20px; /* Переменная для размеров экрана */
}

.footer__bar-nav-menu {
    gap: 10px; /* Переменная для размеров экрана */
}
}





@media (max-width: 1024px) {
/* Футер */

.footer {
  height: 355px; /* Переменная для размеров экрана */
}

.footer-1920 {
  padding: 69px 0px; /* Переменная для размеров экрана */
}

.footer__bar {
  max-width: 806px; /* Переменная для размеров экрана */
  height: 200px; /* Переменная для размеров экрана */
}

.footer__bar-container {
  gap: 10px; /* Переменная для размеров экрана */
}

.footer__bar-container-info {
  gap: 10px; /* Переменная для размеров экрана */
}

.footer__bar-logo {
  width: 155px; /* Переменная для размеров экрана */
}

.footer__bar-nav {
  gap: 145px; /* Переменная для размеров экрана */
}

.footer__bar-nav-block {
  gap: 20px; /* Переменная для размеров экрана */
}

.footer__bar-nav-menu {
  gap: 10px; /* Переменная для размеров экрана */
}

}

@media (max-width: 758px) {
.footer {
    height: 520px; /* Переменная для размеров экрана */
  }
  
  .footer-1920 {
    display: none;
  }
  
  .footer-758 {
    display: flex;
    flex-direction: column;
    padding: 57px 20px; /* Переменная для размеров экрана */
    justify-content: space-between;
  }
  
  .footer__bar {
    display: grid;
    grid-template-columns: repeat(2, 1fr); 
    grid-template-rows: repeat(2, 1fr);
    justify-content: space-between;
    max-width: 658px; /* Переменная для размеров экрана */
    height: 390px; /* Переменная для размеров экрана */
  }
  
  .footer__bar-container {
    display: flex;
    flex-direction: column;
    gap: 13px; /* Переменная для размеров экрана */
  }
  
  .footer__bar-container-info {
    display: flex;
    flex-direction: column;
    gap: 9px; /* Переменная для размеров экрана */
  }
  
  .footer__bar-logo {
    display: flex;
    width: 165px; /* Переменная для размеров экрана */
  }
  
  .footer__bar-nav {
    display: flex;
    gap: 80px; /* Переменная для размеров экрана */
  }
  
  .footer__bar-nav-block {
    display: flex;
    flex-direction: column;
    gap: 27px; /* Переменная для размеров экрана */
  }
  
  .footer__bar-nav-menu {
    display: flex;
    flex-direction: column;
    gap: 12px; /* Переменная для размеров экрана */
  }
  

  .footer__link {
    display: flex;
    justify-content: left;
  }
}

@media (max-width: 428px) {
    .footer {
        height: 840px; /* Переменная для размеров экрана */
      }
      
      .footer-1920 {
        display: none;
      }
      
      .footer-758 {
        padding: 30px 20px 50px; /* Переменная для размеров экрана */
      }
      
      .footer__bar {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        max-width: 373px; /* Переменная для размеров экрана */
        height: 657px; /* Переменная для размеров экрана */
        gap: 42px;
       
      }
      
      .footer__bar-container {
        display: flex;
        flex-direction: column;
        gap: 13px; /* Переменная для размеров экрана */
      }
      
      .footer__bar-container-info {
        display: flex;
        flex-direction: column;
        gap: 9px; /* Переменная для размеров экрана */
      }
      
      .footer__bar-logo {
        display: flex;
        width: 165px; /* Переменная для размеров экрана */
      }
      
      .footer__bar-nav {
        display: flex;
        gap: 80px; /* Переменная для размеров экрана */
      }
      
      .footer__bar-nav-block {
        display: flex;
        flex-direction: column;
        gap: 23px; /* Переменная для размеров экрана */
      }
      
      .footer__bar-nav-menu {
        display: flex;
        flex-direction: column;
        gap: 12px; /* Переменная для размеров экрана */
      }
      
    
      .footer__link {
        margin-top: 42px;
        display: flex;
        justify-content: left;
      }
    }