/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
  .header__logo a{
    width: 150px;
  }
  .header__soundWrap svg{
    margin: 0 16px 0 0;
  }
  .header__shortNicknameWrap{
    margin: 0 10px 0 0;
  }
    #mainmenu {
        display: flex;
        
    }
    #mainmenu>li>a{
      font-size: 16px;
    }
    #mainmenu li a.svg_link{
        padding: 0 6px 0 6px;
        border-left: 1px solid var(--text-color);
        border-bottom:none;
      }

      #mainmenu li:first-child a.svg_link{
        border: none;
      }
      #mainmenu li a.svg_link .left svg{
        width: 20px;
        height: 20px;
        margin: 0 2px 0 0;
      }
      #mainmenu ul{
        max-height: inherit;
        opacity: 1;
        padding: 3px 3px 3px 32px;
        border-bottom:none;
      }
      #mainmenu ul:not(.show){
        display: block;
      }
      
      
      #mainmenu ul li{
        padding: 6px 0 0 0;
      }

      .contaiter__title_opener svg{
        display: none;
      }
      .hidden_data_wrapper.visible_md{
        overflow: visible;
        opacity: 1;
        max-height: var(--min-height-all);
      }
      
      .task.small:not(.show_all) .task__progressBar{
        align-items: center;
        justify-content: center;
        width: auto;
        flex-grow: 0;
      }
      .task.small.task_gen .task__progressBar{
        flex-grow: 1;
      }
      
      
      

      .badge__img{
        width: 300px;
      }
      .badge__data{
        width: 330px;
        padding: 0 0 50px 0;
      }
      .badge__data .level{
        font-size: 110px;
      }
      .badge__data .level span.small{
        font-size: 20px;
        margin: 0 0 0 6px;
        padding: 70px 0 0 0;
        background: url('../images/rating/star_module992.png') 15px 10px no-repeat;
      }
      .badge__data .points .text{
        
        padding: 40px 0 0 0;
        font-size: 46px;
        line-height: 1em;
      }
      .badge__data .points .text .small{
        font-size: 18px;
      }
      .badge__data .line{
        width: 285px;
        margin: 10px 0 0 0;
        height: 8px;
        background: url('../images/rating/rating_line_gray992.png') 0 0 no-repeat;
      }
      .badge__data .line .color_line{
        background: url('../images/rating/rating_line_color992.png') 0 0 no-repeat;
      }
      .badge__button{
        height: 46px;
        font-size: 16px;
      }

      .comp_zzz{
        width: 400px;
        height: 400px;
      }
      .userData__menu{
        margin: 16px 0 0 0;
      }
      .userData__menu ul li{
        display: block;
        width: auto;
        padding: 0 3px;
        margin: 0;
      }
      .userData__menu ul li.w_100{
        width: auto;
      }
      .myTrophy__video .item{
        height: 200px;
      }

      .infoBar__wing img{
        width: 130px;
        height: 130px;
        margin: 20px 0 0 0;
        
      }
      
      .infoBar__wing.fireworks{
        margin: 30px 0 0 0;
      }
      
      .infoBar__wing.fireworks img{
        width: 110px;
        height: 110px;
        margin: 0;
        
      }
      
      .infoBar__tile__title{
        font-size: 24px;
      }
      .infoBar__tile__points{
        font-size: 36px;
      
      }
      .infoBar__tile__points span{
        font-size: 16px;
      }
      .infoBar__tile__img{
        width: 130px;
        height: 130px;
      }
      .infoBar__tile__img svg{
        width: 100px;
        height: 100px;
      }

      .infoBar__wing.wing2{
        margin: 20px 0 0 0;
         
       }
      .infoBar__tile__circle{
        width: 120px;
        height: 120px;
      }
      
      .infoBar__tile__circle svg.progress{
        width: 120px;
        height: 120px;
      }
      .infoBar__tile__circle svg.progress circle
      {
        width:100%;
        height:100%;
        stroke-width:10;
        
      }
      .infoBar__tile__circle .text{
        position: absolute;
        top:1px;
        left: 1px;
        width: 117px;
        height: 117px;
      }
      .infoBar__tile__circle .text svg{
        width: 70px;
        height: 70px;
      }
      .infoBar__tile__circle .data{
        margin: -3px 0 0 0;
        font-size: 18px;
      }
      
      .infoBar__tile__descr{
        font-size: 14px;
      }
      


}