@media (max-width:1200px) {
    .topbar {
    position:fixed;
	width: calc(100% - 60px);
	margin-left: auto;
    z-index: 1;
    }
    .page-wrapper .page-content {
    margin-top:60px
    }
	/* .page-wrapper .page-content-tab {
	width:calc(100% - 60px)
	} */
	.page-wrapper {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex
		}
	.topbar .nav-user .user-name {
	display:none
	}
	.left-sidebar {
	position:fixed;
	top:60px;
	overflow-y:auto;
	z-index:5;
	bottom:0
	}
	.navbar-custom {
	margin-left:60px
	}
	.navbar-custom .responsive-logo {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	padding-left:10px
	}
	.page-content-tab {
	min-height:100vh;
	width:100%
	}
	.enlarge-menu .topbar .topbar-left {
	margin-left:0;
	width:60px!important
	}
	
	.enlarge-menu-all .topbar .navbar-custom {
	margin-left:0
	}
	.enlarge-menu-all .page-content-tab {
	width:83%
	}
    }
@media (min-width:992px) {
    .topbar .app-search .form-control, .topbar .app-search .form-control:focus {
    width:230px
    }
	.leftbar-tab-menu .main-icon-menu {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex
		}
	.leftbar-tab-menu .main-icon-menu {
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
        }
	.leftbar-tab-menu {
		position:fixed;
		top:60px;
		overflow-y:auto;
		z-index:5;
		bottom:0;
		z-index: 10000000000;
		}
		
		.navbar-custom .responsive-logo {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		padding-left:10px
		}
		.page-content-tab {
		min-height:100vh;
		width:100%
		}
		.enlarge-menu .topbar .topbar-left {
		margin-left:0;
		width:60px!important
		}
		.enlarge-menu .page-content-tab {
		width:94%
		}
		.enlarge-menu-all .topbar .navbar-custom {
		margin-left:0
		}
		.enlarge-menu-all .page-content-tab {
		width:100%
		}
		
		.topbar .navigation-menu {
		float:none;
		max-height:400px;
		text-align:left;
		width:100%;
		margin-left:0!important
		}
		.topbar .navigation-menu>li {
		display:block
		}
		.topbar .navigation-menu>li>a {
		color:#1f2538;
		padding:15px;
		font-size:13px
		}
		.topbar .navigation-menu>li>a:after {
		position:absolute;
		right:15px
		}
		.topbar .navigation-menu>li>a:hover {
		color:#0b51b7
		}
		.topbar .navbar-header {
		float:left
		}
		#navigation {
		position:absolute;
		top:60px;
		left:0;
		right:0;
		display:none;
		height:auto;
		max-height:500px;
		padding:8px;
		overflow:auto;
		background-color:#fff;
		z-index:1000;
		-webkit-box-shadow:0 1px 3px 1.25px rgba(137, 151, 189, .3);
		box-shadow:0 1px 3px 1.25px rgba(137, 151, 189, .3)
		}
		#navigation.open {
		display:block;
		overflow-y:auto
		}
		.navbar-custom-menu {
		min-height:0
		}
		.topbar .navigation-menu {
		margin-left:0
		}
		.topbar .navigation-menu .dropdown-menu {
		margin:0
		}
		.topbar .navigation-menu .dropdown-menu .dropdown-submenu .dropdown-menu {
		-webkit-box-shadow:none;
		box-shadow:none;
		margin:0
		}
		.topbar .navigation-menu .nav-item .nav-link {
		padding:.5rem 0!important;
		border-bottom:1px solid #eceff5
		}
		.topbar .navigation-menu .nav-item .dropdown-menu {
		position:static!important;
		margin:0;
		-webkit-transform:none!important;
		transform:none!important
		}
		.topbar .navigation-menu .nav-item .dropdown-menu .dropdown-submenu .dropdown-menu {
		-webkit-box-shadow:none;
		box-shadow:none;
		margin:0
		}
		.topbar .navigation-menu>li>a {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-align:center;
		-ms-flex-align:center;
		align-items:center;
		color:#384a65;
		min-height:60px;
		font-weight:500
		}
		.topbar .navigation-menu>li>a span {
		vertical-align:middle;
		padding:4px;
		border-radius:4px
		}
		.topbar .navigation-menu>li>a span menu-icon {
		color:#8997bd;
		font-size:20px
		}
		.topbar .navigation-menu>li:hover a {
		color:#2f6bf9
		}
		.topbar .navigation-menu>li:hover a i {
		color:#2f6bf9
		}
		.topbar .navigation-menu>li.active {
		border-bottom:1px solid #0b51b7
		}
		.topbar .navbar-toggle {
		display:none
		}
		.topbar #navigation {
		display:block
		}
		.animate {
		-webkit-animation-duration:.3s;
		animation-duration:.3s;
		-webkit-animation-fill-mode:both;
		animation-fill-mode:both
		}
		.navbar-custom-menu .dropdown .dropdown-submenu:hover>.dropdown-menu {
		display:block
		}
		
    }   
	@media (min-width:768px) {
		.navbar-collapse {
		display:block!important
		}
		.navbar-vertical .navbar-nav .nav .nav-link {
		padding-left:1rem
		}
		.navbar-collapse {
		display:block
		}
		.navbar-vertical .navbar-nav .nav .nav-link {
		padding-left:1rem
		}
		.page-title-box .breadcrumb {
		display:none
		}
		.topbar .brand {
		margin-right:0
		}
		.topbar .brand .logo .logo-sm {
		height:32px
		}
		.topbar .brand .logo .logo-lg {
		display:none
		}
		.page-content {
		width:100%;
		margin-top:0;
		min-height:100vh;
		padding:0 0 60px 0
		}
		.hide-phone {
		display:none
		}
		.navbar-toggle {
		display:block
		}
		.navbar-collapse {
		display:block!important
		}
		.navbar-vertical .navbar-nav .nav .nav-link {
		padding-left:1rem!important
		}
		.enlarge-menu .page-content-tab {
			width:91%
			}
		
		}
	@media (max-width:600px) {
		.topbar {
			position:fixed;
			width: calc(100% - 60px);
			margin-left: auto;
			
			}
		.page-wrapper {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex
		}
		.logo-large {
		display:none
		}
		.logo-small {
		display:inline-block!important
		}
		.page-wrapper {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex
		}
		.hide-phone{display: none !important;}
		}


		@media (max-width:1024px){
			.leftbar-tab-menu{position:fixed;top:60px;overflow-y:auto;z-index:5;bottom:0}

}