@media (max-width: 375px) {
    .navigation ul.menu {
        width: 300px;
    }

    .navigation ul.menu li {
        font-size: 14px;
    }
}

@media (min-width: 901px) {
    .hide-pc {
        display: none !important;
    }
}

@media (max-width: 900px) {
    .hide-mb {
        display: none !important;
    }

    #friendLinks {
        padding-left: 0;
        display: block;
        margin-top: 4px;
    }

    .wrapper-pad-left {
        padding-left: 8vw;
    }

    .wrapper-pad-right {
        padding-right: 8vw;
    }

    .section-text-pad-left {
        padding-left: 8vw;
    }

    .row-flex-mobile-clear {
        display: block !important;
    }

    #homeMenu {
        display: block;
    }

    .navigation ul.menu.expand {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        animation: slide-right .2s;
    }

    .navigation ul.menu li.last {
        margin-bottom: 22vw;
    }

    .navigation ul.menu > li a {
        display: inline-block;
        width: 100%;
        padding-left: 30px;
    }

    .navigation ul.menu li {
        padding-left: 0;
    }

    .navigation ul li ul.sub-menu.sub-menu-list-tow-col {
        display: none;
    }
    .navigation ul li:hover ul.sub-menu.sub-menu-list-tow-col {
        display: none;
    }
    .navigation ul li.show ul.sub-menu.sub-menu-list-tow-col {
        display: flex;
    }
    .navigation ul.menu li ul.sub-menu.sub-menu-list.sub-menu-list-tow-col li a {
        color: #000000;
    }
    .navigation ul li.show ul.sub-menu.sub-menu-list-tow-col {
        width: 100%;
        margin-left: 0;
    }

    .navigation ul li ul.sub-menu.sub-menu-list-tow-col li {
        width: 50%;
    }

    .navigation ul.menu li ul.sub-menu.sub-menu-list.sub-menu-list-tow-col li {
        padding-left: 0px;
    }

    .navigation ul.menu li ul.sub-menu.sub-menu-list.sub-menu-list-tow-col li:nth-child(odd) a {
        padding-left: 30px;
        padding-right: 0;
    }
    .navigation ul li ul.sub-menu.sub-menu-list:before {
        content: none;
    }

    .navigation ul.menu li ul.sub-menu.sub-menu-list.sub-menu-list-tow-col li a {
        padding-left: 18px;
    }
    .navigation ul li.show ul.sub-menu.sub-menu-list-tow-col {
        display: flex;
        justify-content: left;
        flex-wrap: wrap;
    }
    .navigation ul li ul.sub-menu.sub-menu-panel:before {
        content: none;
    }

    .navigation ul li ul.sub-menu.sub-menu-panel {
        border-radius: 0;
        border-top: 2px solid #F2F2F2;
        top: 0;
        opacity: 1;
        width: 100%;
        margin-left: 0;
        justify-content: flex-start;
        display: none;
    }

    .navigation ul li ul.sub-menu.sub-menu-panel li {
        padding-left: 0;
    }

    .navigation ul li ul.sub-menu.sub-menu-panel li a {
        justify-content: space-around;
        color: #090230;
    }

    .navigation ul li:hover ul.sub-menu.sub-menu-panel {
        display: none;
    }

    .navigation ul li.show ul.sub-menu.sub-menu-panel {
        display: flex;
    }

    .navigation ul li.show ul.sub-menu {
        border-top: 2px solid #F2F2F2;
        display: flex;
        opacity: 1;
        top: 0;
    }

    .navigation ul.menu li ul.sub-menu.sub-menu-list li {
        padding-left: 0;
        line-height: 52px;
    }

    .navigation ul.menu li ul.sub-menu.sub-menu-list li {
        padding-left: 60px;
    }


    .navigation ul.menu div.menu-action {
        position: static;
        bottom: 0px;
        left: 0;
        background: #fff;
        right: 0;
        display: flex;
        flex-direction: row;
        justify-content: center;
        width: 100%;
        text-align: center;
        z-index: 999;
        flex: 1;
        align-items: flex-end;
        -webkit-transform: translate3d(0, 0, 0);
    }

    .navigation ul.menu div.menu-action a {
        display: inline-block;
        margin: 7vw 2vw;
    }

}

@keyframes slide-right {
    0% {
        transform: translateX(50vw);
    }
    100% {
        transform: translateX(0);
    }
}