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



	.page-nav{overflow-x: auto;}

	.page-nav-list{white-space: nowrap;}



	.user-icon{margin-right: 5;}

	.filter-data-list{display: none!important;}









}



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



	.asside-panel.toggle-left {

    width: 0px;

}

.topBar

{

	position: fixed;

}

.main-container.toggle-left {

    padding-left: 0px;

}

.asside-panel {

    width: 200px;

}

.wrap {

    padding-top: 60px;

}

.main-container {

    padding-left: 200px;

}



	.main-container{padding-left: 0px; padding-right: 0px;}

	.login-block{width: 100%;}

	



	.nav-brand>li{margin-right: 8px;}

	



	



	





	.option-panel{padding-left: 0;}

	.option-panel .option-item{

		width: 100%;

	}

	

}



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

	

}



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



}



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



}