.zg-table tr {
	display: block;
	float: left;
	width: 33.33%;
}
.zg-table td {
	display: block;
	width: 100%;
}
.single .zg-table thead {
	display: none;
}
.single .zg-table tr {
	width: 100%;
}
.single .zg-table .list-group-item {
	overflow: auto;
}
.image-invoice .file-preview-frame {
	width: 100%;
	margin: 0;
}
.file-preview-frame .kv-file-content {
    height: auto !important;
}
.image-invoice .file-footer-caption,
.image-invoice .file-upload-indicator {
	display: none;
}
.image-invoice .glyphicon,
.data-invoice .glyphicon,
.client-profile-box3 .glyphicon,
.client-profile-box4 .glyphicon,
.sales-invoice .glyphicon {
	margin: 0;
}
.image-invoice .glyphicon.glyphicon-zoom-in {
	margin: 4px;
}
.glyphicon.glyphicon-folder-open {
    margin-top:0;
}
.image-invoice .file-actions {
	margin-top: 8px;
}
.data-invoice .intl-tel-input,
.client-profile-box3 .phone .intl-tel-input,
.staff-profile-box2 .intl-tel-input {
	width: 100%;
	border: solid 1px #ccc;
}
.data-invoice .intl-tel-input input,
.client-profile-box3 .phone .intl-tel-input input,
.staff-profile-box2 .intl-tel-input input {
	width: 100%;
	height: 34px;
	border-style: none;
}
.vat-return #select2-ziinvoices-client_id-container,
.pending-invoice #select2-ziinvoice-client_ids-container,
.sales-invoice #select2-ziinvoicer-client_id-container {
	margin:0;
}
.client-profile-box2 textarea {
	height: 182px;
}
.staff-profile-box2 textarea,
.client-profile2-box2 textarea {
	height: 108px;
}
.client-profile-box4 .file-preview-frame {
	height: auto;
}
.client-profile-box4 .file-preview-frame img {
	height: 150px;
}
.vat-return #select,
.vat-return #month,
.vat-return #status {
	width: 100%;
}
.sales-invoice #w1-pjax {
	display: table;
}
.add-customer-image {
    width: 100%;
}
.list-group.list-group-unbordered > .list-group-item a.pull-right {
    white-space: nowrap; 
    width: 50%; 
    overflow: hidden;
    text-overflow: ellipsis; 
}
.zg-table .box-body.box-profile h3.profile-username {
    white-space: nowrap; 
    width: 100%; 
    overflow: hidden;
    text-overflow: ellipsis; 
}
@media screen and (max-width: 1200px) {
	.zg-table tr {
		width: 50%;
	}
}
@media screen and (max-width: 1024px) {
	.zg-table tr {
		width: 100%;
	}
}