@media screen and (max-width:1299px) {
	
	.top-filtering .col-01,
	.top-filtering .col-02,
	.top-filtering .col-03,
	.top-filtering .col-04 {
		margin-bottom: 10px;
		margin-top: 5px;
	}
	.top-filtering .col-01 {
		width: 242px;
	}
	.top-filtering .col-02 {
		width: 160px;
	}
	.top-filtering .col-03 {
		width: 308px;
	}
	.top-filtering .col-04 {
		float: left;
		margin-left: 10px;
	}
	.top-filtering .col-03 ul {
		margin-left: 0;
	}
	.top-filtering .col-04 {
		width: 131px;
		
	}
	
	
}
@media screen and (min-width:1200px) {
	.btn-blue,
	.btn-grey,
	.btn-white {
		font-size: 11px;
	}
	.col-01 {
		width: 200px;
	}
	.col-02 {
		width: 139px;
	}
	.input-description {
		width: 250px;
	}
	
}
@media screen and (min-width:992px) and (max-width:1199px){	
	.logo-banner	{
		float: left;
	}
	.menu .navbar-nav > li > a {
		padding: 19px 18px;
	}
	.btn-grey,
	.btn-white {
		padding: 11px 0;
		font-size: 9px;
		width: 100%;
	}
	.col-01 {
		width: 150px;
	}
	.col-02 {
		width: 130px;
	}
	.checkbox-align label {
		font-size: 12px !important;
	}
	.input-description {
		width: 250px;
	}
	.top-filtering .col-04 .btn-blue {
		padding-left: 33px;
	}
	.filter-collapse .outer-container {
		padding: 10px 15px 30px;
	}
	.collapse-filter-alac label.css-label span {
		display: inline-table !important;
	}
	.collapse-filter-alac label.css-label {
		display: inline-flex !important;
	}
	
}
@media screen and (min-width:768px) and (max-width:991px){
	
	
}	
@media screen and (max-width:991px) {
	
	.logo-banner	{
		float: left;
	}
	.login-box {
		width: 100%;
		float: left;
	}
	.logo-banner {
		width: 360px;
	}
	.login-box .form-wrapper {
		width: 359px;
	}
	.login-box .inner {
		padding: 50px 20px;
	}
	.table-of-content .table-container tr {
		margin-bottom: 15px;
	}
	.menu .navbar-nav > li > a {
		padding: 19px 12px;
	}
	.form-set {
		min-height: 570px;
	}
	.btn-grey,
	.btn-white {
		padding: 11px 0;
		font-size: 9px;
		width: 100%;
	}
	.col-01,
	.col-02 {
		margin-top: 5px;
		margin-bottom: 10px;
	}
	.input-description {
		width: 100%;
	}
	.add-fee {
		width: 140px;
	}
	.top-filtering .col-01 {
		width: 274px;
	}
	.top-filtering .col-04 {
		float: left;
		margin-left: 10px;
	}
	.modal-dialog {
		width: 640px;
	}
	.modal-body {
		padding: 30px;
	}
	.save_settings {
		margin-top: 10px;
	}
	.association-table-lg th, .association-table-lg td {
		min-height: 61px !important;
		height: auto;
	}
	.association-value {
		clear: none;
	}
	.edit-remove-width {
		width: auto !important;
		text-align: left !important;
	}
	.association-table-lg tbody td,
	.association-table-lg thead th {
		width: auto;
	}
	.association-table-lg tbody td:first-child,
	.association-table-lg thead th:first-child {
		width: auto;
	}
	.top-filtering .col-04 .btn-blue {
		padding-left: 33px;
	}
	.filter-collapse .outer-container {
		padding: 10px 15px 30px;
	}
	.collapse-filter-alac label.css-label span {
		display: inline-table !important;
	}
	.collapse-filter-alac label.css-label {
		display: inline-flex !important;
	}
	
	
	
	
	
	
}	

@media screen and (max-width:923px) { /* Special media style only for nav border */
	
	.menu-lg:after {
		content: url('../images/nav-bar-separate.jpg') !important;
		/* border-bottom: 1px solid #000;*/
		position: absolute; 
		top: 43px;
	}

}

@media screen and (max-width:768px){
	
	.top-filtering .col-01 {
		width: 236px;
	}
	.top-filtering .col-03 ul {
		margin-left: 0;
		margin-top: 5px;
	}
	.top-filtering .col-03 {
		width: 308px;
	}
	.top-filtering .col-04 {
		float: left;
		margin-left: 0;
	}
	
	
}


@media screen and (max-width:767px){
	.logo-banner {
		width: 100%;
		background: #00ada8;
		padding: 35px 0;
	}
	.login-box .form-wrapper,
	.login-box .img-full	{
		width: 100%;
		border-radius: 0;
	}
	.login-box .inner h4 {
		margin: 0 0 40px;
	}
	.login-box .inner .form-group {
		margin-bottom: 20px;
	}
	.login-box .form-wrapper {
		height: auto;
	}
	.login-box .img-absolute {
		position: relative;
	}
	.search-add-new .form-control {
		margin-left: 0;
		margin: 5px 0;
	}
	.search-add-new .search {
		top: 11px;
	}
	.search-add-new .btn-blue {
		text-align: left;
		background-position: 9px 9px;
	}
	.search-add-new .pagination {
		margin: 0 auto !important;
		text-align: center !important;
		width: 100% !important;
	}
	.search-add-new .pagination > li {
		display: inline-block;
	}
	.search-add-new .pagination > li > a {
		padding: 6px 13px;
	}
	.menu-lg:after {
		content: '';
	}
	.menu li.page-tittle {
		background: #0b928e;
	}
	.menu .dropdown-menu {
		width: 100%;
	}
	.menu .dropdown-menu li a {
		background: #0b928e;
		padding: 10px 13px !important;
	}
	.nav.navbar-nav.navbar-right > li {
		display: inline-block;
	}
	.navbar-right .tooltip > .tooltip-arrow,
	.navbar-right .tooltip > .tooltip-inner {
		display: none !important;
	}
	.menu a.logout {
		font-size: 18px !important;
	}
	.form-set {
		min-height: auto;
	}
	.add-association .heading-absolute {
		top: -75px;
	}
	.input-xs {
		margin-top: 5px;
		padding-left: 0;
	}
	.btn-white {
		/* margin-top: 30px; */
	}
	.label-left-xs {
		text-align: left !important;
	}
	.add-form-lg {
		padding: 30px 20px;
	}
	.col-01,
	.col-02 {
		margin-right: 0;
		padding: 0 5px;
		width: 50%;
	}
	.name-and-location li {
		display: block;
		padding: 5px 10px;
		border: none;
	}
	.top-filtering .col-01 {
		width: 100%;
	}
	.top-filtering .col-02 {
		width: 50%;
	}
	.top-filtering .col-03 {
		text-align: center;
		width: 100%;
	}
	.top-filtering .col-04 {
		float: right;
	}
	.top-filtering .col-01,
	.top-filtering .col-02,
	.top-filtering .col-03,
	.top-filtering .col-04 {
		padding: 0;
	}
	.modal-dialog {
		width: 100% !important;
		margin: 0;
	}
	.modal-body {
		padding: 20px;
	}
	a.modal-close {
		opacity: 1;
		right: 3px;
		top: 3px;
	}
	.modal-dialog .xs-input {
		margin: 5px 0;
	}
	.modal-body .top-buffer {
		margin-top: 0;
	}
	.filter-collapse .outer-container .col-1 {
		margin: 10px 0;
		width: 100%;
	}
	.filter-collapse .outer-container .col-1 .dot {
		float: left;
	}
	.modal-body li span {
		font-size: 12px;
		display: inline-flex;
	}
	.modal-body li {
		font-size: 13px;
		display: inline-flex;
	}
	.modal-body ul {
		padding: 0 0 15px;
	}
	.global-settings-form .form-group {
		padding-left: 0;
		margin-left: 0;
	}
	.global-settings-form .form-control {
		margin-left: 0;
	}
	.global-settings .lighting-cost {
		padding-left: 15px;
		border: none;
	}
	.global-settings-form .form-horizontal .control-label {
		margin-left: -15px;
		text-align: left;
	}
	.global-form-xs {
		min-height: 280px;
	}
	.table-of-content {
		min-height: auto !important;
	}
	.global-settings .alert-danger,
	.global-settings .alert-success {
		width: 100%;
	}
	.btn-width {
		float: left;
		margin-left: -15px;
	}
	.add-association .btn-blue {
		font-size: 10px;
		padding: 12px 0;
		margin-left: -15px;
	}
	.top-filtering .col-04 .btn-blue {
		padding-left: 16px !important;
	}
	.global-settings .table-container td {
		padding-left: 50% !important;
	}









	
	
	
	
	
	
	
}

@media screen and (max-width:660px){
	.input-password, 
	.btn-group-xs {
		width: 100px !important;
		margin-right: 10px;
	}
	.btn-blue-big {
		width: 138px;
	}
	.input-password {
		padding-left: 15px;
	}
	.btn-grey, .btn-white, .btn-blue {
			padding: 0 20px !important; 
	}
		
}

@media screen and (max-width:580px){
	.date-controls,
	.table-date	,
	.print {
		width: 100%;
		text-align: center;
	}
	.table-date {
		margin: 5px 0;
	}
	
	
}

@media screen and (max-width:479px){
	.col-01,
	.col-02 {
		width: 100%;
	}
	.global-form-xs {
		width: 100% !important;
		min-height: auto;
	}
	.xs-form-center {
		padding: 0 30px !important;
		margin-bottom: 15px;
	}
	.title-hidden {
		display: none;
	}
	
}
@media screen and (max-width:420px){
	
	
}

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