.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, #0eb3fb 25%, #005add 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: #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;
	}
	.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;
	}
}