@media screen and (max-width: 768px) {
    header {
        padding: 16px 18px;
        row-gap: 8px;
    }

    .top-header {
        padding: 0;
        column-gap: 12px;
    }

    .bottom-header {
        padding: 0;
    }

    .top-header__contact {
        display: none;
    }

    .top-header__logo {
        flex: 1;
    }

    .top-header__menu-button--mobile {
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: transparent;
        border: transparent;
        outline: transparent;
    }

    .nav {
        display: none;
    }

    .bottom-header__text {
        font-size: 14px;
        font-weight: 700;
        white-space: nowrap;
    }

    .breadcrumb {
        padding: 0 16px;
    }

    .column {
        margin-top: 0;
        padding: 0 16px;
    }

    .br-mobile {
        display: block;
    }

    /* Youtube */
    .youtube-lawyer-interview {
        margin: 0 auto 0 auto;
        padding: 28px 16px;
    }

    .youtube-lawyer-interview__videos {
        grid-template-columns: repeat(1, 1fr);
        margin: 20px auto 0 auto;
        padding: 0 0 20px 0;
    }

    .youtube-lawyer-interview__video {
        max-width: unset;
        min-height: 407px;
        justify-content: unset;
        padding-top: 32px;
    }

    .youtube-lawyer-interview__video-thumbnail iframe {
        height: 224px;
    }

    .youtube-lawyer-interview__video-title {
        position: unset;
    }

    .youtube-lawyer-interview__title-text {
        font-size: 24px;
        font-weight: 700;
        margin: 0 auto 8px auto;
    }

    .youtube-lawyer-interview__more {
        margin: 12px auto 0 auto;
    }

    /* Footer */
    .footer-top {
        padding: 24px 16px;
    }

    .footer-top__container {
        display: flex;
        flex-direction: column;
    }

    .footer-header__right-item {
        display: flex;
        flex-direction: column;
        width: 100%;
        row-gap: 12px;
    }

    .footer-header__left-text {
        font-size: 16px;
        font-weight: 500;
        margin-top: 0;
        margin-bottom: 24px;
    }

    .footer-header__right-line-button {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .footer-header__right-email-button {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .footer-header__left-logo {
        max-width: unset;
        margin: 0 auto 4px auto;
    }

    .footer-header__right-item--open-time {
        display: flex;
        flex-direction: unset;
        justify-content: start;
        align-items: center;
        margin: 0 0 24px 0;
    }

    .banner__title {
        font-size: 24px;
        font-weight: 700;;
    }

    .desktop-only {
        display: none;
    }

    .banner__description {
        font-size: 16px;
        font-weight: 400;
        padding: 16px 0 0 0;
    }

    .banner__container {
        padding: 16px;
    }
}