.mobile_top {
display : none;
}

.mobile_header {
display : none;

padding : calc(56px + 5.6vw) 5vw 0 5vw;

text-align : center;

background-image : url('/wp-content/themes/Logic.2018/images/horizontal.svg');
background-repeat : no-repeat;
background-position : bottom;
background-size : 90% 5px;
} 
.mobile_header img {
width : 30%;
}
.subpage_logo {
width : 20% !important;
}

.mobile_footer {
display : none;

position : fixed;

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

padding : calc(5px + 0.2vw) calc(10px + 0.2vw) calc(5px + 0.2vw) calc(5px + 0.2vw);

left : 0;
top : 0;

color : #f1e6c0;
text-align : right;

transition : 0.4s;

z-index : 9998;
}
.mobile_footer img {
width : auto;
height : calc(25px + 0.2vw);
}

.mobile_footer_close {
display : none;

position : fixed;

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

padding : calc(5px + 0.2vw) calc(10px + 0.2vw) calc(5px + 0.2vw) calc(5px + 0.2vw);

left : 0;
top : -100%;
text-align : right;

transition : 0.4s;

z-index : 9998;
}
.mobile_footer_close img {
width : auto;
height : calc(25px + 0.2vw);
}

.mobile_menu {
display : none;

position : fixed;

top : calc(-100vh - 40vw);
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;
text-transform : uppercase;

transition : 0.4s;

/* background-image : url('/wp-content/themes/Logic.2018/images/bg.png');
background-repeat : repeat; */

background-color : #f1e6c0 !important;

z-index : 9997;
}

.mobile_menu img {
width : 30%;
}

.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.5);

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); 

height : auto;
}

#mobile_content {
display : none;
}

@media screen and (max-width: 960px) {
.prdctfltr_wc .prdctfltr_filter_title {
justify-content : center;
}
.mobile_top {
position : fixed;

top : 0;
left : 0;

width : 100%;
height : calc(40px + 0.4vw);

z-index : 9998;
}
.mobile_header, .mobile_footer, .mobile_footer_close, .mobile_menu {
display : block;
}
#mobile_content {
display : initial;
}
}