@media only screen and (max-width: 1100px) {
  	.header-search > input {
		width: 310px;
	}
}
@media only screen and (max-width: 1024px) {
  
}
@media only screen and (max-width: 991px) {
	.content-wrapper .outstanding-rent table td {
		text-align: left;
	}
	.main-sidebar {
		left: -255px;
	}
	.messages-page .sidebar{
	    display: block;
	}
	.messages-page .main-sidebar {
		bottom: 0px;
	}
	.content-wrapper, .main-footer, .main-header {
		padding-left: 0px;
	}
	.dashboard-main .col-lg-7, .dashboard-main .col-lg-4 {
		flex: 0 0 100%;
    	max-width: 100%;
	}
	.menu-icon {
		display: flex;
	}
	.main .main-sidebar {
		left: 0;
	}
	body.main::before {
	    content: "";
	    width: 100%;
	    height: 100%;
	    position: absolute;
	    left: 0;
	    top: 0;
	    background: rgba(0,0,0,0.8);
	    z-index: 99;
	}
	.main .menu-icon {
	    position: fixed;
	    top: 0px;
	    left: 229px;
	    z-index: 99;
	}
	.main .menu-icon button {
		width: 50px;
    	height: 50px;;
		background: #4170b6;
		color: #fff;
	}
	.main .menu-icon .icon-icon-19:before {
	    content: "\6a";
	    transform: rotate(45deg);
	    display: inline-block;
	}
	.table-responsive {
	    display: block;
	    width: 100%;
	    overflow-x: auto;
	    -webkit-overflow-scrolling: touch;
	    -ms-overflow-style: -ms-autohiding-scrollbar;
	}
	.content-wrapper table {
		width: 1110px;
	}
	.content-wrapper table {
		margin-bottom: 0px;
	}
	.content-wrapper table + .d-flex{
		width: 100%;
	}
}
@media only screen and (max-width: 767px) { 
	.search-bar {
		width: 100%;
	}
	.page-title {
		width: 60%;
	}
	.page-title h4 {
		font-size: 14px;
	}
	.search-bar .form-group {
		margin-bottom: 15px;
	}
	.dashboard-tabs .nav-tabs li {
		margin-right: 0px;
	}
	.change-password .submit-btn .btn {
		min-width: 180px;
	}
	.main-footer p {
		padding: 15px;
	}
	.login-signup {
		padding: 15px;
	}
	.right-menu .dropdown {
	    margin-left: 20px;
	}
	.user-btn button {
		font-size: 0px;
	}
	.right-menu .dropdown.user-btn {
	    margin-left: 20px;
	}
	.content-wrapper .content {
		padding: 15px;
	}
	.icon-btn .dropdown-menu {
		width: 340px;
	}
	.header-search {
	    display: flex;
	    align-items: center;
	    flex-wrap: wrap;
	    position: relative;
	}
	.header-search button {
		display: flex;
	    line-height: 1;
	    background-color: transparent;
	    border: 0px;
	    color: #fff;
	    padding: 0;
	}
	.header-search > input {
	    position: absolute;
	    margin-left: 30px;
    	width: 250px;
	    z-index: 9;
	    background: #243671 url(../images/search-icon.svg) no-repeat left 12px center;
	    border: 1px solid rgba(255,255,255,0.2);
	    display: none;
	}
	.header-search.open button .icon-icon-21:before{
		content: "\e909";
	    transform: rotate(45deg);
	    display: inline-block;
	}
	.header-search.open > input{
		display: block;
	}
	.messages-right {
	    width: 100%;
	    position: absolute;
	    top: 0;
	    left: 0;
	    display: none;
	    z-index: 1;
	}
	.message-type .form-group .btn {
		width: 80px;
		font-size: 20px;
	}
	.message-type .btn-file {
		right: 95px;
	}
	.message-type .form-group .form-control {
	    padding-right: 130px;
	}
	.message-type .btn-file label {
		font-size: 20px;
	}
	.messages-head {
		padding: 10px 15px;
	}
	.messages-box-close {
		display: flex;
	}
	.messages-left {
		width: 100%;
	}
}