/* MEDIA  */
@media (max-height: 560px) {
    .aside-inner .round {
        height: auto;
        padding: 10px
    }

    .aside-inner .round img:not(.not-hide) {
        display: none
    }
}


@media (max-width: 1100px) {
    .footer .text {
        flex: 0 2 490px
    }
}

@media (max-width: 980px) {
    .wrapper {
        grid-template-columns: 1fr;
        grid-template-areas:
        "aside aside"
        "main main"
        "footer footer"
    }

    .main {
        min-height: calc(100vh - 64px)
    }

    /* ASIDE */
    .aside-inner {
        width: 100%;
        height: auto;
        flex-direction: row;
        align-items: stretch;
        column-gap: 10px;
        padding: 10px
    }

    .aside-inner .logo,
    .aside-inner .logo img {
        width: 100%;
        height: auto
    }

    .aside-inner .logo {
        margin-bottom: 0;
        flex: 0 0 160px;
        padding: 0 20px;
        border-radius: 10px;
        background: #181818
    }

    .aside-inner nav {
        flex-direction: row;
        column-gap: 10px
    }

    .aside-inner nav .link-nav {
        width: auto;
        padding: 10px;
        flex: 1 2 auto
    }


    .aside-inner .round {
        height: auto
    }

    .aside-inner .round span {
        margin: 0
    }

    .aside-inner .round img:not(.not-hide) {
        display: none
    }

    .aside-inner .round img.not-hide {
        width: 24px;
        height: 24px
    }

    .aside-inner .langp {
        margin: 0
    }

    .aside-inner .lang {
        top: 0;
        right: 0;
        left: auto;
        bottom: auto;
        flex-direction: row
    }

    .aside-inner .icon_reverse img {
        display: block;
        width: 30px;
        height: auto
    }

    .aside-inner .icon_reverse span {
        display: none
    }

    /* MAIN */
    .main-page {
        min-height: inherit
    }

    .main-page .area-1 {
        display: none
    }

    .main-page .area-2 {
        display: none
    }

    .main-page .area-3 {
        flex-wrap: wrap;
        justify-content: space-around
    }

    .main-page .area-3 .empty {
        width: 100%;
        order: -1;
        margin: 0 0 20px
    }

    .main-page .round {
        width: 100%;
        background: none
    }
}

/* GENERATOR */

@media (min-width: 1680px) {
    body {
        zoom: 1.105;
        min-height: 90.5vh
    }

    .aside-inner {
        height: 90.5vh
    }
}

@media (min-width: 1760px) {
    body {
        zoom: 1.158;
        min-height: 86.36vh
    }

    .aside-inner {
        height: 86.36vh
    }
}

@media (min-width: 1840px) {
    body {
        zoom: 1.211;
        min-height: 82.58vh
    }

    .aside-inner {
        height: 82.58vh
    }
}

@media (min-width: 1920px) {
    body {
        zoom: 1.263;
        min-height: 79.18vh
    }

    .aside-inner {
        height: 79.18vh
    }
}

@media (min-width: 2000px) {
    body {
        zoom: 1.316;
        min-height: 75.99vh
    }

    .aside-inner {
        height: 75.99vh
    }
}

@media (min-width: 2080px) {
    body {
        zoom: 1.368;
        min-height: 73.1vh
    }

    .aside-inner {
        height: 73.1vh
    }
}

@media (min-width: 2160px) {
    body {
        zoom: 1.421;
        min-height: 70.37vh
    }

    .aside-inner {
        height: 70.37vh
    }
}

@media (min-width: 2240px) {
    body {
        zoom: 1.474;
        min-height: 67.84vh
    }

    .aside-inner {
        height: 67.84vh
    }
}

@media (min-width: 2320px) {
    body {
        zoom: 1.526;
        min-height: 65.53vh
    }

    .aside-inner {
        height: 65.53vh
    }
}

@media (min-width: 2400px) {
    body {
        zoom: 1.579;
        min-height: 63.33vh
    }

    .aside-inner {
        height: 63.33vh
    }
}

@media (min-width: 2480px) {
    body {
        zoom: 1.632;
        min-height: 61.27vh
    }

    .aside-inner {
        height: 61.27vh
    }
}

@media (min-width: 2560px) {
    body {
        zoom: 1.684;
        min-height: 59.38vh
    }

    .aside-inner {
        height: 59.38vh
    }
}

@media (min-width: 2640px) {
    body {
        zoom: 1.737;
        min-height: 57.57vh
    }

    .aside-inner {
        height: 57.57vh
    }
}

@media (min-width: 2720px) {
    body {
        zoom: 1.789;
        min-height: 55.9vh
    }

    .aside-inner {
        height: 55.9vh
    }
}

@media (min-width: 2800px) {
    body {
        zoom: 1.842;
        min-height: 54.29vh
    }

    .aside-inner {
        height: 54.29vh
    }
}

@media (min-width: 2880px) {
    body {
        zoom: 1.895;
        min-height: 52.77vh
    }

    .aside-inner {
        height: 52.77vh
    }
}

@media (min-width: 2960px) {
    body {
        zoom: 1.947;
        min-height: 51.36vh
    }

    .aside-inner {
        height: 51.36vh
    }
}

@media (min-width: 3040px) {
    body {
        zoom: 2;
        min-height: 50vh
    }

    .aside-inner {
        height: 50vh
    }
}

@media (min-width: 3120px) {
    body {
        zoom: 2.053;
        min-height: 48.71vh
    }

    .aside-inner {
        height: 48.71vh
    }
}

@media (min-width: 3200px) {
    body {
        zoom: 2.105;
        min-height: 47.51vh
    }

    .aside-inner {
        height: 47.51vh
    }
}

@media (min-width: 3280px) {
    body {
        zoom: 2.158;
        min-height: 46.34vh
    }

    .aside-inner {
        height: 46.34vh
    }
}

@media (min-width: 3360px) {
    body {
        zoom: 2.211;
        min-height: 45.23vh
    }

    .aside-inner {
        height: 45.23vh
    }
}

@media (min-width: 3440px) {
    body {
        zoom: 2.263;
        min-height: 44.19vh
    }

    .aside-inner {
        height: 44.19vh
    }
}

@media (min-width: 3520px) {
    body {
        zoom: 2.316;
        min-height: 43.18vh
    }

    .aside-inner {
        height: 43.18vh
    }
}

@media (min-width: 3600px) {
    body {
        zoom: 2.368;
        min-height: 42.23vh
    }

    .aside-inner {
        height: 42.23vh
    }
}

@media (min-width: 3680px) {
    body {
        zoom: 2.421;
        min-height: 41.31vh
    }

    .aside-inner {
        height: 41.31vh
    }
}

@media (min-width: 3760px) {
    body {
        zoom: 2.474;
        min-height: 40.42vh
    }

    .aside-inner {
        height: 40.42vh
    }
}

@media (min-width: 3840px) {
    body {
        zoom: 2.526;
        min-height: 39.59vh
    }

    .aside-inner {
        height: 39.59vh
    }
}

@media (min-width: 3920px) {
    body {
        zoom: 2.579;
        min-height: 38.77vh
    }

    .aside-inner {
        height: 38.77vh
    }
}

@media (min-width: 4000px) {
    body {
        zoom: 2.632;
        min-height: 37.99vh
    }

    .aside-inner {
        height: 37.99vh
    }
}

@media (min-width: 4080px) {
    body {
        zoom: 2.684;
        min-height: 37.26vh
    }

    .aside-inner {
        height: 37.26vh
    }
}