.site-nav .menu li{
    position: relative;
    width: 105px;
}

.site-title{
    padding: 58px 0 28px;
    float: left;
}
.site-title .logo{
    color: transparent;
    background: url(../../../images/layout01/en/logo.png) 50% 50% no-repeat;
    background-size: contain;
    width: 380px;
    height: 64px;
    transition: all .3s ease;
}

@media screen and (max-width: 1300px){
    .site-title .logo{
        width: 290px;
    }
    
}

@media screen and (max-width: 1250px){
    .site-title {
        padding: 10px 0;
        float: none;
        text-align: center;
        position: static;
    }

    .site-title {
        padding: 25px 0;
        float: none;
        text-align: center;
        position: static;
    }

    .site-nav{
        width: 100%;
    }
    
}

@media screen and (max-width: 1000px){
    .site-title {
        padding: 10px 0;
        float: none;
        text-align: center;
        position: static;
    }

    .site-title {
        padding: 10px 0;
        float: none;
        text-align: center;
        position: static;
    }

    .site-title .logo{
        /* background: url(../../../images/layout01/en/logo-mobile.png) 50% 50% no-repeat; */
        background-size: contain;
        width: 310px;
        height: 70px;
    }

    .site-nav{
        width: 100%;
    }
    
}