@media only screen and (min-width:992px){ 
	/*--nav bar css--*/

	.menu-collapse .sidebar .sildebarlogo img{
		width: 60px;
		transition: all .1s ease-in;
	}
	.menu-collapse .sidebar{
		width:86px;
		padding: 23px 10px;
		transition: all .1s ease-in;
	}
	.menu-collapse .menubar li > a span{
		white-space: nowrap;
		visibility: hidden;
		transition: all .1s ease-in;
		display: none;
	}
	.innerbody.menu-collapse{
		padding-left: 68px;
	}
	/* .sidebar{
		width:66px;
		padding: 23px 10px;
		transition: all .1s ease-in;
	}
	.menubar li > a span{
		white-space: nowrap;
		visibility: hidden;
		transition: all .1s ease-in;
		display: none;
	}
	.innerbody{
		padding-left: 68px;
	}
	.innerbody.extand-menu{
		padding-left: 260px;
	}
	.innerbody.extand-menu .menubar li > a span{
		visibility: visible;
		display: block;
	}
	.innerbody.extand-menu .sidebar{
		width: 260px;
	}
	.innerbody.extand-menu .sildebarlogo img{
		width:auto;
	} */
	/*--nav bar css--*/
	}

@media only screen and (max-width:991px){
	.closemenu-btn{
		display: block;
		text-align: right;
		cursor: pointer;
	}
	.innerbody{
		padding-left: 0;
	}
	.sidebar{
		left: -100%;
	}
	.innerbody.menu-collapse .sidebar{
		left: 0;
		box-shadow: 4px 0px 10px rgba(0,0,0,.2);
	}
	
}

@media only screen and (max-width: 1024px){
	.chat-userlist-col {
		flex: 0 0 320px;
		width: 320px;
	  }
	  .chating-msg-sender{
		width: 90%;
	  }

}
@media only screen and (max-width: 768px) {
	.header {
		padding: 10px 15px 10px 15px;
	}
	.innerbody .container-fluid {
		padding: 10px 15px;
	}
	.whiteBgBox {
		padding:20px
	}
}
	@media only screen and (max-width: 767px) {
		.header {
			flex-wrap: wrap;
		}

		.tp-search {
			max-width: 100%;
			flex: 0 0 calc(100% - 45px);
			margin-bottom: 10px;
		}

		.table-result nav {
			width: 100%;
			margin-top: 10px;
		}

		.table-result {
			flex-wrap: wrap;
		}

		.form-step-process .step-name {
			display: none;
		}

		.violation-item {
			justify-content: left;
			padding: 10px 0;
		}

		.login-left {
			display: none;
		}

		.loginLeftImg {
			display: none;
		}
	}

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

	@media only screen and (max-width: 576px) {
		.rounded-pill {
			border-radius: 24px !important;
			padding: 6px 10px !important;
			font-size: 11px;
			font-weight: 400;
			margin-top: 5px;
		}
	}