@media screen and (max-width:1024px) {
 .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;}	
.ss-ly{ display:none;}
}

@media screen and (max-width:800px) {
 .nav-wrap{ display:none;}
.logo-wrap{ display:none;}
.logo-wrapPhone{display:block; width:45%; 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:block;}	
.ss-ly{ display:none;}
}

@media screen and (max-width:640px) {
.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;}
}
@media screen and (max-width:480px){
.nav-wrap{ display:none;}
.logo-wrap{ display:none;}
.logo-wrapPhone{display:block; 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:block;}	
}

@media screen and (max-width:360px) {
 .nav-wrap{ display:none;}
.logo-wrap{ display:none;}
.logo-wrapPhone{display:block; 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:block;}	
 }