@media screen and (min-width: 768px) {

	.header_nav .navbar-nav .nav-item {
		margin-left: .25rem;
	}
	.header_nav .navbar-nav .nav-item .nav-link {
		padding-left: 0.5rem;
		padding-right: 0.5rem;		
	}

}/*ends min-width: 768px*/

@media screen and (min-width: 992px) {

	.header_nav .navbar-nav .nav-item {
		margin-left: .5rem;
	}
	.header_nav .navbar-nav .nav-item .nav-link {
		padding-left: 1.25rem;
		padding-right: 1.25rem;		
	}
	/*.custom_offcanvas.mobile-offcanvas {
		transform: translateX(0);
		visibility: visible;
	}
	.offcanvas_toggler ,
	.fancyCloseButton {
		display: none;
	}*/
	

}/*ends min-width: 992px*/





@media screen and (max-width: 1349px) {

	ul.db_stats li {
		width: calc(25% - 15px);
	}

}/*ends max-width 1349px*/




@media screen and (max-width: 1199px) {

	ul.db_stats li {
		width: calc(33% - 15px);
	}

}/*ends max-width 1199px*/




@media screen and (max-width: 991px) {

	.hidden-md {
		display: none;
	}
	.mobile-offcanvas {
		position: fixed;
	}
	.mainwrap {
		padding-left: 0;
	}
	ul.db_stats li {
		width: calc(50% - 15px);
	}

	

}/*ends max-width 991px*/



@media screen and (max-width: 767px) {

	.header_nav .navbar-nav .nav-item {
		margin-bottom: 4px;
	}
	.header_nav .navbar-nav .nav-link {
		padding-left: 1rem;
		padding-right: 1rem;
		text-align: center;
	}

	

}/*ends max-width 767px*/




@media screen and (max-width: 575px) {

	.panel-padd {
		padding: 30px;
	}
	h5, .h5 {
		font-size: 1rem;
	}
	.header_nav.navbar {
		padding: 1rem 0;
	}
	.login_wrap {
		padding: 30px;
	}
	.mainwrap .content_wrap {
		padding: 20px;
	}
	ul.db_stats li {
		width: 100%;
		margin-right: 0;
	}
	


}/*ends max-width 575px*/



@media screen and (max-width: 480px) {

	.mobile-nav-inner {
		-webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
	.mobile-nav-inner .userinfo_panel {
		margin-top: 1rem;
	}
	body {
		padding-top: 100px;
	}
	.content_area ,
	.panel-padd {
		padding: 20px;
	}

}/*ends max-width 480px*/




@media screen and (max-height: 575px ) {
	.loginbg {
		display: block;
		height: auto;
	}
}