.logo-topdoub {
  margin: 11px 24px;
  height: 65px;
}
.page-body .page-container.horizontal-menu header.navbar.header2 {
  min-height: 85px;
  background:
    url(batikhead.png) top right no-repeat repeat,
    linear-gradient(90deg, #0048be 25%, #2d1291 75%);
  background-size: contain;
}

@media screen and (min-width: 767px) {
  .page-body .page-container.horizontal-menu > header.navbar.navbar-fixed-top {
    margin-top: 85px;
    background: linear-gradient(90deg, #003c93 25%, #1b087a 75%);
  }
  .page-body
    .page-container.horizontal-menu
    header.navbar.navbar-fixed-top.f-nav {
    background-color: #303641;
  }
  .boxed-layout .page-container {
    margin-top: 15px;
  }
  .boxed-layout
    .page-container.horizontal-menu
    > header.navbar.navbar-fixed-top {
    margin-top: 100px;
  }
  /* profile */
  .page-body
    .page-container.horizontal-menu
    header.navbar
    ul.nav
    > li.dropdown
    > span {
    padding: 5px;
    margin: 5px;
    color: #fff;
  }
  .page-body .page-container.horizontal-menu header.navbar ul.nav > li.sep {
    border-left: 1px solid #fff;
    margin: 10px 5px;
  }
  .page-body
    .page-container.horizontal-menu
    header.navbar
    ul.nav
    > li.dropdown
    > a {
    padding: 5px;
    margin: 0px 0px 0px 5px;
    color: #fff;
  }
  /* end profile */

  /* menu style */
  .page-body .page-container.horizontal-menu header.navbar .navbar-nav {
    /* line leftest */
    border-left: 1px solid rgba(69, 74, 84, 0.5);
  }
  .page-body
    .page-container.horizontal-menu
    header.navbar
    .navbar-nav
    > li
    > a {
    padding: 10px 20px;
    border-right: 1px solid rgba(255, 255, 255, 0.3);
    color: #ebebeb;
  }
  .page-body
    .page-container.horizontal-menu
    header.navbar
    .navbar-nav
    > li:hover
    > a {
    background-color: #0a65c1;
    color: #fff;
  }
  .page-body
    .page-container.horizontal-menu
    header.navbar
    .navbar-nav
    > li.active
    > a {
    background-color: #2a7cdd;
    color: #fbf994;
  }
  .page-body .page-container.horizontal-menu header.navbar .navbar-nav > li ul {
  }
  .page-body
    .page-container.horizontal-menu
    header.navbar
    .navbar-nav
    > li
    ul
    li
    > a {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    color: #fff;
    background-color: #003c93;
  }
  .page-body
    .page-container.horizontal-menu
    header.navbar
    .navbar-nav
    > li
    ul
    li:hover
    > a {
    background-color: #0a65c1;
    color: #fff;
  }
  .page-body
    .page-container.horizontal-menu
    header.navbar
    .navbar-nav
    > li
    ul
    li.active
    > a {
    background-color: #2a7cdd;
    color: #fbf994;
  }
  .page-body
    .page-container.horizontal-menu
    header.navbar
    .navbar-nav
    > li
    ul
    li
    ul {
  }
  /* end menu style */

  .page-body .page-container.horizontal-menu .main-content {
    padding-top: 140px;
  }
  .page-body
    .page-container.horizontal-menu
    header.navbar
    .navbar-nav
    > li.root-level
    > ul {
    margin-top: 1px;
  }
}
@media screen and (max-width: 767px) {
  .page-body .page-container.horizontal-menu > header.navbar.navbar-fixed-top {
    background: linear-gradient(90deg, #003c93 25%, #1b087a 75%);
  }

  .page-body
    .page-container.horizontal-menu
    header.navbar
    .navbar-nav
    > li:hover
    > a {
    background-color: #0eb3fb;
    color: #fff;
  }
  .page-body
    .page-container.horizontal-menu
    header.navbar
    .navbar-nav
    > li.active
    > a {
    background-color: #45caff;
    color: #f5ff6e;
  }
  .page-body .page-container.horizontal-menu header.navbar .navbar-nav > li ul {
  }
  .page-body
    .page-container.horizontal-menu
    header.navbar
    .navbar-nav
    > li
    ul
    li
    > a {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    color: #fff;
    background-color: #0790ed;
  }
  .page-body
    .page-container.horizontal-menu
    header.navbar
    .navbar-nav
    > li
    ul
    li:hover
    > a {
    background-color: #0eb3fb;
    color: #fff;
  }
  .page-body
    .page-container.horizontal-menu
    header.navbar
    .navbar-nav
    > li
    ul
    li.active
    > a {
    background-color: #45caff;
    color: #f5ff6e;
  }
}