@media screen and (min-width: 800px) and (max-width:1200px){
 .nav-wrap{ display:block;}
.logo-wrap{ display:block;}
.logo-wrapPhone{display:none; width:80%; padding-left:0%; position:absolute;top:8px; left:10px}
.logo-wrapPhone img{ width:100%;}
.header-nav {
    width: 100%;
    height: 0px;
    background: #fff;
}
.nav-phone{ display:none;}	
}


@media screen and (max-width:800px) {
.nav-wrap{ display:none;}
.logo-wrap{ display:none;}
.logo-wrapPhone{display:block; width:80%; padding-left:0%; position:absolute;top:4px; left:10px}
.logo-wrapPhone img{ width:100%;}
.header-nav {
    width: 100%;
    height: 0px;
    background: #fff;
}
.nav-phone{ display:block;}
.ss-ly{ display:none;}
.logo{width:85%;z-index: 100;position: absolute;top: 2px;left: 2%;display: block;}
}