@media (max-width: 1200px) {

  .header__menu .menu.menu--header.active{
    position: fixed !important;
    left: 0;
    right: 0;
    top: 99px !important;     
    bottom: 0;

    z-index: 90 !important;
    background: #27ade5 !important;

    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;

    padding: 0 25px 30px !important;
    box-sizing: border-box;
  }

  .header__menu .menu.menu--header.active .menu__list.menu-list{
    position: static !important;
    top: auto !important;
    left: auto !important;

    width: 100% !important;
    height: auto !important;

    overflow: visible !important;
    padding: 0 !important;

    background: transparent !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .header__menu .menu.menu--header.active .menu-burger{
    position: fixed !important;
    top: 20px !important;
    right: 20px !important;
    z-index: 1000 !important;
    margin: 0 !important;
  }

  .header__menu .menu.menu--header.active .header__burger-phone{
    position: static !important;
    left: auto !important;
    bottom: auto !important;
    transform: none !important;
    z-index: auto !important;

    opacity: 1 !important;
    pointer-events: auto !important;

    width: 100% !important;
    display: flex !important;
    justify-content: center !important;

    margin-top: 24px !important;
  }

  .header__menu .menu.menu--header.active .header__add-buttons{
    position: static !important;
    left: auto !important;
    bottom: auto !important;
    transform: none !important;
    z-index: auto !important;

    opacity: 1 !important;
    pointer-events: auto !important;

    width: 100% !important;
    display: flex !important;
    justify-content: center !important;

    margin-top: 24px !important;
  }

  .header__menu .menu.menu--header.active .header__switcher,
  .header__menu .menu.menu--header.active .header__social{
    display: block !important;
  }

  .header__menu .menu.menu--header.active .header-switcher{
	margin: 0 12px 0 0 !important;
  }
  .header__menu .menu.menu--header.active .header-social{
    margin: 0 !important;
  }

  .header__menu .menu.menu--header.active .header-social__list{
    display: flex !important;
    gap: 12px !important;
    justify-content: center !important;
  }

  .header__menu .menu.menu--header.active .header-social__item{
    margin-left: 0 !important;
  }
}