/*
=======================================
	Reset CSS
=======================================
------------------*/
.navbar-nav li{
    position: relative;
    line-height: 1.8em;
    border-bottom-style:solid; 
    border-bottom-width:1px;
    border-bottom-color:#fff;
    font-size: 1.2em;
}
.memu_en_txt{
    font-size: .6em;
    color: #bdd2ef;
}
.navbar-brand-w img{width: 100%;}
.navbar-brand-w{
    width: 40%;
    position: fixed;
    left: 30%;
    top: 10px;
    display: none;
}
.nav-item-arrow img{width: 100%;}
.nav-item-arrow{
    width: 3%;
    position: absolute;
    top: 15%;
    right: 30px;
}

@media (max-width:1024px) {
.navbar-brand-w img{width: 100%;}
.navbar-brand-w{
    width: 14%;
    position: fixed;
    left: 3%;
    top: 20px;
    display: none;
}
}

@media (max-width:768px) {
.navbar-brand-w img{width: 100%;}
.navbar-brand-w{
    width: 18%;
    position: fixed;
    left: 3%;
    top: 21px;
    display: none;
}
.memu_en_txt{
    font-size: .6em;
    color: #bdd2ef;
}
}

@media screen and (min-width:640px) {
.navbar-nav li{
    color: #666;
    line-height: 1em;
    /*width: 14%;*/
    margin: auto;
    font-size: 1.1em;
}
.memu_en_txt{
    font-size: .6em;
    color: #666;
}
}

@media (max-width:567px) {
.navbar-brand-w img{width: 100%;}
.navbar-brand-w{
    width: 24%;
    position: fixed;
    left: 5%;
    top: 21px;
    display: none;
}
}

@media (max-width:375px) {
.navbar-brand-w img{width: 100%;}
.navbar-brand-w{
    width: 25%;
    position: fixed;
    left: 7%;
    top: 20px;
    display: none;
}
}

@media (max-width:360px) {
.navbar-brand-w img{width: 100%;}
.navbar-brand-w{
    width: 28%;
    position: fixed;
    left: 7%;
    top: 18px;
    display: none;
}
}
        
@media (max-width:320px) {
.navbar-brand-w img{width: 100%;}
.navbar-brand-w{
    width: 30%;
    position: fixed;
    left: 8%;
    top: 19px;
    display: none;
}
}