@media screen and (max-width: 640px) {
    html {
        -webkit-text-size-adjust: none;
    }

    .song_cover_mini,
    .breadcrumbs,
    .poisk_official_wrap,
    .subscribe_left,
    a.get_music,
    div.get_music,
    .footer_menu,
    .hor_menu {
        display: none;
    }

    .yellow_mobile {
        display: block;
    }

    [for="burger"] {
        display: block;
        position: fixed;
        text-align: center;
        font-size: 2.2em;
        right: 0.3em;
        top: 0.5em;
        cursor: pointer;
        z-index: 1000;
    }

    #vert_menu_scroll ul {
        display: none;
    }

    .fixed_menu {
        background-color: transparent;
    }

    [for="burger"]::before {
        content: "☰";
    }

    .vert_menu_mobile {
        display: none;
        position: fixed;
        top: 0;
        right: 0;
        margin-top: 74px;
        background: rgba(30, 30, 30, 0.9);
        font-size: 1em;
        text-align: right;
        padding: 20px 20px 0 30px;
        z-index: 1001;
    }

    .vert_menu_mobile li {
        margin-bottom: 1.3em;
    }

    #burger:checked + label + .vert_menu_mobile {
        display: block;
        animation: show 0.3s ease;
    }

    #burger:checked + [for="burger"]::before {
        content: "×";
        font-size: 1.3em;
        padding-right: 0.03em;
    }

    header {
        width: 100%;
        position: relative;
    }

    .main_title {
        font-size: 22px;
        text-align: left;
        margin-top: -1.5em;
        margin-bottom: 0.9em;
        padding-left: 5vw;
        padding-right: 50px;
        line-height: 0.9em;
    }

    /***** FOOTER *****/
    .mobile_poisk {
        display: block;
        width: 60%;
        margin: 12px auto 18px;
    }

    .srch {
        float: none;
        width: 100%;
        border-bottom: 1px solid #999;
    }

    .magnifier {
        position: absolute;
        top: 10px;
        left: 0.8px;
        width: 15%;
        height: 24px;
    }

    .srch-area {
        float: right;
        font-family: "IBM Plex Sans", sans-serif;
        font-size: 24px;
        font-weight: 400;
        color: #eee;
        background: transparent;
        height: 40px;
        padding: 4px;
        width: 85%;
    }

    .srch-button {
        display: none;
    }

    ::-webkit-input-placeholder {
        /* WebKit browsers */
        color: #999;
        font-size: 20px;
        font-family: "IBM Plex Sans", sans-serif;
        font-weight: 300;
    }

    :-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
        color: #999;
        font-size: 20px;
        font-family: "IBM Plex Sans", sans-serif;
        font-weight: 300;
    }

    ::-moz-placeholder {
        /* Mozilla Firefox 19+ */
        color: #999;
        font-size: 20px;
        font-family: "IBM Plex Sans", sans-serif;
        font-weight: 300;
    }

    :-ms-input-placeholder {
        /* Internet Explorer 10+ */
        color: #999;
        font-size: 20px;
        font-family: "IBM Plex Sans", sans-serif;
        font-weight: 300;
    }

    /***** FIRST PAGE *****/
    .first_page_col {
        width: 100%;
        padding: 10px 20px 30px;
    }

    .wide_col_wrap {
        width: 100%;
    }

    .col1 {
        padding-bottom: 10px;
    }
    
    .col3 {
        background-image: url(../images/title-useful.png);
    }

    /* .col1,
    .col2,
    .col3 {
        background-image: none;
    } */

    .first_page_concert {
        width: 80%;
        margin-bottom: 50px;
    }

    .first_page_concert img:hover,
    .first_page_albom img:hover {
        border: 1px solid #555;
    }

    .first_page_col h1 {
        margin: 20px 0 30px;
    }

    .first_page_albom {
        width: 47%;
        margin-bottom: 7px;
    }

    a.all_alboms {
        margin-bottom: 10px;
    }

    .subscribe_form input {
        font-size: 22px;
    }

    .subscribe_form input[type="submit"],
    .button {
        font-size: 1.15em;
        margin-top: 4px;
        line-height: 20px;
        padding: 0.7em;
        width: 60vw;
    }

    .form_name,
    .form_mail {
        margin-top: 1em;
    }

    .useful_title {
        margin: 32px 0 20px;
    }

    /***** slider *****/
    #slides {
        height: 50vw;
    }

    .slide:nth-of-type(2) {
        background-position: -70px 0;
    }

    .slide:nth-of-type(6) {
        background-position: -60px 0;
    }

    .slide:nth-of-type(12) {
        background-position: -60px 0;
    }

    .slide:nth-of-type(14) {
        background-position: -50px 0;
    }

    .controls {
        width: 10vw;
        height: 10vw;
        padding: 1vw;
        font-size: 5vw;
        text-align: center;
        bottom: 1vw;
    }

    #previous {
        left: 1vw;
    }

    #pause {
        left: 12vw;
    }

    #next {
        left: 23vw;
    }

    /***** COMMON PAGE *****/
    .content_title {
        margin-top: 1.75em;
    }

    .left_col {
        width: 0;
        padding: 0;
    }

    .main_col {
        width: 100%;
        background-image: none;
        padding-bottom: 2em;
        padding-left: 10px;
        padding-right: 10px;
    }

    .main_container {
        width: 100%;
        max-width: none;
        padding: 30px 0 20px;
    }

    /***** concerts *****/
    .concert {
        display: none;
    }

    .mobile_concerts {
        display: block;
    }

    .org_concert {
        width: calc(100% + 20px);
        margin: 0 -10px -2em;
        background-color: #292929;
        padding: 8%;
    }

    /***** creations *****/
    .for_id {
        margin-top: -0.5em;
        height: 0.5em;
    }

    .creations_menu {
        gap: 0.5em;
        justify-content: space-around;
    }

    .alboms a {
        margin-bottom: 0.7em;
    }

    .alboms a img:hover {
        border: 1px solid #555;
    }

    .albom_year {
        display: none;
    }

    .unrec {
        bottom: -2.3em;
    }

    /***** albom page *****/
    .albom_page_content {
        justify-content: space-around;
    }

    .albom_page_cover {
        width: 98%;
        order: 0;
    }

    .song_list,
    .albom_descript {
        width: 98%;
    }

    .song_list_second_column_mobile,
    .five_stories_title_mobile,
    .five_stories_list_mobile {
        display: block;
    }

    .song_list_second_column,
    .five_stories_title,
    .five_stories_list {
        display: none;
    }

    .five_stories_title_mobile {
        margin-top: 0;
    }

    .button_get_albom {
        text-align: center;
        padding: 0.8em 0 0;
    }

    .albom_features {
        width: 100%;
    }

    .retro_back {
        display: none;
    }

    .content_title_vrezka {
        width: 90%;
    }

    /***** song page *****/
    .song_title {
        margin: 1.75em auto;
        font-size: 1.25em;
    }

    /* .show_chords {
		display: none;
	} */

    .chords_unavailable {
        display: block;
    }

    .song_content p {
        margin-left: 0;
    }

    /***** about group *****/
    .menu_about {
        margin-left: 0;
    }

    .musician_photo {
        width: 70%;
    }

    .about_musician {
        width: 100%;
        order: 1;
    }

    .right_photo_musician {
        text-align: left;
    }

    /***** photo *****/
    .content_photos {
        width: 100%;
        margin-left: 0;
        gap: 0;
        justify-content: flex-start;
    }

    .photo_1991 {
        width: 100%;
        margin-left: 0;
    }

    .photo_one {
        width: 100%;
        height: 30vw;
    }

    .content_photos a {
        margin: 0 1% 1vw 0;
        width: 32.3333%;
    }

    .content_photos a:hover {
        border: #005555 1px solid;
    }

    /***** publics *****/
    .menu_publics li.this::after {
        left: 0.4em;
        right: auto;
    }

    .menu_publics {
        width: 100%;
        margin-left: 0;
        justify-content: space-around;
    }

    .public_lemma {
        margin-bottom: 1em;
    }

    .public_photo_c,
    .public_photo_l,
    .public_photo_r {
        width: 100%;
        margin: 0.7em 0 0.7em;
        float: none;
    }

    .public_blockquote {
        margin-left: 1.3em;
        margin-right: 0;
    }

    /***** get music *****/
    .music_services {
        display: block;
        margin-bottom: 0;
    }

    .music_service_one {
        margin-bottom: 0.7em;
    }

    .music_service_one:hover {
        background-color: transparent;
        border: #444 1px solid;
    }

    .my_popup {
        width: 90vw;
        padding: 1em;
    }

    .map_content img {
        width: 100%;
    }

    /***** contacts *****/
    .contacts_content p {
        width: 100%;
    }

    /***** help *****/
    .yoomoney_frame {
        width: 100%;
    }

    .money_content .card {
        text-align: left;
    }
}