@media screen and (min-width: 0px) {
    .navbar-toggle{
        margin-top:20px;
    }
    .page-header {
        height:72px;
        margin: 0px; 
        background-color: #ffffff;
        border-bottom: 1px solid #eeeeee;
    }
    
    .page-header .navbar-nav > li > a {
        font-family: PingFangSC-Medium;
        font-size: 12px;
        color: #333333;
        text-align: justify;
        opacity:0.8;
    }

        .page-header .navbar-nav li.nav-hvoer a:hover, .nav-active {
            font-family: PingFangSC-Medium;
            font-size: 12px;
            color: #007AFF;
            text-align: justify;
            border-bottom: 5px solid #007AFF;
            background: #fff;
            /*background-color: #f6b241;*/
        }

    .navbar-header .navbar-toggle {
        /*background-color: blue;*/
        color: #ffffff;
    }

        .navbar-header .navbar-toggle .icon-bar {
            background-color: #000;
            color: #000;
        }


    .collapse.in {
        /*background-color: #000;*/
    }

    .navbar-brand { 
        padding: 0px;
    }

        .navbar-brand img {
            display: block;
            margin: 0 auto;
        }
    .logo-title {
        /*display: none;*/
    }
    .logo-title {
        display: inline-grid;
        color: #000;
        margin-left: 5px;
    }
    .logo-title-1 {
        font-family: Arial-Black;
        font-size: 16px;
        color: #000;
        font-weight: bold;
        letter-spacing:3.57px;
        line-height: 16px;
    }

    .logo-title-2 {
        font-family: PingFang-SC-Regular;
        font-size: 10px;
        color: #000000;
        letter-spacing: 5px;
        line-height: 10px;
        margin-top: 5px;
    }
    .language-a {
        cursor: pointer;
        z-index: 2;
        text-decoration: none; 
        display: block;  
        text-align:left;
        padding-left:10px;
    }
}
@media screen and (min-width: 479px) {
  

}
@media screen and (min-width: 767px) {

    .page-header {
        height: 100px;
        line-height: 99px;
    }
    .nav-right{
        float:right !important;
    }

    .page-header .navbar-nav > li > a {
        height: 99px !important;
        line-height: 99px;
        /*font-weight: bold;*/ 
        font-size: 16px; 
        padding: 0px 10px;
    }

    .page-header .navbar-nav li.nav-hvoer a:hover {
        font-size: 16px;
    }
    .logo-title {
        display: inline-grid;
        color: #000;
        margin-left: 5px;
    }

    .logo-title-1 {
        font-size: 28px;
        font-weight: bold;
        letter-spacing: 6.57px;
        line-height: 28px;
    }

    .logo-title-2 {
        font-size: 12px;
        letter-spacing: 10.8px;
        line-height: 12px;
        margin-top:5px;
    }
    .page-header .navbar-nav > li >a.language-a {
        width: 80px;
        border: 1px solid #b3b3b3;
        border-radius: 10px;
        height: 30px !important;
        line-height: 30px;
        position: relative;
        text-align: center;
        margin-top:35px;
    }
}
@media screen and (min-width: 959px) {
    .page-header .navbar-nav > li > a {
       
        padding: 0px 20px;
    }
   
}
@media screen and (min-width: 1199px) {
}

@media screen and (min-width: 1200px) {
}