.logo-top {
    height: 50px;
}
.page-container.horizontal-menu {
	padding-top: 85px;
}
.page-container .main-content {
	background-color: #f5f5f5;
}
.div_breadcrumb {
    background-color: #fff;
}
@media screen and (max-width: 1440px) {
	.page-body .page-container.horizontal-menu header.navbar .navbar-brand {
		padding: 23.5px 15px;
	}
	.logo-top {
		height: 40px;
	}
}
@media screen and (min-width: 767px){
	.page-body .page-container.horizontal-menu header.navbar.navbar-fixed-top {
		background-color: #1d60cc;
		background: url(gedunghead.png),url(batikhead.png),linear-gradient(90deg,#1d60cc,#1d60cc) ;
		background-size: 15%, contain, cover;
		background-position: bottom right, center center, center center;
		background-repeat: no-repeat, repeat, no-repeat;
		height: 85px;
	}
	.page-body .page-container.horizontal-menu header.navbar.navbar-fixed-top.f-nav{
		margin-top: 0 !important;
		background-color: #1d60cc;
		height: 85px;
	}
	.page-body .page-container.horizontal-menu header.navbar .navbar-inner { 
		padding: 0px 10px !important; 
	}
	.page-body .page-container.horizontal-menu header.navbar .navbar-nav { 
		/* // float: right;  */
	}
	.page-body .page-container.horizontal-menu header.navbar ul.nav > li.dropdown > span {
		/* // color: #fff; */
	}
	.page-body .page-container.horizontal-menu header.navbar ul.nav > li.sep {
		/* // border-left: 1px solid #fff; */
	}
	.page-body .page-container.horizontal-menu header.navbar ul.nav > li.dropdown > a{
		color: #fff;
		margin-top: 3rem;
	}
	.page-container.horizontal-menu header.navbar ul.nav > li.dropdown > a:hover, 
	.page-container.horizontal-menu header.navbar ul.nav > li.dropdown > a:focus{
		/* // color: #eee; */
	}
	.page-body .page-container.horizontal-menu header.navbar .navbar-nav > li.root-level > ul{
		margin-top: 5px;
	}
	
	/* menu style */
	.page-body .page-container.horizontal-menu header.navbar .navbar-nav { /* line leftest */
		border-left: none;
	}
	.page-body .page-container.horizontal-menu header.navbar .navbar-nav > li > a {
		padding: 5px 10px;
		margin-top: 3rem;
		margin-right: 0.5rem;
		border-right: none;
		color: #fff;
		border-radius: 0.5rem;
	}
	.page-body .page-container.horizontal-menu header.navbar .navbar-nav > li:hover > a {
		background-color: #a3ff2c;
		color: #2b303a;
	}
	.page-body .page-container.horizontal-menu header.navbar .navbar-nav > li.active > a {
		background-color: #fff;
		color: #0d2784;
	}
	.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 #aaabae; /* #464C59 */
		color: #fff;
		background-color: #0d2784;
	}
	.page-body .page-container.horizontal-menu header.navbar .navbar-nav > li ul li:hover > a {
		background-color: #a3ff2c;
		color: #2b303a;
	}
	.page-body .page-container.horizontal-menu header.navbar .navbar-nav > li ul li.active > a{
		background-color: #0650ba;
		color: #fff;
	}
	.page-body .page-container.horizontal-menu header.navbar .navbar-nav > li ul li ul{
		
	}
	/* end menu style */
	
	.boxed-layout .page-container{
		margin-top: 15px;
	}
	.boxed-layout .page-container.horizontal-menu > header.navbar.navbar-fixed-top{
		margin-top: 15px;
	}
}
@media screen and (max-width: 767px){
	.logo-top {
		height: 30px;
	}
	.page-container .main-content {
		padding: 0px !important;
	}
	.page-body .page-container.horizontal-menu header.navbar.navbar-fixed-top {
		background-color: #1d60cc;
		background: url(gedunghead.png),url(batikhead.png),linear-gradient(90deg,#1d60cc,#1d60cc) ;
		background-size: 15%, contain, cover;
		background-position: bottom right, center center, center center;
		background-repeat: no-repeat, repeat, no-repeat;
		height: 85px;
	}
	.page-body .page-container.horizontal-menu header.navbar.navbar-fixed-top.f-nav{
		margin-top: 0 !important;
		background-color: #1d60cc;
		height: 85px;
	}
	.page-body .page-container.horizontal-menu header.navbar .navbar-inner { 
		 
	}
	.page-body .page-container.horizontal-menu header.navbar .navbar-nav { 
		/* // float: right;  */
		background-color: #06295f;
	}
	.page-body .page-container.horizontal-menu header.navbar ul.nav > li.dropdown > span {
		/* // color: #fff; */
	}
	.page-body .page-container.horizontal-menu header.navbar ul.nav > li.sep {
		/* // border-left: 1px solid #fff; */
	}
	.page-body .page-container.horizontal-menu header.navbar ul.nav > li.dropdown > a{
		color: #fff;
	}
	.page-container.horizontal-menu header.navbar ul.nav > li.dropdown > a:hover, 
	.page-container.horizontal-menu header.navbar ul.nav > li.dropdown > a:focus{
		/* // color: #eee; */
	}
	.page-body .page-container.horizontal-menu header.navbar .navbar-nav > li.root-level > ul{
		margin-top: 5px;
	}
	
	/* menu style */
	.page-body .page-container.horizontal-menu header.navbar .navbar-nav { /* line leftest */
		border-left: none;
	}
	.page-body .page-container.horizontal-menu header.navbar .navbar-nav > li > a {
		padding: 5px 10px;
		border-right: none;
		color: #fff;
	}
	.page-body .page-container.horizontal-menu header.navbar .navbar-nav > li:hover > a {
		background-color: #a3ff2c;
		color: #2b303a;
	}
	.page-body .page-container.horizontal-menu header.navbar .navbar-nav > li.active > a {
		background-color: #fff;
		color: #0650ba;
	}
	.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 #aaabae; /* #464C59 */
		color: #fff;
		background-color: #0d2784;
	}
	.page-body .page-container.horizontal-menu header.navbar .navbar-nav > li ul li:hover > a {
		background-color: #a3ff2c;
		color: #2b303a;
	}
	.page-body .page-container.horizontal-menu header.navbar .navbar-nav > li ul li.active > a{
		background-color: #0650ba;
		color: #fff;
	}
}