#mainNav .navbar-collapse .navbar-sidenav > .nav-item > .nav-link {
	padding: 1.2em 1em;
}
/*-- Small devices (landscape phones, 576px and up) --*/
@media (min-width: 576px) { 
	.card-columns {
		column-count: 1;
	}
}

/*-- Medium devices (tablets, 768px and up) --*/
@media (min-width: 768px) {
	.card-columns {
		column-count: 2; 
	}
}

/*-- Large devices (desktops, 992px and up) --*/
@media (min-width: 992px) { 
	.hidden-md{
		display:none;
	}
	#mainNav .navbar-collapse {
		overflow: visible;
		max-height: none;
	}

	#mainNav .navbar-collapse .navbar-sidenav {
		position: absolute;
		top: 0;
		left: 0;
		overflow-x: hidden;
		overflow-y: hidden;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-top:70px;
	}

	#mainNav .navbar-collapse .navbar-sidenav > .nav-item {
		width: 250px;
		padding: 0;
	}
			
	#mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level,
	#mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level {
		padding-left: 0;
		list-style: none;
	}

	#mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li,
	#mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li {
		width: 250px;
	}

	#mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a,
	#mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a {
		padding:0.6em 1em;
	}
		
	#mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a {
		padding-left: 2.75em;
	}

	#mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a {
		padding-left: 3.75em;
	}
	#mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link {
		min-width: 0;
	}
	#mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link:after {
		width: 24px;
		text-align: center;
	}
	#mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown .dropdown-menu > .dropdown-item > .dropdown-message {
		max-width: 300px;
	}
	
	#mainNav.fixed-top .navbar-sidenav {
		height: calc(100vh - 70px);
	}
	
	#mainNav.fixed-top .sidenav-toggler {
		position: absolute;
		top: 0;
		left: 0;
		display: flex;
		overflow-x: hidden;
		overflow-y: auto;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-top: calc(100vh - 48px);
	}
	
	#mainNav.fixed-top .sidenav-toggler > .nav-item {
		width: 250px;
		padding: 0;
	}
	
	#mainNav.fixed-top .sidenav-toggler > .nav-item > .nav-link {
		padding: 1em;
	}
	#mainNav.static-top .sidenav-toggler {
		display: flex;
	}
	
	.content-wrapper {
		margin-left: 250px;
	}
	
	body.sidenav-toggled .content-wrapper {
		margin-left: 55px;
	}
	
	#mainNav.navbar-dark .navbar-collapse .navbar-sidenav {
		background: #343a40;
	}

	#mainNav.navbar-dark .navbar-collapse .navbar-sidenav li.active a {
		color: #ffffff !important;
		background-color: #495057;
	}

	#mainNav.navbar-dark .navbar-collapse .navbar-sidenav li.active a:focus, #mainNav.navbar-dark .navbar-collapse .navbar-sidenav li.active a:hover {
		color: #ffffff;
	}
	
	#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level,
	#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level {
		background: #343a40;
	}
	
	#mainNav.navbar-light .navbar-collapse .navbar-sidenav li.active a.nav-link i{
		color:#ffffff;
	}
	
	#mainNav.navbar-light .navbar-collapse .navbar-sidenav li a.nav-link:hover i, #mainNav.navbar-light .navbar-collapse .navbar-sidenav li a.nav-link:focus i{
		color:#ffffff;
	}
    #mainNav.navbar-light .navbar-collapse .navbar-sidenav li.active a:focus, #mainNav.navbar-light .navbar-collapse .navbar-sidenav li.active a:hover {
        color:#677897;
	}
	
    #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level,
    #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level {
      background:rgba(0,0,0,0.02);
	}
	footer.sticky-footer {
      width: calc(100% - 250px);
	}
	
	body.sidenav-toggled footer.sticky-footer {
		width: calc(100% - 55px);
	}
	
	.error-page h1 {
		font-size: 240px;
	}
	
}

/*-- Extra large devices (large desktops, 1200px and up) --*/
@media (min-width: 1200px) {
	.hidden-lg{
		display:none;
	}
	.card-columns {
		column-count: 2;
	}
}



/*-- Large devices (desktops, less than 1200px) --*/
@media (max-width: 1199px) { 

}


/*-- Medium devices (tablets, less than 992px) --*/
@media (max-width: 991px) { 
	

	#mainNav.navbar-light .navbar-collapse .navbar-sidenav li a.nav-link:hover i, #mainNav.navbar-light .navbar-collapse .navbar-sidenav li a.nav-link:focus i {
		color:#677897;
	}
	#mainNav.navbar-light .navbar-collapse .navbar-sidenav li a.nav-link:hover:after, #mainNav.navbar-light .navbar-collapse .navbar-sidenav li a.nav-link:focus:after {
		color:#677897;
	}
	header.header-logo {
		max-width: 150px;
	}
	.navbar {
		padding: 0rem 0rem 0rem 0;
	}
	.hidden-xs{
		display:none;
	}

	#mainNav .navbar-collapse {
		background: #ffffff;
	}
	.nav-link {
		padding: .6rem 0rem .6rem 0rem;
	}
	
	.navbar-light .navbar-toggler {
		color: #677897;
		border: none;
	}
	.ml-auto, .mx-auto {
		margin-left: 15px !important;
	}
	button.w3-button.w3-teal.w3-xlarge.w3-right {
		position: absolute;
		right: 15px;
	}
	.navbar-light .navbar-toggler {
		position: relative;
		right: 60px;
	}
	.red-skin #mainNav .navbar-collapse,
	.blue-skin #mainNav .navbar-collapse,
	.gree-skin #mainNav .navbar-collapse,
	.yellow-skin #mainNav .navbar-collapse,
	.purple-skin #mainNav .navbar-collapse,
	.cyan-skin #mainNav .navbar-collapse{
		background: #1d2e38;
	}
	.red-skin #mainNav .navbar-collapse .navbar-nav .nav-item .nav-link.a-topbar__nav,
	.green-skin #mainNav .navbar-collapse .navbar-nav .nav-item .nav-link.a-topbar__nav,
	.blue-skin #mainNav .navbar-collapse .navbar-nav .nav-item .nav-link.a-topbar__nav,
	.purple-skin #mainNav .navbar-collapse .navbar-nav .nav-item .nav-link.a-topbar__nav,
	.yellow-skin #mainNav .navbar-collapse .navbar-nav .nav-item .nav-link.a-topbar__nav,
	.cyan-skin #mainNav .navbar-collapse .navbar-nav .nav-item .nav-link.a-topbar__nav	{
		color:#6c8da3 !important;
	}
	.red-skin-light #mainNav .navbar-collapse .navbar-nav .nav-item .nav-link.a-topbar__nav,
	.green-skin-light #mainNav .navbar-collapse .navbar-nav .nav-item .nav-link.a-topbar__nav,
	.blue-skin-light #mainNav .navbar-collapse .navbar-nav .nav-item .nav-link.a-topbar__nav,
	.yellow-skin-light #mainNav .navbar-collapse .navbar-nav .nav-item .nav-link.a-topbar__nav,
	.cyan-skin-light #mainNav .navbar-collapse .navbar-nav .nav-item .nav-link.a-topbar__nav,
	.purple-skin-light #mainNav .navbar-collapse .navbar-nav .nav-item .nav-link.a-topbar__nav	{
		color:#677897 !important;
	}

}

/*-- Small devices (landscape phones, less than 768px) --*/
@media (max-width: 767px) { 
	.btn.btn-default {
		font-size: 12px;
	}
}

/*-- Extra small devices (portrait phones, less than 576px) --*/
@media (max-width: 575px) { 
	.btn.btn-default {
		font-size: 11px;
	}
}

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}