@media (max-width: 1600px) {
	.navbar .panel-title-custom {
		font-size: 14px;
	}

}
@media (max-width: 1450px) {
	.navbar .nav > li > a {
		padding-left: 12px;
		padding-right: 12px;
	}
}
@media (max-width: 1350px) {
	.navbar .nav > li > a {
		padding-left: 9px;
		padding-right: 9px;
	}
}

/* max width for navbar */
@media (max-width: 1260px) {
	.not-hidden-mobile-nav {
		display: block !important;
	}

	.hidden-mobile-nav {
		display: none !important;
	}
}
@media (min-width: 1260px) {
	.not-hidden-mobile-nav {
		display: none !important;
	}
}

@media (max-width: 1120px) {
	#rooms.dataTable {
		table-layout: auto !important;
	}
}

@media (max-width: 768px) {
	body {
		border: 1px solid transparent;
	}
	
	.even-buttons {
		grid-auto-flow: unset !important;
		grid-template-columns: 1fr 1fr;
		grid-row-gap: 10px;
		height: unset;
	}
	.even-buttons .btn-width {
		white-space: normal !important;
	}

	div.btn-toolbar {
		display: flex;
		justify-content: space-between;
	}

	.btn-toolbar-offers {
		flex-wrap: wrap;
	}

	.btn-toolbar-offers .btn {
		margin-bottom: 6px;
		flex: 1 1 0px;
		overflow: hidden;
		flex-basis: 33%;
	}

	div.floatright {
		margin: 10px;
		float: left;
		display: inline-flex;
		overflow: visible;
		width: 0;
		white-space: nowrap;
	}

	label.switch {
		display: block;
	}

	.combobutton {
		margin-top: 0.5em;
		float: right;
	}

	.panel-button {
		margin-bottom: 6px;
		margin-top: 3px;
		float: right;
		width: 100%;
	}

	.panel-qlu .panel-heading {
		max-height: unset !important;
		height: unset !important;
		min-height: 37px;
	}

	#offerBody .col-md-2,
	#offerBody .col-md-6 {
		padding-bottom: 6px;
	}

	#rooms.dataTable {
		table-layout: auto;
	}

	/* Room modal */
	.footer-btn-container {
		grid-template-columns: unset !important;
		grid-template-rows: 1fr 1fr;
	}

	.footer-flex .btn {
		width: 100%;
		height: 56px;
		white-space: normal;
	}

	.footer-flex .flex-grow {
		order: -1;
		flex: 3 1 auto;
		margin: 1.0em 0.5em 0.5em 0.5em;
		flex-basis: 100%;
	}

	.footer-flex .flex-item {
		margin: 0.5em;
		flex: 1 1 0px;
		overflow: hidden;
		flex-basis: 35%;
	}

	.footer-flex .flex-last {
		order: 1;
		margin-bottom: 1em;
	}

	.dz-previews .file-row .right-block > div {
		margin-right: 0px;
	}
	.dz-previews .file-row .right-block {
		justify-items: end;
		width: 100%;
		display: grid;
		padding: 0px 10px 10px 10px;
	} 

	.dz-previews .previewcontainer {
		min-width: 80px;
		padding-right: 4px;
	}

	.dz-previews .fileable-text {
		display: none;
	}

	.dz-previews .file-row .right-block > div.labeled-control {
		padding: 0px;
	}

	.dz-previews .file-row .file-controls {
		padding-top: 1px !important;
		margin-top: 3px;
	}
	.file-row [for="filetype_label"] {
		display: none;
	}

	.dropzone .dz-message {
		margin: 0;
		padding: 0;
	}
	.dz-default.dz-message {
		display: none;
	}

	.footer-flex .price {
		max-width: unset;
	}

	#combinedprice {
		height: 52px;
		font-size: 16px;
		min-width: 270px;
	}

	#roomOffersEdit .col-md-12 {
		overflow-x: auto;
	}

	.offer-details .details-row {
		flex-wrap: wrap;
		border-bottom: 1px solid lightgray;
	}

	.offer-details .details-row > div {
		padding: 4px 2px;
	}

	.modal-hover-body {
		display: none !important;
	}

	.button-bar > div {
		grid-template-columns: none;
		margin: 0px 5px 20px 5px;
		width: calc(50% - 10px);
	}

	.button-bar {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}

	.row-equal > [class*='col-'] {
		max-width: calc(100vw - 15px);
	}

	.row-equal-50 {
		flex: 1 0;
	}

	.task-field-input-container.report {
		grid-template-columns: auto min-content;
		min-height: calc(100dvh - 20px);
	}
	.task-field-input-container.report > div:nth-child(1) {
		grid-column: span 2;
	}
	.task-field-input-container.report.next > div:nth-child(2),
	.task-field-input-container.report:not(.next) > div:nth-child(1) {
		display: grid;
	}
	.task-field-input-container.report.next > div:nth-child(1),
	.task-field-input-container.report:not(.next) > div:nth-child(2),
	.task-field-input-container.report.next > div:nth-child(3)
	{
		display: none;
	}
	.task-field-input-container.report > div:nth-child(2) {
		grid-row: 1;
		grid-column: span 2;
		margin-bottom: 6px;
	}
	.task-field-input-container.report.next > div:nth-child(4) {
		grid-column: span 2;
	}

	.task-field-result-container {
		grid-template-columns: 1fr !important;
	}
		.task-field-result-container > .span {
			grid-column: unset;
		}
		.task-field-result-container > *:empty:not(.span) {
			display: none;
		}
		.task-field-result-container > [data-col="1"] {
			padding: 6px 0px 0px 0px !important;
			border-right: none !important;
		}
		.task-field-result-container > [data-col="2"] {
			padding-right: 3px !important;
			grid-template-columns: 1fr min-content !important;
			background-color: #efefef;
			border: 1px solid #ccc;
			padding: 6px 12px !important;
			line-break: anywhere;
			font-size: 12px;
		}
		.task-field-result-container > [data-col="2"] .rel {
			position: absolute;
			right: 24px;
		}
		.task-field-result-container > [data-col="2"] .rel * {
			opacity: 1 !important;
			grid-auto-flow: row;
			background-color: transparent;
		}
		.task-field-result-container > [data-col="2"] .rel > span {
			display: none;
		}
		.task-field-input-container .col-6 [class*="span-"] {
			grid-column: span 6;
		}
	.task-field-result-buttons {
		grid-auto-flow: row;
	}

	.task-floating-info {
		right: 33px;
		left: 30px;
		width: unset;
		max-width: unset;
	}

	#float_image_container {
		display: none;
	}
	.not-hidden-mobile {
		display: block !important;
	}
	
	[not-hover*="hidden-unset"].hidden-mobile,
	[on-hover*="hidden-unset"].hidden-mobile:hover,
	[on-hover*="hidden-unset"]:hover > [not-hover*="hidden"].hidden-mobile,
	.hidden-mobile {
		display: none !important;
	}

	#info_message_container {
		max-width: calc(100vw - 6em) !important;
	}

	[data-validation-message]:not([data-validation-result=""]) {
		display: block;
		margin: 3px 0px;
	}

	.publish-flex .pull-left:first-child {
		margin-bottom: 6px;
	}

	.publish-flex .pull-right {
		text-align: right;
	}
	.amp-details {
		display: none;
	}

	[data-container][data-container-style="modal_root"] > div:nth-child(2),
	[data-container][data-container-style="modal_child"] > div:nth-child(2) {
		margin-left: 6px;
		margin-right: 6px;
	}
}

@media (min-width: 768px) {
	.not-hidden-mobile {
		display: none !important;
	}
}