@media only screen and (max-width: 480px) {
    .mainpage section.head {
        margin-top: 0;
        overflow: hidden;
        width: 100%;
        padding-top: 1vw;
    }
    .mainpage section.head div.main-animation {
        width: 100vw;
        height: 44.625vw;
        margin: -1.833vw 0 0 0;
    }
    .mainpage section.head div.title {
        font-size: 9.444vw;
        line-height: 10.556vw;
        margin-top: 13.333vw;
    }
    .mainpage section.head div.description {
        font-size: 3.333vw;
        line-height: 4.444vw;
        width: 91.667vw;
        margin: 2.778vw auto 0 auto;
    }
    .mainpage section.last-materials {
        margin: 16.667vw auto 16.667vw auto;
        height: auto;
        position: relative;
    }
    .mainpage section.last-materials::before {
        display: none;
        content: "";
        position: absolute;
        display: block;
        background: center center url(../img/wave-black.png) no-repeat;
        background-size: contain;
        top: -7.5vw;
        left: 44.6vw;
        width: 10.833vw;
        height: 6.944vw;
        z-index: 3;
    }
    .mainpage section.last-materials::after {
        content: "";
        position: absolute;
        display: block;
        background: center center url(../img/ball-cyan.png) no-repeat;
        background-size: contain;
        top: -7.3vw;
        left: 47vw;
        width: 12vw;
        height: 8vw;
        z-index: 2;
    }
    .mainpage section.last-materials div.title {
        font-size: 6.5vw;
        line-height: 8.889vw;
        margin: 0 auto 5.556vw auto;
        width: 83.333vw;
    }
    .mainpage section.last-materials div.row {
        display: block;
        width: 91.667vw;
        height: auto;
    }
    .mainpage section.last-materials div.col {
        width: auto;
        font-size: 4.444vw;
        line-height: 6.944vw;
        text-align: center;
        margin-bottom: 5.556vw;
    }
    .mainpage section.last-materials div.scroll-animation {
        background: none;
    }
    .mainpage div.scroll-animation-2 {
        overflow: visible;
    }
    .mainpage div.scroll-animation-2::before {
        display: none;
    }
    .mainpage div.scroll-animation-2>b {
        display: none;
    }
    .mainpage div.scroll-animation-2>svg {
        display: none;
    }
    .mainpage section.common {
        margin: 0 auto;
        width: 91.667vw;
        position: relative;
    }
    .mainpage section.common div.title {
        font-size: 7.778vw;
        margin-bottom: 5.556vw;
    }
    .mainpage section.common::before {
        /*
        content: "";
        position: absolute;
        display: block;
        background: center center url(../img/wave-black.png) no-repeat;
        background-size: contain;
        top: -8.5vw;
        left: 40.4vw;
        width: 10.833vw;
        height: 6.944vw;
        z-index: 3;
        */
        display: none;
    }
    .mainpage section.common div.row {
        display: block;
    }
    .mainpage section.common div.col {
        width: 91.667vw;
        margin: 0 auto;
        font-size: 4vw;
        padding-top: 0;
    }
    .mainpage section.common div.col>a {
        margin-bottom: 2.944vw;
    }
    .mainpage section.common div.col a.category-link svg {
        vertical-align: -0.6vw;
        margin-left: 0.6vw;
        transition: .3s;
        width: 5.2vw;
        height: 3.6vw;
    }
    .mainpage section.common div.col a.category-link:hover svg {
        margin-left: 0.5vw;
    }
    .mainpage section.physiology {
        margin: 0 auto 16.667vw auto;
        height: auto;
    }
    .mainpage section.physiology::after {
        content: "";
        position: absolute;
        display: block;
        background: center center url(../img/ball-rose.png) no-repeat;
        background-size: contain;
        top: -9.3vw;
        right: 3vw;
        width: 15vw;
        height: 10vw;
        z-index: 2;
        animation: tictac 5s infinite;
    }
    .mainpage section.physiology div.col.center-col {
        display: block;
        width: 77.778vw;
        margin: 0 auto 6.944vw auto;
    }
    .mainpage section.physiology div.col.center-col::before {
        display: none;
    }
    .mainpage section.physiology div.col.center-col a.subtitle {
        font-size: 7.778vw;
        margin-bottom: 2.778vw;
        margin-top: 1.389vw;
    }
    .mainpage section.physiology div.col.center-col a.subtitle::before,
    .mainpage section.physiology div.col.center-col a.subtitle::after {
        width: 10.833vw;
        height: 6.944vw;
    }
    .mainpage section.physiology div.col.center-col a.subtitle::before {
        left: -0.833vw;
    }
    .mainpage section.physiology div.col.center-col a.subtitle::after {
        left: 1.389vw;
    }
    .mainpage section.physiology div.col.center-col a.description {
        font-size: 3.889vw;
        margin-bottom: 1.389vw;
    }
    .mainpage section.physiology div.col.center-col span.source {
        font-size: 2.778vw;
    }
    .mainpage section.psychology {
        margin: 0 auto 16.667vw auto;
        height: auto;
    }
    .mainpage section.psychology::after {
        display: none;
    }
    .mainpage section.psychology i.mobile-only {
        display: block;
        background: -2.778vw -13.889vw url(../img/mainpage-psy.png) no-repeat;
        background-size: 88.611vw 79.444vw;
        width: 88.611vw;
        height: 55.556vw;
        margin: 0 auto 0 auto;
    }
    .mainpage section.culture {
        margin: 0 auto 16.667vw auto;
        height: auto;
    }
    .mainpage section.culture div.col.center-col {
        display: block;
        width: 77.778vw;
        margin: 0 auto 6.944vw auto;
    }
    .mainpage section.culture div.col.center-col::before {
        width: 22.5vw;
        height: 19.167vw;
        top: -3.333vw;
        right: 5.556vw;
    }
    .mainpage section.culture div.col.center-col a.subtitle {
        font-size: 18.889vw;
        margin-bottom: 6.944vw;
        margin-top: 1.389vw;
    }
    .mainpage section.culture div.col.center-col a.subtitle::before,
    .mainpage section.culture div.col.center-col a.subtitle::after {
        width: 10.833vw;
        height: 6.944vw;
        top: 1.389vw;
    }
    .mainpage section.culture div.col.center-col a.subtitle::before {
        left: 7.222vw;
    }
    .mainpage section.culture div.col.center-col a.subtitle::after {
        right: 6.667vw;
    }
    .mainpage section.culture div.col.center-col a.description {
        font-size: 3.333vw;
        margin-bottom: 1.389vw;
    }
    .mainpage section.culture div.col.center-col span.source {
        font-size: 2.778vw;
    }
    .mainpage section.technologies {
        margin: 0 auto 16.667vw auto;
        height: auto;
    }
    .mainpage section.technologies i.mobile-only {
        display: block;
        background: 15.278vw -13.889vw url(../img/mainpage-tech.png) no-repeat;
        background-size: 60vw 91.111vw;
        width: auto;
        height: 62.5vw;
        margin: 0 auto 0 auto;
    }
    .mainpage section.technologies::after {
        display: none;
    }
    .mainpage section.technologies div.col.center-col b.ball {
        display: none;
    }
    .mainpage section.technologies div.col.center-col::before,
    .mainpage section.technologies div.col.center-col::after {
        display: none;
    }
    .mainpage section.history {
        margin: 0 auto 25vw auto;
        height: auto;
    }
    .mainpage section.history div.col.center-col {
        font-size: 3.889vw;
        line-height: 4.444vw;
        width: 77.778vw;
        margin: 11.111vw auto 16.667vw auto;
    }
    .mainpage section.history div.col.center-col::before,
    .mainpage section.history div.col.center-col::after {
        width: 10.833vw;
        height: 6.944vw;
        margin-left: -5.556vw;
    }
    .mainpage section.history div.col.center-col::before {
        top: -8.333vw;
    }
    .mainpage section.history div.col.center-col::after {
        bottom: -5.556vw;
    }
    .mainpage section.history div.col.center-col b.ball {
        display: none;
    }
    .mainpage section.society {
        margin: 0 auto 16.667vw auto;
        height: auto;
    }
    .mainpage section.society>b.ball {
        position: absolute;
        display: block;
        z-index: 1;
        width: 11.111vw;
        height: 11.667vw;
        top: -9.833vw;
        right: 4.167vw;
    }
    .mainpage section.society>b.ball::after {
        display: none;
    }

    .mainpage > section.marathon-banner {
        height: 60vw;
        background: center url(../img/marathon/back.jpg) no-repeat;
        background-size: cover;
        margin: 0 0 5vw 0;
        position: relative;
    }
    .mainpage > section.marathon-banner > .frame {
        position: absolute;
        top: -0.3vw;
        left: 0;
        bottom: -0.3vw;
        right: 0;
        background-size: cover;
        width: auto;
        height: auto;
    }
    .mainpage > section.marathon-banner > .frame > .wrapper {
        padding: 23vw 5vw 0 5vw;
    }
    .mainpage > section.marathon-banner > .frame > .wrapper > .buttons {
        margin-bottom: 3.5vw;
        display: none;
    }
    .mainpage > section.marathon-banner > .frame > .wrapper > .buttons > a {
        padding: 0 2.6vw 0 2.6vw;
    }
    .mainpage > section.marathon-banner > .frame > .wrapper > .buttons > a + a:after {
        height: 3vw;
        top: -0.6vw;
    }
    .mainpage > section.marathon-banner > .frame > .wrapper > .buttons > a.fb {
        width:  1.4vw;
        height: 2.8vw;
    }
    .mainpage > section.marathon-banner > .frame > .wrapper > .buttons > a.vk {
        width:  2.6vw;
        height: 1.6vw;
        vertical-align: 0.6vw;
    }
    .mainpage > section.marathon-banner > .frame > .wrapper > .buttons > a.tw {
        width:  2.2vw;
        height: 1.8vw;
        vertical-align: 0.5vw;
    }
    .mainpage > section.marathon-banner > .frame > .wrapper > .title {
        height: 11.6vw;
        margin-bottom: 4vw;
    }
    .mainpage > section.marathon-banner > .frame > .wrapper > a.more {
        height: 8.4vw;
        width: 35.7vw;
    }
    .mainpage section.common .title {
        font-size: 8.118vw;
        line-height: 2.2;
    }
    .mainpage section.head .title {
        color: black;
        font-size: 11vw;
        margin-top: 14.843vw;
    }
    .mainpage section.technologies div.col:nth-child(3) {
        padding-top: 0;
    }
    .mainpage section.psychology div.col:nth-child(3) {
        padding-top: 2.944vw;
    }
}