@media only screen and (max-width: 480px) {
    i.ball {
        height: 4.167vw;
        margin-bottom: -4.167vw;
    }
    i.ball::before {
        width: 4.167vw;
        height: 4.167vw;
        margin-left: -7.1.389vw;
    }
    i.ball.big::before {
        width: 8.3vw;
        height: 8.3vw;
        margin-left: -4.15vw;
        margin-top: -4.15vw;
    }
    .hidden_mobile, .hidden-mobile {
        display: none !important;
    }
    .mobile_only, .mobile-only {
        display: block !important;
    }
    section.nav {
        background: #fff;
        position: fixed;
        width: 100vw;
        height: 11.111vw;
        top: 0;
        z-index: 100;
    }
    section.nav>div.container {
        padding: 1.389vw 0 0 0;
        width: 91.667vw;
        position: relative;
        justify-content: flex-start;
    }
    section.nav>div>a.homo-sedens {
        line-height: 8.333vw;
        font-size: 4.167vw;
        position: relative;
        margin-right: 4vw;
    }
    section.nav>div>a.homo-sedens:after {
        display: block;
        content: "";
        width: 1px;
        height: 4.1vw;
        background: #8f8f8f;
        position: absolute;
        right: -3vw;
        top: 1.5vw;
    }
    section.nav>div>a.detralex {
        width: 24vw;
        height: 6.6vw;
        margin-top: 0.7vw;
        background-size: 34vw 6.6vw;
        margin-right: auto;
    }
    section.nav > div > a.search-btn,
    section.nav > div > a.burger-btn {
        display: inline-block;
        width: 6vw;
        height: 6vw;
        margin-left: 4vw;
        position: relative;
    }
    section.nav > div > a.burger-btn > i,
    section.nav > div > a.burger-btn:before,
    section.nav > div > a.burger-btn:after {
        content: "";
        display: block;
        position: absolute;
        height: 2px;
        width: 6vw;
        background: #8f8f8f;
        top: 1vw;
        margin-top: 0.7vw;
        transition: .3s;
    }
    section.nav > div > a.burger-btn > i {
        top: 3vw;
    }
    section.nav > div > a.burger-btn:after {
        top: 5vw;
    }
    section.nav > div > a.burger-btn.active > i {
        opacity: 0;
    }
    section.nav > div > a.burger-btn.active:after {
        transform: rotate(45deg);
        top: 3vw;
    }
    section.nav > div > a.burger-btn.active:before {
        transform: rotate(-45deg);
        top: 3vw;
    }
    section.nav > div > div.search-form {
        visibility: hidden;
        opacity: 0;
        position: absolute;
        width: 100vw;
        height: 100vh;
        left: -4vw;
        top: 9vw;
        background: rgba(0, 0, 0, 0.2);
        transition: .5s;
    }
    section.nav > div > div.search-form.active {
        visibility: visible;
        opacity: 1;
    }
    section.nav > div > div.search-form > div.mobile-pages {
        display: flex;
        flex-direction: column;
        background: #fff;
        padding: 0 0 4vw 0;
        margin-top: -2vw;
    }
    section.nav > div > div.search-form > div.mobile-pages > a {
        display: block;
        font-size: 5vw;
        color: #848484;
        text-transform: uppercase;
        padding: 3vw 4vw;
        text-decoration: none;
    }
    div.ya-site-form#ya-site-form0 {
        width: 100vw;
        padding-top: 0 !important;
    }
    div.ya-site-form#ya-site-form0 .ya-site-form__form {
        background: #fff;
        padding: 4vw;
    }
    div.ya-site-form#ya-site-form0 .ya-site-form__form .ya-site-form__input-text {
        font-size: 5vw!important;
        padding: 3vw 4vw!important;
    }

    div.ya-site-form#ya-site-form0 .ya-site-form__form .ya-site-form__input-text::-webkit-input-placeholder {
        font-size: 5vw!important;
    }
    div.ya-site-form#ya-site-form0 .ya-site-form__form .ya-site-form__input-text:-ms-input-placeholder {
        font-size: 5vw!important;
    }
    div.ya-site-form#ya-site-form0 .ya-site-form__form .ya-site-form__input-text::placeholder {
        font-size: 5vw!important;
    }
    div.ya-site-form#ya-site-form0 .ya-site-form__submit_type_image {
        width: 9vw!important;
        height: 6vw!important;
        margin: 0 0 0 2vw!important;
        position: relative;top:0.4vw;
    }
    div.ya-site-form#ya-site-form0 .ya-site-form__search-input {
        padding: 0 !important;
    }
    section.nav>div>form {
        display: none;
    }
    section.nav>div>a.about-project {
        display: none;
    }
    section.nav>div>div.pages {
        display: none;
    }
    div.social {
        width: 91.667vw;
        margin: 5.556vw auto 0 auto;
    }
    div.social>a {
        width: 8.889vw;
        height: 11.944vw;
    }
    section.head .head_inner  {
        /* width: 91.667vw; */
    }
    section.head .head_inner p.category {
        font-size: 3.333vw;
        margin: 0;
    }
    section.head .head_inner h1 {
        /* font-size: 5.9vw; */
        font-size: 6.25vw;
        /* margin-top: 3.333vw; */
    }
    section.head .head_inner p.subtitle {
        font-size: 4.444vw;
        width: 61.111vw;
        /* margin: 2.222vw auto 0 auto; */
    }
    section.head .head_inner p.subtitle::before,
    section.head .head_inner p.subtitle::after {
        width: 8.889vw;
        height: 5.556vw;
        margin-top: -3.333vw;
    }
    section.head .head_inner p.subtitle::before {
        left: -11.389vw;
    }
    section.head .head_inner p.subtitle::after {
        right: -11.389vw;
    }
    section.head .head_inner p.author {
        font-size: 3.333vw;
        text-align: right;
        float: right;
        margin-right: 10vw;
    }
    section.head .head_inner p.date {
        font-size: 3.333vw;
        text-align: left;
        margin-left: 10vw;
    }
    section.head .head_inner .head_meta a {
        font-size: 14px;
    }
    section.head .head_inner .head_meta p {
        font-size: 3.3vw;
    }
    section.head .head_inner .head_meta .share-block {
        /* width: 100%; */
    }
    section.head .head_inner .head_meta .share-block .share-block__text {
        font-size: 3.3vw;
    }
    section.head .head_inner .head_meta .share-block .share-block__item {
        width: 4vw;
    }
    section.preview {
        width: 91.667vw;
    }
    section.preview p {
        font-size: 4.722vw;
        padding-bottom: 2.222vw;
    }
    section.content {
        width: 91.667vw;
    }
    section.content hr {
        height: 6.944vw;
    }
    section.content li,
    section.content p {
        font-size: 4.444vw;
        position: relative;
        z-index: 2;
    }
    section.content blockquote p {
        font-size: 4.444vw;
    }
    section.content blockquote {
        width:80%;
        margin: 0 auto;
    }
    section.content h2 {
        /* font-size: 6.667vw; */
        font-size: 5.208vw;
        margin: 17.778vw 0 4.444vw 0;
    }
    section.content h2::before {
        width: 8.889vw;
        height: 5.556vw;
        top: -6.944vw;
    }
    section.content div.photo,
    section.content div.photo>p,
    section.content p.photo {
        font-size: 2.778vw;
        padding: 4.444vw 0;
    }
    section.content div.photo>img,
    section.content div.photo>p>img,
    section.content p.photo>img {
        margin-bottom: 4.444vw;
    }
    section.content div.photo.vertical>img,
    section.content div.photo.vertical>p>img,
    section.content p.photo.vertical>img {
        width: 75%;
    }
    iframe.youtube_video,
    iframe#youtube_video {
        width: 100%;
        height: 50vw;
        margin: 0;
        z-index: 2;
        position: relative;
    }
    section.subscription {
        margin: 0 auto 16.667vw auto;
        height: auto;
        width: 91.667vw;
    }
    section.subscription div.title {
        font-size: 3.889vw;
        line-height: 4.444vw;
        text-align: center;
        font-family: main_sans, sans-serif;
    }
    section.subscription form {
        padding: 5.556vw 0 0 0;
    }
    section.subscription form label {
        display: block;
        width: 36.111vw;
        float: right;
        font-size: 2.778vw;
        padding: 0 0 5.556vw 8.333vw;
        margin-top: -6.944vw;
        overflow: hidden;
    }
    section.subscription form label input[type=checkbox] {
        margin-right: -1.389vw;
    }
    section.subscription form label input[type=checkbox]::before {
        border: 1px solid #0089F2;
        width: 4.167vw;
        height: 4.167vw;
        left: -8.333vw;
        top: 1.389vw;
    }
    section.subscription form>input[type=text] {
        border-bottom: 1px solid #0089F2;
        width: 38.889vw;
        font-size: 3.333vw;
        padding: 1.389vw 0;
    }
    section.subscription form input[type=submit] {
        font-size: 3.333vw;
        margin-top: 1.111vw;
    }
    section.subscription p {
        margin: 0;
        font-size: 3.333vw;
        line-height: 3.889vw;
    }
    footer div.row {
        margin: 0 4.167vw;
        display: block;
    }
    footer div.row div.col {
        width: 100%;
        padding-bottom: 5.556vw;
        flex-wrap: wrap;
        margin-top: 10vw;
    }
    footer div.row div.col > * {
        margin-bottom: 3vw;
    }
    footer div.row div.col:nth-child(1) {
        font-size: 2.778vw;
        line-height: 3.333vw;
        display: flex;
        justify-content: space-between;
        flex-direction: row;
    }
    footer div.row div.col > *:last-child {
        margin-top: 2vw;
    }
    footer div.row div.col:nth-child(1)>a.detralex {
        display: none;
    }
    footer div.row div.col:nth-child(1)>a.about {
        line-height: 6.667vw;
    }
    footer div.row div.col:nth-child(1)>span>a.servier {
        width: 18vw;
        height: 5.5vw;
        display: inline-block;
        background: center 0.9vw url(../img/servier-logo-2023.png) no-repeat;
        background-size: cover;
        margin-left: 1.389vw;
    }
    footer div.row div.col:nth-child(1)>span {
        margin-top: -0.556vw;
    }
    footer div.row div.col:nth-child(2) {
        display: none;
    }
    footer div.disclaimer {
        font-size: 4.2vw;
        line-height: 6.667vw;
        margin: 1.389vw 2.778vw 5.556vw 2.778vw;
        flex-wrap: wrap;
    }
    footer div.disclaimer span {
        margin: 0 1.389vw;
    }
    footer div.problems.mobile-only {
        display: block;
        padding: 0 0 6.944vw 0;
        text-align: center;
    }
    footer div.problems.mobile-only a {
        color: #8f8f8f;
        font-family: main_sans, sans-serif;
        font-size: 3.333vw;
    }
    body>div.social {
        margin: -5.556vw auto 11.111vw auto;
    }
    section.prefooter {
        display: block;
        margin: 16.667vw auto 0 auto;
    }
    section.prefooter section.subscription {
        width: 91.667vw;
        margin: 0 auto;
        padding-top: 11.111vw;
        padding-bottom: 11.111vw;
    }
    section.prefooter section.subscription div.title {
        font-size: 4.444vw;
    }
    section.prefooter section.subscription form {
        padding-top: 5.556vw;
    }
    section.prefooter section.subscription input[type=text],
    section.prefooter section.subscription button {
        font-size: 3.333vw;
        width: 38.889vw;
    }
    section.prefooter section.subscription label {
        width: 38.889vw;
    }
    section.prefooter section.subscription p {
        font-size: 2.778vw;
    }
    section.prefooter div.more {
        margin: 0 auto;
        width: 91.667vw;
    }
    section.prefooter div.more p.title {
        font-size: 6.389vw;
        margin-bottom: 6.389vw;
        text-align: center;
    }
    section.prefooter div.more p.title::before {
        width: 8.889vw;
        height: 5.556vw;
        top: -6.944vw;
        left: 50%;
        margin-left: -4.444vw;
    }
    section.prefooter div.more div.row {
        display: block;
    }
    section.prefooter div.more div.row div.col {
        width: 80%;
        margin: 5.556vw auto 0 auto;
        font-size: 3.889vw;
        text-align: center;
    }
    .box {
        margin: 2.941vw 0 0 0;
    }
    .box>.row {
        display: block;
    }
    .box>.row>.col {
        padding: 0 0.49vw 2.941vw 0.49vw;
    }
    .box .circle {
        width: 20vw;
        height: 20vw;
        margin: 0 auto;
        font: 11.5vw title, serif;
        text-align: center;
        border-radius: 50%;
    }
    h3 {
        /* font-size: 5vw; */
        font-size: 4.583vw;
    }
    section.content div.kpi {
        width: 69.444vw;
        margin: 8.333vw auto;
        font-size: 3.333vw;
    }
    section.content div.kpi.left {
        margin: 8.333vw auto 8.333vw auto;
    }
    section.content div.kpi.right {
        margin: 8.333vw auto 8.333vw auto;
    }
    section.content div.kpi>strong {
        font-size: 19.722vw;
    }
    section.content div.kpi.small>strong {
        font-size: 11.667vw;
    }
    section.content div.kpi>strong::before,
    section.content div.kpi>strong::after {
        width: 11.111vw;
        height: 6.944vw;
        margin-top: -3.333vw;
    }
    section.content div.kpi>strong::before {
        left: -11.111vw;
    }
    section.content div.kpi>strong::after {
        right: -11.111vw;
    }
    section.prefooter section.subscription input[type=text], section.prefooter section.subscription input[type=submit] {
        font-size: 3.3vw;
        width: 35vw;
    }
        .cookie-warning {
        bottom: -40vw;
        height: 40vw;
        font-size: 3vw;
    }
    .cookie-warning > div {
        margin: 0 5vw;
        text-align: center;
    }
    .cookie-warning > div > a.more {
        margin-left: 3vw;
    }
    .cookie-warning > div > a.more:before {
        width: 1.5vw;
        height: 1.5vw;
        right: -3vw;
        top: 1.3vw;
    }
    .cookie-warning > div > a.ok {
        padding: 2vw;
        display: block;
        margin: 3vw auto 0 auto;
        text-align: center;
    }
    .cookie-warning > div > a.close {
        width: 5vw;
        height: 5vw;
        margin-top: 0;
        top: -5vw;
        right: -5vw;
    }
    .cookie-warning > div > a.close:before {
        width: 5vw;
        top: 0;
        left: -2vw;
    }
    .cookie-warning > div > a.close:after {
        width: 5vw;
        top: 0;
        left: -2vw;
    }

    section.podcast-promo {
        height: 189vw;
        background: url(../img/podcast-promo-m.jpg) no-repeat;
        background-size: cover;
        padding: 0;
        margin: 0 0 0 0;
    }
    section.podcast-promo > div.container {
        width: 90vw;
        padding: 24vw 0 0 0;
    }
    section.podcast-promo > div.container > div.title {
        font-size: 8.75vw;
        line-height: 11vw;
        margin: 0 0 7.5vw 0;
    }
    section.podcast-promo > div.container > div.wave {
        display: inline-block;
        width: 29.7vw;
        height: 1.9vw;
        margin: 0 0 7.5vw 0;
    }
    section.podcast-promo > div.container > div.columns {
        flex-direction: column;
        font-size: 4.4vw;
    }
    section.podcast-promo > div.container > div.columns > div.links {
        padding-right: 0;
        flex: 1 1 auto;
        order: 2;
        padding-top: 7.5vw;
    }
    section.podcast-promo > div.container > div.columns > div.links > div {
        margin-bottom: 5vw;
    }
    section.podcast-promo > div.container > div.columns > div.links > span {
        margin-top: 5vw;
        display: block;
        font-size: 3.75vw;
    }
    section.podcast-promo > div.container > div.columns > div.about {
        order: 1;
    }
}