@media (min-width: 320px) and (max-width: 480px) {
	.scroll-x{overflow-x: scroll;}

	/*login form*/
	.login form{width: 100%;}
	
	/*main contianer*/
	.main{width: 100%; margin-left: 0;}

	/*top bar*/
	.top-bar .navbar-brand{display: none;}
	
	/*side bar*/
	.side-nav {width:0;}
	.wd-50{width: 225px!important;}
}

@media (min-width: 481px) and (max-width: 767px) {
	.scroll-x{overflow-x: scroll;}

	/*top bar*/
	.top-bar .navbar-brand{width: 180px;}
	
	/*side bar*/
	.side-nav{width: 180px; top:42px;}
	.side-nav>li>a{width: 180px;}
	.side-nav>li>a>i{padding-right: 1em;}
	
	/*main container*/
	.main {width: calc(100% - 180px); margin-left: 180px;}
	
}

@media (min-width: 768px) and (max-width: 991px) {
	.scroll-x{overflow-x: scroll;}

	/*revenue status*/
	.revenue-stats .target li{padding: 0;}
}


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




}