@media screen and (max-width: 1024px) {
    .bg-music-page .hero-2 h2 {
        font-size: 52px;
        font-weight: 400;
        line-height: 100%;
        letter-spacing: -0.01em;
    }

    .bg-music-page .hero-2 nav {
        margin-bottom: 64px;
    }

    .bg-music-page .hero-2__left a {
        font-weight: 500;
        font-size: 16px;
        line-height: 130%;
        letter-spacing: 0;
    }

    .bg-music-page .hero-2 .breadcrumb-item.active {
        font-weight: 500;
        font-size: 16px;
        line-height: 130%;
        letter-spacing: -0.005em;
    }

    .bg-music-page .hero-2 {
        display: flex;
        flex-direction: column;
        min-height: 967px;
    }

    .bg-music-page .hero-2__right {
        display: flex;
        flex-direction: column;
        width: unset;
    }

    .bg-music-page .hero-2__right .img-container {
        flex: 1 0 0;
        padding-top: 0;
    }

    .bg-music-page .hero-2__left {
        padding: 148px 24px 47px;
        width: unset;
    }

    .bg-music-page .hero-2 h2::before {
        margin-top: -0.2em;
    }

    .bg-music-page__main {
        grid-column: 1 / -1;
        padding-top: 127px;
    }

    .bg-music-page__main .video-wrapper {
        height: 440px;
        margin-bottom: 38px;
    }

    .bg-music-page__main .video-wrapper video {
        height: 100%;
    }

    .bg-music-page__track {
        padding: 40px 0 36px;
        grid-template-columns: 1fr 64px;
        column-gap: 24px;
    }

    .bg-music-page__track .track-control-button {
        width: 64px;
        height: 64px;
    }

    .bg-music-page__track .track-name {
        font-size: 32px;
        letter-spacing: -0.01em;
    }

    .bg-music-page__track .track-control-button img {
        max-width: 20px;
    }

    .bg-music-page__main .buttons .btn-simple, .bg-music-page__main .buttons .btn-subscribe {
        padding: 20px 0;
        flex: 1 0 0;
        justify-content: center;
    }

}

@media screen and (max-width: 768px) {
    .bg-music-page .hero-2 h2 {
        font-size: clamp(1.75rem, 0.319rem + 6.11vw, 3.25rem);
    }
}

@media screen and (max-width: 576px) {
    .bg-music-page .hero-2__left {
        padding: 102px 16px 45px;
    }

    .bg-music-page .hero-2__left a {
        font-size: 14px;
        letter-spacing: 0;
    }

    .bg-music-page .hero-2__right {
    }

    .bg-music-page .hero-2 .breadcrumb-item.active {
        font-size: 14px;
        letter-spacing: 0;
    }

    .bg-music-page .hero-2 h2 {
        letter-spacing: 0;
    }

    .bg-music-page .hero-2 nav {
        margin-bottom: 48px;
    }

    .bg-music-page .hero-2 {
        min-height: 579px;
    }

    .bg-music-page .hero-2__right .img-container {
        aspect-ratio: unset;
    }

    .bg-music-page__main {
        padding: 80px 0;
    }

    .bg-music-page__main p {
        font-size: 16px;
        letter-spacing: 0.005em;
        line-height: 132%;
    }

    .bg-music-page__main .video-wrapper {
        height: 260px;
    }

    .bg-music-page__main .video-wrapper::before {
        width: 48px;
        height: 48px;
        top: 16px;
        left: 16px;
    }

    .bg-music-page__track {
        padding: 32px 0 32px;
        grid-template-columns: 1fr 48px;
        column-gap: 24px;
    }

    .bg-music-page__track .track-duration {
        font-size: 12px;
        padding: 6px 10px;
    }

    .bg-music-page__track .track-name {
        font-size: 22px;
        letter-spacing: 0;
        margin-bottom: 3px;
    }

    .bg-music-page__track .track-description {
        gap: 18px;
    }

    .bg-music-page__track .track-control-button {
        width: 48px;
        height: 48px;
    }

    .bg-music-page__main .buttons {
        flex-direction: column;
        align-items: center;
    }

    .bg-music-page__tracks {
        margin-bottom: 32px;
    }

    .bg-music-page__main .buttons .btn-simple, .bg-music-page__main .buttons .btn-subscribe {
        padding: 13px 8px;
        flex: unset;
        min-width: 228px;
        font-size: 16px;
    }

    .bg-music-page__main .buttons .btn-simple img, .bg-music-page__main .buttons .btn-subscribe img {
        display: block;
        max-width: 15px;
    }

    .bg-music-page__track .track-control-button img {
        max-width: 16px;
    }
}