.dropdown-menu > li.kopie > a {
    padding-left:5px;
}
 
.dropdown-submenu {
    position:relative; 
}
.dropdown-submenu>.dropdown-menu {
   top:0;left:100%;
   margin-top:-6px;margin-left:-1px;
   -webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;
 }
  
.dropdown-submenu > a:after {
  border-color: transparent transparent transparent #333;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  content: " ";
  display: block;
  float: right;  
  height: 0;     
  margin-right: -10px;
  margin-top: 5px;
  width: 0;
}
 
.dropdown-submenu:hover>a:after {
    border-left-color:#555;
 }

.dropdown-menu > li > a:hover, .dropdown-menu > .active > a:hover {
  text-decoration: underline;
}

.navbar-toggle {
    margin-top:25px;
    margin-right:25px;
}
.header_options_left {
 float:left;
 left:0px;
 top:0px;
 display:block;
 width:100%;
}
.header_options_right {
   position:relative;
   width:100%;
   float:right;
   margin:0px !important;
}
.mainMenu {
    left:120px;
    border: 1px solid green;
    top:0px;
    position:absolute;
}
.loginMenu {
    overflow: hidden;
    width:auto;
    float:left !important;
    left:0px !important; 
    position:relative !important; 
    top:11px !important;
    z-index:9999;
    width:100%;
}

.logo_hkobc_mobile {
    display :block !important;
}


.shoppingCartButton {
    float:right !important; position:absolute !important; right:136px !important;top: 10px !important;
}

#languagePullDown {
    float:right;
    position:absolute;
    right:-40px;
    /*margin-top:12px;*/
    margin-left: 10px; 
    margin-right:0px; 
    z-index:999;
}
.login_container {
    width:96px;
    height:31px; 
    padding:0px;
    min-width:130px;
    right:50px;
    right: 40px !important;
    margin-top:-40px;
     float:right;
    position:absolute !important;
     z-index:999;
}
    .login_container a {
        color:#f45555!important;
    }
.logout_container {
    position:absolute !important;
    float:right !important;
    right:0px;
    margin-top:-40px !important;
     z-index:999;
}
.logout_container a{
   background-color:transparent !important;
   border:none !important;
}
.userInfo_container{
     position:absolute !important;
    float:right !important;
    margin-top:-40px !important;
     z-index:999;
}
.userInfo_container a{
   min-width:180px;
   margin-right:0px;
}
.recept_container {
    position:absolute !important;
    float:right !important;
    margin-top:-40px !important;
    z-index:999;
}
 #languagePullDown a {
        padding-top:5px;
    }
    #divLoginbox {
        float:right;
        position:absolute;
        right:25px;
        top:1px;
        display:block;
        z-index:9999999;
        height:1px;
    }
    #languagePullDown2 {
        float:right;
        position:relative;
        right:0px;
    }
    #languagePullDown2 .dropdown-menu{
        min-width:85px !important;
    }
   .header_main .dropdown-menu li a{
        background-color:#fff;
        color:#f45555;
    }
   .header_main .dropdown-menu li a:hover{
        background-color:#5897fb;
        color:white;
    }
    #languagePullDown2 .dropdown-toggle {
        padding: 5px 5px 10px 10px !important;
        background-color:#fff !important;
        color:#323d42;
    }
    #login_container2 {
        position:relative;
        float:right;
        right:0px;
        
    }
    .login_container2 {
        padding:0px;
        min-width:120px;
        color:#f45555!important;
        padding: 5px 5px 10px 10px !important;
        background-color:#fff !important;
    }

.hkLangFlag {
    width:28px;height:21px;top:5px; position:relative;margin-right:10px;
}
.cnLangFlag {
    width:28px;height:21px;top:5px; position:relative;margin-right:10px;
}
.enLangFlag {
    width:28px;height:21px;top:5px; position:relative;margin-right:10px;
}
.header_main {
     min-height: 92px;
}
body {
   /* background-color:#f4f0f0 !important;*/
}
.left_menu {
   width:160px;
}

.right_menu {
    position:relative;
    float:left;
    left:0px;
    top:0px;
    padding-left:40px;
}
.options_header {
    float:left;
}
.loginMenu .dropdown-menu{
    position:absolute;
    left:5px;
    top:40px;
}
.logo_adapt {
    width:100%;
}

.center {
  display: table;
  margin: auto;
}
header.header-navbar nav.main-nav {
border-bottom:none;
}
header.header-navbar nav.main-nav ul li {
 /*top:24px;*/
 padding : 0px 5px ;
 background-color:transparent;
}
#loginMenu ul li {
    background-color:transparent;
}
#loginMenu ul li a{

}
header.header-navbar nav.main-nav ul li a {
    padding :5px 10px 5px 10px !important;
    background-color:transparent;
    border:none;
    text-decoration:none;
}
header.header-navbar nav.main-nav ul li:hover > a, header.header-navbar nav.main-nav ul li.current > a {
    text-decoration:none;
}
header.header-navbar nav.main-nav ul li a strong{

    
}
/*header.header-navbar nav.main-nav ul li:hover{
    border:1px solid transparent !important;
}*/

.ServiceTitleName {
    position:relative; margin-left:32px; top:-13px; line-height:20px;
}
#tbServiceList_wrapper .row {
    padding-left:5px;
    padding-right:5px;
}
@media (min-width: 200px) and (max-width: 1100px) {
    .navbar-toggle{
        display:block !important;
    }
    .header_main {
        padding:0px;
        margin:0px;
        left:0px;
        min-height:75px;
    }
    .header_main .container {
        margin:0px;
        padding:0px;
          
    }
    .left_menu {
        width:100% !important;
        max-width:1100px;
        position:relative;
        display: block;
        left:0px;
        width:100%;
    }
    .right_menu {
        width:100% !important;
        position:relative;
        display:none;
        /*top:35px;*/
        left:0px;
        padding-left:10px;
    }
    .loginMenu {
        overflow: hidden !important;
        width:100% !important;
        float:right !important;
        left:0px !important; 
        position:relative!important; 
        z-index:9999 !important;
        top:0px!important;
        padding-top:15px !important;
        padding-bottom:24px !important;
    }
    .navbar-collapse {
        max-height:none !important;
    }
    .loginMenu > ul > li {
        width:100% !important;
        min-height:50px;
    }
    .mainMenu > li {
         width:100% !important;
    }

    .shoppingCartButton {
    float:right !important; position:absolute !important; right:206px !important;top: 10px !important;
    }

    #languagePullDown {
        margin-right:0px;
        display:block;
        position:relative;
        right:inherit;
    }
    .login_container {
        width:100% !important;
        height:auto !important;
        padding-top:5px !important;
         margin-top:0px;
        position:relative !important;
        right:0px!important;
    }
    .login_container a {
        width:100%;
    }
    header.header-navbar nav.main-nav ul li {
        padding:5px 5px !important;
        text-align:left!important;
    }
    header  .caret {
        float:right !important;
        right:10px !important;
        border-width:6px !important;
        margin-top:5px;
    }
    header #languagePullDown .caret {
        float:right !important;
        right:10px !important;
        border-width:6px !important;
        margin-top:10px;
        border-bottom:0px;
    }
    ul {
      margin: 0;
      padding: 0;
      list-style: none;
    }

    .nav li {
      border-bottom: 1px solid #eee;
    }
    header .container {
      width:100%;
    }
    header .navbar-nav li a:hover {
        background-color:#2d6fe2 !important;
        color:white !important;
        text-decoration:underline;
    }
    header .navbar-nav li a:hover .profile_link{
        color:white !important;
        text-decoration:underline;
    }
    .header_main {
        top:0px;
    }
    .dropdown-menu {
        width:100%;
        position:relative;
    }
    .kopie{
        width:96%;
        padding-top:5px;
        padding-bottom:5px;
    }
    .login-box {
        width:100%;
    }
    header.header-navbar nav.main-nav ul li a {
        padding-right:15px;
    }
    header.header-navbar nav.main-nav ul {
    }
    #languagePullDown2 {
        display:block;
    }
    #login_container {
        display:block;
    }
    #divLoginbox {
        display:none;
    }
    .options_header {
        width:100%;
    }
    .loginMenu .dropdown-menu{
        position:relative;
        left:0px;
        top:0px;
    }
    .logout_container {
        position:relative !important;
        float:none !important;
        right:inherit !important;
        margin-top: inherit !important;
        right:0px !important;
    }
    .logout_container a {
        left:0px;
    }
    .userInfo_container {
        position:relative !important;
        float:inherit !important;
        right:inherit !important;
        margin-top: inherit !important;
        color:#323d42;
    }
        .userInfo_container a {
        left:0px;
        }
    .recept_container {
        position:relative !important;
        float:inherit !important;
        right:inherit !important;
        margin-top: inherit !important;
        padding-top:5px!important;
    }
    header .profile_link {
        top:0px;
        background-color:transparent;
    }
    #btnIconChart {
        width:100%;
    }
    .profile_link {
        border:none;
    }
    .current {
    }
    .btnIconUser {
        cursor:default !important;
    }
    .btnIconUser .EN_font2{
        cursor:default !important;
        text-transform: lowercase !important;
    }
    .btnIconUser .btn_circle_icon{
        cursor:default !important;
    }
    header.header-navbar nav.main-nav ul li:not(.dropdown):not(.login_container):hover{
    background-color:inherit;
    color:inherit;
    border:inherit;
    }
    header.header-navbar nav.main-nav{
       padding-left:15px !important;
        padding-right:15px!important;
    }
    #leftbg {
        padding: 0px; height: 36px; margin-top: 1px;
    }
}