@media (max-width: 767px){
	.hidden-xs{
		display: none;
	}
	.content-i{
		min-height: inherit;
	}
	.auth-box-w form{
		padding: 20px 30px 60px 60px;
	}
	.profile-img{
		width: 80px;
	    left: calc(50% - 40px);
	    top: 15%;
	}
	.change-password-panel{
		margin-top: 20px;
	}
	#select_seat_floor_view{
		overflow: auto;
		padding: 0 20px;
	}
	.menu-mobile .menu-and-user{
		padding-bottom: 0px;
	}
	.menu-mobile ul.main-menu{
		padding: 0 1rem;
	}
	.controls-above-table .form-control{
		width: 100%;
	}
	#floor_layout_modal{
		overflow: auto;
		outline: 1px solid #aaa;
	}
	.floor-header-panel{
		justify-content: space-between;		
	}
	.search-form{
		display: block;
	}
	.search-form .form-inline{
		display: flex;
	}
	.search-form input{
		width: 80% !important;
	}
	.search-form input.with-reset-btn {
		width: calc(100% - 100px) !important;
	}
	.search-form input.with-search-btn {
		width: calc(100% - 60px) !important;
	}
	.search-form button{
		margin-bottom: 0 !important;
	}
	.floor-view-div{
		width: 100%;
		padding: 0 10px;
	}
	.employee-list-div{
		width: 100%;
		padding: 0 10px;
	}
	.menu-w {
	    display: none !important;
	}
	.department-select{
		width: 100%;
		margin-bottom: 10px;
	}
	.btn-search{
		margin-bottom: 0 !important;
	}
	.xs-mb-3{
		margin-bottom: 20px;
	}
	.auth-box-w{
		border-radius: 0px;
	}
}

/* iPad */
@media (min-width: 768px) and (max-width: 1024px) {
	.menu-w {
		display: block !important;
	}
	.menu-mobile {
		display: none !important;
	}
	body.auth-wrapper .all-wrapper {
		padding-top: 2rem;
	}
}