@media (min-width: 0px) and (max-width: 1044px) and (min-height: 569px), (orientation: landscape) and (pointer: coarse){

    .main.single{
        flex-direction: column;
    }
    .main-b0dy.single {
        width: 100%;
        max-height: 60%;
    }
    .main-b0dy.single.fullscreen {
        width: 100%;
        min-height: 100%;
    }
    .main-b0dy-inf0-c0n.single {
        border-bottom: 0px;
        border-left: 0px;
        width: 100%;
        flex-shrink: unset !important;
    }
    .main-b0dy-inf0-c0n.fullscreen {
        display: none;
    }
    .main-b0dy.battle.scroll{
        max-height: 1px !important;
    }
    .main-b0dy-c0n.battle {
        display: flex;
        border-bottom: 1px solid black;
        height: 100%;
        justify-content: center;
        position: relative;
        background: black;
    }
      #main-0pti0n-1 {
        left: 0%;
        flex-shrink: 1;
        flex-grow: 0;
        overflow: hidden;
    }
    #main-0pti0n-2 {
        right: 0%;
        flex-shrink: 1;
        flex-grow: 0;
        overflow: hidden;
    }
    .main-0pti0n.battle1 {
        width: 100%;
        height: 100%;
    }
    .main-0pti0n.battle2 {
        width: 25%;
    }
    .main-pr0fil-user {
        display: flex;
        flex-direction: column;
        height: fit-content;
    }
    .main-pr0fil-battle-0r-single {
        display: flex;
        padding: 0px;
        width: 100%;
    }
    .main-pr0fil-singles-c0n {
        align-content: center;
        border-right: 1px solid;
        border-bottom: 0px;
        width: 100%;
        display: flex;
        justify-content: center;
        border-left: 0px;
        border-top: 0px;
    }
    .main-pr0fil-utils {
        height: 100%;
        min-width: 200px;
        display: none;
        align-items: center;
        flex-direction: column;
        border-right: 1px solid;
    }
    .main-settings-0ptions-c0n {
        height: 100%;
        min-width: 200px;
        display: none;
        align-items: center;
        flex-direction: column;
        border-right: 1px solid;
    }
    .main-search-header-l0g0-c0n {
        width: 100%;
        display: flex;
        justify-content: center;
        top: 10px;
        left: 0px;
    }
    .main-search-center {
        width: 100%;
        padding: 40px;
    }
    .main-b0dy-navigator-c0n {
        display: flex;
        width: 100%;
        min-height: 60px;
        max-height: 60px;
        background: transparent;
        z-index: 1002;
        transition: .3s;
        position: fixed;
        top: 0px;
        background: black;
        flex-direction: column;
        border-bottom: 1px solid;
    }
    .main-b0dy-navigator{
        display: flex;
        width: 100%;
        transition: .8s;
        justify-content: center;
        align-items: center;
        min-height: 60px;
        position: relative;
    }
    .main-b0dy-navigator-0pen-c0n{
        width: 100%;
        height: 100%;
        display: none;
        flex-direction: column;
        align-items: center;
        text-align: center;
        overflow-y: auto;
        margin-bottom: 40px;
        position: relative;
        scrollbar-width: none;
    }
    .main-b0dy-navigator-mode-c0n{
        position: absolute;
        left: 11px;
    }
    .main-b0dy-arr0w-c0n{
        position: relative;
        display: flex;
        border-bottom: 0px;
        cursor: pointer;
        transition: .5s;
        width: 55px;
        min-height: 40px;
    }
    .main-b0dy-arr0w-1{
        width: 35px;
        background: rgb(0, 252, 0);
        height: 10px;
        rotate: -45deg;
        position: absolute;
        bottom: 15px;
        pointer-events: none;
        transition: .5s;
        border-bottom-left-radius: 10px;
    }
    .main-b0dy-arr0w-2{
        width: 35px;
        background: rgb(0, 252, 0);
        height: 10px;
        rotate: 45deg;
        position: absolute;
        bottom: 15px;
        left: 18px;
        pointer-events: none;
        transition: .5s;
        border-bottom-right-radius: 10px;
    }
    .main-b0dy-navigator-link{
        margin: 10px;
        font-size: 22px;
        cursor: pointer;
    }
    .main-b0dy-navigator-link:hover{
        text-decoration: underline;
    }
    .main-b0dy-navigator-link-big{
        font-size: 25px;
        padding: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid;
        padding-bottom: 10px;
    }
    .main-b0dy-utils-c0n{
        display: none;
    }
    .search-touch-c0n{
        transition: .8s;
        margin-bottom: 10px;
    }
    .search-touch-span{
        border: 1px solid;
        width: 100%;
        display: flex;
        outline: none;
        font-size: 16px;
        height: 45px;
        align-items: center;
        margin-bottom: -16px;
        padding: 10px;
    }
    .search-touch-span:hover{
        text-decoration: none;
    }
    .main-0pti0n.battle1.active {
        width: 100%;
        height: 100%;
    }
    .main-0pti0n.battle2.active {
        width: 100%;
        height: 100%;
    }
    .main-0pti0n.battle1.inactive {
        width: 25%;
        height: 25%;
    }
    .main-0pti0n.battle2.inactive {
        width: 25%;
        height: 25%;
    }
    .main-0pti0n.battle1.pop {
        height: fit-content;
        max-width: 250px;
        max-height: 250px;
        position: fixed;
        top: 60px;
    }
    .main-0pti0n.battle2.pop {
        height: fit-content;
        width: 350px;
        position: fixed;
        top: 60px;
        height: fit-content !important;
    }
    .main-pr0fil-singles-c0n.active{
        border-right: 1px solid;
        border-bottom: 0px;
        border-top: 0px;
        border-left: 0px;
    }
    .main-pr0fil-singles-c0n.inactive{
        border-bottom: 1px solid;
        border-right: 1px solid;
    }
    .main-pr0fil-battles-c0n.active{
        border: 0px;
    }
    .main-pr0fil-battles-c0n.inactive{
        border-bottom: 1px solid;
        border-right: 0px;
    }
    .main-height {
        user-select: none;
        height: 100vh;
        display: flex;
        flex-direction: column;
        padding-top: 60px;
    }
    .main-b0dy-navigator-mode{
        font-size: 22px;
        cursor: pointer;
        color: white;
    }
    .main-settings-main-battle-request-attacker-profil{
        display: block;
    }

}
@media (min-width: 0px) and (max-width: 1024px) and (min-height: 569px) {
    .main-b0dy-c0n.battle {
        flex-direction: column;
    }
    .main-b0tt0m-big-view-input-charts-c0n{
        display: flex;
        margin: 20px 0px 20px 0px;
        background: light-dark(var(--light-idc-bg), var(--dark-idc-bg));
        padding-right: 20px;
    }
    .main-b0tt0m-big-view-input-chart-battle-c0n{
        width: 100%;
        flex-direction: column;
        padding: 10px;
    }
    .main-b0tt0m-big-view-input-chart-battle-videoname{
        width: fit-content;
        font-size: 18px;
    }
    .main-b0tt0m-big-view-input-chart-battle-thumbnail-c0n{
        display: flex;
        box-shadow: 0px 0px 3px 1px rgb(0, 252, 0);
        position: relative;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        transition: .5s;
        width: 100%;
    }
    .main-b0tt0m-big-view-input-chart-battle-thumbnail-left, .main-b0tt0m-big-view-input-chart-battle-thumbnail-right{
        display: flex;
        overflow: hidden;
        pointer-events: none;
        height: 112.5px;
        width: 100%;
    }
    .main-b0tt0m-big-view-input-chart-thumbnail-img{
        scale: 1.5;
        width: 100%;
        object-fit: cover;
    }
    .main-b0tt0m-big-view-input{
        width: 100%;
        padding: 10px;
    }
}

@media (min-width: 0px) and (max-width: 600px) {
  .inf0-mirr0r-pr0fil-datas-l {
    flex-direction: unset;
    justify-content: left;
  }
  .inf0-mirr0r-pr0fil-datas-r {
    flex-direction: unset;
    justify-content: right;
  }
  .inf0-mirr0r-titel-battle-names-r {
    text-align: right;
  }
  .inf0-mirr0r-titel-battle-names-l {
    text-align: left;
  }
  .main-pr0fil-video-battle-b0x{
    width: 100%;
  }
  .main-b0tt0m-big-view-input-chart-battle-thumbnail-c0n{
    flex-direction: column;
  }
  .main-b0tt0m-big-view-input-chart-battle-c0n{
    flex-direction: column;
  }
}
@media (min-width: 0px) and (max-width: 1679px) {
    .main-right-content-c0n{
        display: none;
    }
    .main-suscription-content-c0n{
        border-left: 1px solid;
    }
}
@media (min-width: 0px) and (max-width: 1190px) {
    .main-right-content-c0n{
        display: none;
    }
    .main-suscription-content-c0n{
        border-left: 1px solid;
    }
    .main-suscription-content-c0n{
        display: none;
    }
}
@media (min-width: 0px) and (max-width: 1040px) {
    .main-right-content-c0n{
        display: none;
    }
    .main-suscription-content-c0n{
        border-left: 1px solid;
    }
    .main-suscription-content-c0n{
        display: none;
    }
    .main-crawl{
        width: 100%;
        border: 0px;
    }
    .main-b0tt0m-c0n{
        min-width: unset;
    }
    .vs-ranger:hover .vs {
        width: 70px;
        opacity: 1;
    }
}