.logo-topdoub {
	margin: 18px 24px;
	width: 32rem;
}

.page-body .page-container.horizontal-menu header.navbar.header2 {
	background: linear-gradient(90deg,rgba(32, 74, 62, 1) 0%, rgba(32, 94, 122, 1) 50%, rgba(144, 210, 109, 1) 100%);
}

@media screen and (min-width: 767px) {
	.page-body .page-container.horizontal-menu header.navbar.header2>.navbar-inner {
		background: url(bupati.png);
		background-repeat: no-repeat;
		background-position: right;
		background-size: contain;
		margin-right: 30px;
	}

	.page-body .page-container.horizontal-menu>header.navbar.navbar-fixed-top {
		margin-top: 85px;
		background-color: #031f50;
	}

	.page-body .page-container.horizontal-menu header.navbar.navbar-fixed-top.f-nav {
		background-color: #031f50;
	}

	.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;
	}

	.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: #0b8898;
		color: #fff;
	}

	.page-body .page-container.horizontal-menu header.navbar .navbar-nav>li.active>a {
		background-color: #1967be;
		color: #fff;
	}

	.page-body .page-container.horizontal-menu header.navbar .navbar-nav>li ul {
		background-color: #064777;
	}

	.page-body .page-container.horizontal-menu header.navbar .navbar-nav>li ul li>a {
		border-bottom: 1px solid #fff;
		color: #fff;
	}

	.page-body .page-container.horizontal-menu header.navbar .navbar-nav>li ul li:hover>a {
		background-color: #0b8898;
		color: #fff;
	}

	.page-body .page-container.horizontal-menu header.navbar .navbar-nav>li ul li.active>a {
		background-color: #1967be;
		color: #fff;
	}

	.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-color: #031f50;
	}

	.page-body .page-container.horizontal-menu header.navbar .navbar-nav {
		background-color: #064777;
	}

	.page-body .page-container.horizontal-menu header.navbar .navbar-nav>li.active>a {
		background-color: #0b8898;
		color: #fff;
	}

	.page-body .page-container.horizontal-menu header.navbar .navbar-nav>li:hover>a {
		background-color: #1967be;
		color: #fff;
	}


}