/* Extra small devices (phones, less than 768px) */
@media (max-width: 767px) {
	.grid-33,
	.grid-50 {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	.vipt-crm .login {
		width: 100%;
		box-sizing: border-box;
	}
	.vipt-crm .current-user {
		position: static;
		margin-bottom: 10px;
	}
	.statement-payment .button,
	.statement-payment .status-text {
		float: none;
	}
	.statement-payment .status-text {
		margin-top: 10px;
	}
	.vipt-crm .statement {
		padding: 15px;
	}
	.vipt-crm .statement .layout-table {
		margin-top: 170px;
	}
	.vipt-crm .statement .layout-table td {
		display: block;
		width: 100%;
	}
	.vipt-crm .statement .company-logo {
		text-align: center !important;
		margin-top: -350px;
	}
	.vipt-crm .statement .company-logo img {
		float: none;
		margin: 0 auto;
	}
	.statement .company-name {
		margin-bottom: 20px;
	}
	.statement .statement-title {
		font-size: 24px;
		line-height: auto;
	}
	.vipt-crm .statement-items {
		margin-top: 0;
	}
	.vipt-crm .pill {
		float: left;
		margin: 4px 10px 12px 0;
	}
	.gst-note,
	.view-payments-link {
		margin: 10px 0 0;
		float: none;
		text-align: left;
	}
	.table-responsive {
	  width: 100%;
	  margin-bottom: 15px;
	  overflow-y: hidden;
	  -ms-overflow-style: -ms-autohiding-scrollbar;
	  border: 1px solid #ddd;
	}
	.table-responsive > .table {
	  margin-bottom: 0;
	}
	.table-responsive > .table > thead > tr > th,
	.table-responsive > .table > tbody > tr > th,
	.table-responsive > .table > tfoot > tr > th,
	.table-responsive > .table > thead > tr > td,
	.table-responsive > .table > tbody > tr > td,
	.table-responsive > .table > tfoot > tr > td {
	  white-space: nowrap;
	}
	.table-responsive > .table-bordered {
	  border: 0;
	}
	.table-responsive > .table-bordered > thead > tr > th:first-child,
	.table-responsive > .table-bordered > tbody > tr > th:first-child,
	.table-responsive > .table-bordered > tfoot > tr > th:first-child,
	.table-responsive > .table-bordered > thead > tr > td:first-child,
	.table-responsive > .table-bordered > tbody > tr > td:first-child,
	.table-responsive > .table-bordered > tfoot > tr > td:first-child {
	  border-left: 0;
	}
	.table-responsive > .table-bordered > thead > tr > th:last-child,
	.table-responsive > .table-bordered > tbody > tr > th:last-child,
	.table-responsive > .table-bordered > tfoot > tr > th:last-child,
	.table-responsive > .table-bordered > thead > tr > td:last-child,
	.table-responsive > .table-bordered > tbody > tr > td:last-child,
	.table-responsive > .table-bordered > tfoot > tr > td:last-child {
	  border-right: 0;
	}
	.table-responsive > .table-bordered > tbody > tr:last-child > th,
	.table-responsive > .table-bordered > tfoot > tr:last-child > th,
	.table-responsive > .table-bordered > tbody > tr:last-child > td,
	.table-responsive > .table-bordered > tfoot > tr:last-child > td {
	  border-bottom: 0;
	}
	
	/**
	 * Bottom navigation
	 */
	.crm-nav .submenu {
		bottom: 42px;
	}
	.crm-nav > .crm-nav-item:first-child {
		border-left: none;
	}
	.crm-nav > .crm-nav-item:last-child {
		border-right: none;
	}
	.crm-nav > .crm-nav-item > a {
		padding: 10px 5px 10px 8px;
	}
	.crm-nav > .crm-nav-item > a span {
		display: none;
	}
	.crm-nav > .crm-nav-item i {
		font-size: 18px;
		line-height: normal;
	}
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.vipt-crm .mobile-only {
		display: none;
	}
	.vipt-reports .actions h5 {
	    float: left;
	}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {

}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {
	
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	
}