body { background-color:#fff; } @media (min-width: 768px) { .navbar { min-height:111px; } .navbar-brand { width: 264px; padding-left: 30px !important; padding-top: 15px !important; } .navbar-brand img { width:100% !important; height:initial; } .navbar_padding { height:120px; } .navbar_user { margin-top:30px; } #my_account_frm { margin-top:32px; } .navbar_user>li:last-child>a { height: 34px; padding: 7px 20px 10px; border: 1px solid #81c6bf; -webkit-box-shadow: 1.4px 1.5px 8px 0 rgba(0,0,0,0.1); -moz-box-shadow: 1.4px 1.5px 8px 0 rgba(0,0,0,0.1); box-shadow: 1.4px 1.5px 8px 0 rgba(0,0,0,0.1); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; line-height: 20px; font-weight: 300; color: #81c6bf; margin-top:2px; margin-left:30px; } .navbar_user>li:last-child>a:hover { background-color: #81c6bf; color: #ffffff; } .navbar_user .navbar-nav>.open>a, .navbar_user .navbar-nav>.open>a:hover, .navbar_user .navbar-nav>.open>a:focus { background-color: #81c6bf; color:#fff; } .navbar_user>li>.dropdown-menu { background-color: #81c6bf; outline: none } .navbar_user .dropdown-menu>li>a:hover, .navbar_user .dropdown-menu>li>a { color:#fff; background-color: #81c6bf; padding: 8px 20px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .navbar_user .dropdown-menu>li>a:hover, .navbar_user .dropdown-menu>li>a:focus { background-color: #1fbdff; } } @media (max-width: 768px) { .navbar-brand { width: 264px; padding-left: 10px !important; } } .navbar-default { background-color: #fff; border:none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-box-shadow: 0 10px 19px -4px rgba(0,0,0,0.2); -moz-box-shadow: 0 10px 19px -4px rgba(0,0,0,0.2); box-shadow: 0 10px 19px -4px rgba(0,0,0,0.2) } .navbar-default .navbar-nav>li>a { font-size:16px; } .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; outline: none; color:#81c6bf; background:none; } .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus { color:#81c6bf; background:none; }