@media screen and (min-width: 767px){
	.page-body .page-container.horizontal-menu header.navbar.navbar-fixed-top.f-nav{
		margin-top: 0 !important;
	}
	.page-body .page-container.horizontal-menu header.navbar .navbar-inner { 
		/* background: url(batikhead.png), linear-gradient(90deg, rgba(9,39,71,1) 0%, rgba(121,173,255,1) 100%);
		background-size: cover; */
		background: url(batikheader.png);
		background-size: cover;
		background-color: #0c558c;
		box-shadow: 0px 2px 10px 0px #0000003b;
	}
	.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; 
		margin-top: 1rem;
	}
	.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: 25px;
	}
	.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: 1px solid rgba(69, 74, 84, 0.5); */
		border-left: none;
		float: right;
	}
	.page-body .page-container.horizontal-menu header.navbar .navbar-nav > li > a {
		padding: 1rem;
		border-right: none;
		color: #ffffffcf;
		background-color: transparent;
		/* border-radius: 5px; */
		margin-top: 2rem;
		margin-left: 2rem;
		border-radius: 1rem;
	}
	.page-body .page-container.horizontal-menu header.navbar .navbar-nav > li:hover > a {
		/* background-color: rgba(69, 74, 84, 0.3);
		color: #fff; */
		color: #5af9b1;
		border: 1px solid #5af9b1;
	}
	.page-body .page-container.horizontal-menu header.navbar .navbar-nav > li.active > a {
		background-color: #fff;
		color: #0f4d7c;
		border-bottom: 1px solid #ffffff;
	}

	.page-container.horizontal-menu header.navbar ul.nav > li.dropdown > a i{
		color: #fff;
	}
	.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 #303641; */ /* #464C59 */
		background-color: #0a3449;
		color: #ffffff7c;
	}
	.page-body .page-container.horizontal-menu header.navbar .navbar-nav > li ul li:hover > a {
		/* background-color: #2b303a; */
		color: #fff;
	}
	.page-body .page-container.horizontal-menu header.navbar .navbar-nav > li ul li.active > a{
		/* background-color: #2b303a; */
		color: #5af9b1;
	}
	.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){
}