.mobile_header {
display : none;

padding : 5vw;

text-align : center;
} 
.mobile_header img {
position : absolute;

width : 25vw;

top : 2vw;
left : 37.5vw;

z-index : 7777;
}

.mobile_footer {
display : none;

position : fixed;

width : calc(100% - 5px - 0.2vw);

padding : calc(5px + 0.2vw);

left : 0;
bottom : 0;
text-align : center;

transition : 0.4s;
}
.mobile_footer svg {
width : calc(20px + 0.2vw);
}

.mobile_footer_close {
display : none;

position : fixed;

width : calc(100% - 5px - 0.2vw);

padding : calc(5px + 0.2vw);

left : 0;
bottom : -100%;
text-align : center;

transition : 0.4s;

z-index : 9999;
}
.mobile_footer_close svg {
width : calc(20px + 0.2vw);
}

.mobile_menu {
display : none;

position : fixed;

top : calc(-100vh - 20vw);
left : 0;

width : 80%;
height : 100%;

min-height : 100vh;

overflow: auto;

margin : 0 14px 0 0;
padding : 10vw calc(10vw + 28px) 10vw 10vw;

text-align : center;

transition : 0.4s;

z-index : 8888;
}

.mobile_menu img {
width : 50%;
}

.mobile_menu ul {
list-style : none;

margin : 0;
padding : calc(8px + 0.2vw) 0 calc(8px + 0.2vw) 0;
}
.mobile_menu li {
display : block;

margin : calc(12px + 0.2vw) 0 0 0;
}

.mobile_menu .menu-item-has-children > a:after {
display : block;

margin-left : auto;
margin-right : auto;
}

.mobile_menu .sub-menu {
display : block;

background-color : rgba(255,255,255,0.2);

padding : calc(3px + 0.2vw) 0 calc(12px + 0.2vw) 0;
}

.mobile_menu .social {
padding : 10vw 10vw calc(50px + 0.5vw) 10vw; 
}
.mobile_menu .social svg {
width : calc(40px + 0.2vw); 
}


@media screen and (max-width: 960px) {
.mobile_header, .mobile_footer, .mobile_footer_close, .mobile_menu {
display : block;
}
}