@media only screen and (max-width: 576px) {
    #header .header__top .top .top__item .interactive {
          padding: 0 5px;
      z-index: 2;
      top: -60px;
      margin-bottom: 10px;
      border-bottom-color: #fff;
      text-align: center;
      height: 35px;
    }
      .interactive__link {
              position: relative;
      top: -5px;
      }
      #header .header__top .top .top__item .interactive .interactive__link:last-child img{
          width: 52px !important;
      }
      #header .header__top .top{
          padding-top: 70px;
      }
      #header .header__top .top .top__item .interactive .interactive__link:nth-last-child(1), #header .header__top .top .top__item .interactive .interactive__link:nth-last-child(2), #header .header__top .top .top__item .interactive .interactive__link:nth-last-child(3), #header .header__top .top .top__item .interactive .interactive__link:nth-last-child(4) {
      display: inline-block;
      }
      #header .header__top {
          padding-top: 0
      }
      .interactive .interactive__link:nth-child(1),.interactive .interactive__link:nth-child(2) {
          top: -18px
      }
      #header .header__top .top .top__item .interactive .interactive__link>ul {
          left: 0;
      }
      #header .header__top .top .top__item .interactive .interactive__link:nth-last-child(1) {
        position: relative;
        top: -10px;
        height: auto;
        padding: 0;
        border: 0px solid #fff;
        background: #2e2c6c;
      }
      #header .header__top .top .top__item .interactive .interactive__link:nth-last-child(1)::after {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        width: 115%;
        height: 135%;
        background-color: #2e2c6c;
        z-index: -1;
        transform: translate(-50%, -50%);
        border-radius: 2px;
      }
  }