@media only screen and (min-width: 2800px) and (max-width: 5800px) {

	.selected-preview-image {
		margin-top: -840px;
	}

	.selected-background-image {
		margin-top: -1150px;
	}
}

@media only screen and (min-width: 2800px) and (max-width: 3840px) {

	.selected-preview-image {
		margin-top: -550px;
	}

	.selected-background-image {
		margin-top: -850px;
	}
}

@media only screen and (min-width: 2400px) and (max-width: 2800px) {

	.selected-preview-image {
		margin-top: -505px;
	}

	.selected-background-image {
		margin-top: -715px;
	}
}

@media only screen and (min-width: 1920px) and (max-width: 2400px) {

	.selected-preview-image {
		margin-top: -380px;
	}

	.selected-background-image {
		margin-top: -550px;
	}
}

@media only screen and (min-width: 1400px) and (max-width: 1920px) {

	.selected-preview-image {
		margin-top: -250px;
	}

	.selected-background-image {
		margin-top: -375px;
	}
}

@media only screen and (min-width: 1368px) and (max-width: 1400px) {

	.selected-preview-image {
		margin-top: -240px;
	}

	.max-w-screen-lg.mb-5 .grid {
		display: flex !important;
	}

	.select-room {
		margin-left: -12px;
	}

	.room-options {
		margin-left: -4px;
	}

	.confirm {
		margin-left: -5px;
	}
}

@media only screen and (min-width: 1300px) and (max-width: 1367px) {

	.selected-preview-image {
		margin-top: -230px;
	}

	.selected-background-image {
		margin-top: -360px;
	}

	.select-room {
		margin-left: -36px;
	}

	.room-options {
		margin-left: -143px;
	}

	.confirm {
		margin-left: -238px;
	}
}

@media only screen and (min-width: 1075px) and (max-width: 1300px) {

	.selected-preview-image {
		margin-top: -212px;
	}

	.selected-background-image {
		margin-top: -288px;
	}

	.select-room {
		margin-left: -36px;
	}

	.room-options {
		margin-left: -143px;
	}

	.confirm {
		margin-left: -238px;
	}
}

@media only screen and (min-width: 1050px) and (max-width: 1279px) {

	.selected-preview-image {
		margin-top: -300px;
	}
}

@media only screen and (max-width: 1230px) {

	.selected-preview-image {
		margin-top: -295px;
	}
}

@media only screen and (max-width: 1200px) {

	.selected-preview-image {
		margin-top: -280px;
	}
}

@media only screen and (max-width: 1160px) {

	.selected-preview-image {
		margin-top: -263px;
	}
}

@media only screen and (max-width: 1100px) {

	.selected-preview-image {
		margin-top: -235px;
	}

	.selected-background-image {
		margin-top: -265px;
	}
}

@media only screen and (min-width: 1075px) and (max-width: 1100px) {

	.select-room {
		margin-left: -36px;
	}

	.room-options {
		margin-left: -143px;
	}

	.confirm {
		margin-left: -238px;
	}
}

@media only screen and (min-width: 1050px) and (max-width: 1075px) {

	.spinner {
		left: 48%;
	}

	.select-room {
		margin-left: -33px;
	}

	.room-options {
		margin-left: -135px;
	}

	.confirm {
		margin-left: -225px;
	}
}

@media only screen and (min-width: 1030px) and (max-width: 1050px) {

	.spinner {
		left: 47%;
	}

	.select-room {
		margin-left: -30px;
	}

	.room-options {
		margin-left: -131px;
	}

	.confirm {
		margin-left: -219px;
	}
}

@media only screen and (min-width: 1024px) and (max-width: 1030px) {

	.spinner {
		left: 47%;
	}

	.select-room {
		margin-left: -27px;
	}

	.room-options {
		margin-left: -124px;
	}

	.confirm {
		margin-left: -207px;
	}
}

@media only screen and (min-width: 900px) and (max-width: 1024px) {

	.spinner {
		left: 47%;
	}

	.max-w-screen-lg.mb-5 .grid {
		display: flex !important;
	}

	.selected-preview-image {
		margin-top: -220px;
	}

	.selected-background-image {
		margin-top: -220px;
	}

	.select-room {
		margin-left: -14px;
	}

	.room-options {
		margin-left: -4px;
	}

	.confirm {
		margin-left: -6px;
	}
}

@media only screen and (min-width: 767px) and (max-width: 900px) {

	.spinner {
		left: 46%;
	}

	.max-w-screen-lg.mb-5 .grid {
		display: flex !important;
	}

	.selected-preview-image {
		margin-top: -248px;
	}

	.selected-background-image {
		margin-top: -170px;
	}

	.select-room {
		margin-left: -14px;
	}

	.room-options {
		margin-left: -4px;
	}

	.confirm {
		margin-left: -6px;
	}
}

@media only screen and (max-width: 740px) {

	.selected-background-image {
		margin-top: -50px;
	}
}

@media only screen and (min-width: 650px) and (max-width: 767px) {

	.spinner {
		left: 46%;
	}

	.max-w-screen-lg.mb-5 .grid {
		display: grid !important;
	}

	.selected-preview-image {
		margin-top: -200px;
	}

	.selected-background-image {
		margin-top: -140px;
	}

	.room-section-image {
		min-height: 100%;
		max-width: 100%;
	}

	.conference-enable {
		width: 233px;
	}

	.select-room {
		margin-left: 0px;
	}

	.room-options {
		margin-left: 0px;
	}

	.confirm {
		margin-left: 0px;
	}

	.conference-disable,
	.conference-enable {
		margin-bottom: 7px;
	}

	.select-room-enable,
	.select-room-disable,
	.select-room-active,
	.room-options-enable,
	.room-options-disable,
	.room-options-active,
	.confirm-enable,
	.confirm-disable {
		margin-top: 7px;
		margin-bottom: 7px;
	}
}

@media only screen and (min-width: 600px) and (max-width: 650px) {

	.spinner {
		left: 46%;
	}

	.max-w-screen-lg.mb-5 .grid {
		display: grid !important;
	}

	.selected-preview-image {
		margin-top: -200px;
	}

	.selected-background-image {
		margin-top: -125px;
	}

	.room-section-image {
		min-height: 100%;
		max-width: 100%;
	}

	.conference-enable {
		width: 233px;
	}

	.select-room {
		margin-left: 0px;
	}

	.room-options {
		margin-left: 0px;
	}

	.confirm {
		margin-left: 0px;
	}

	.conference-disable,
	.conference-enable {
		margin-bottom: 7px;
	}

	.select-room-enable,
	.select-room-disable,
	.select-room-active,
	.room-options-enable,
	.room-options-disable,
	.room-options-active,
	.confirm-enable,
	.confirm-disable {
		margin-top: 7px;
		margin-bottom: 7px;
	}
}

@media only screen and (min-width: 550px) and (max-width: 600px) {

	.spinner {
		left: 46%;
	}

	.max-w-screen-lg.mb-5 .grid {
		display: grid !important;
	}

	.selected-preview-image {
		margin-top: -200px;
	}

	.selected-background-image {
		margin-top: -105px;
	}

	.room-section-image {
		min-height: 100%;
		max-width: 100%;
	}

	.conference-enable {
		width: 233px;
	}

	.select-room {
		margin-left: 0px;
	}

	.room-options {
		margin-left: 0px;
	}

	.confirm {
		margin-left: 0px;
	}

	.conference-disable,
	.conference-enable {
		margin-bottom: 7px;
	}

	.select-room-enable,
	.select-room-disable,
	.select-room-active,
	.room-options-enable,
	.room-options-disable,
	.room-options-active,
	.confirm-enable,
	.confirm-disable {
		margin-top: 7px;
		margin-bottom: 7px;
	}
}

@media only screen and (min-width: 540px) and (max-width: 550px) {

	.spinner {
		left: 43%;
	}

	.selected-preview-image {
		margin-top: -375px;
	}

	.selected-background-image {
		margin-top: -100px;
	}

	.select-room {
		margin-left: 0px;
	}

	.room-options {
		margin-left: 0px;
	}

	.confirm {
		margin-left: 0px;
	}

	.conference-disable,
	.conference-enable {
		margin-bottom: 7px;
	}

	.select-room-enable,
	.select-room-disable,
	.select-room-active,
	.room-options-enable,
	.room-options-disable,
	.room-options-active,
	.confirm-enable,
	.confirm-disable {
		margin-top: 7px;
		margin-bottom: 7px;
	}
}

@media only screen and (min-width: 460px) and (max-width: 540px) {

	.spinner {
		left: 43%;
	}

	.selected-preview-image {
		margin-top: -370px;
	}

	.selected-background-image {
		margin-top: -80px;
	}

	.select-room {
		margin-left: 0px;
	}

	.room-options {
		margin-left: 0px;
	}

	.confirm {
		margin-left: 0px;
	}

	.conference-disable,
	.conference-enable {
		margin-bottom: 7px;
	}

	.select-room-enable,
	.select-room-disable,
	.select-room-active,
	.room-options-enable,
	.room-options-disable,
	.room-options-active,
	.confirm-enable,
	.confirm-disable {
		margin-top: 7px;
		margin-bottom: 7px;
	}
}

@media only screen and (min-width: 440px) and (max-width: 460px) {

	.spinner {
		left: 40%;
	}

	.selected-preview-image {
		margin-top: -245px;
	}

	.select-room {
		margin-left: 0px;
	}

	.room-options {
		margin-left: 0px;
	}

	.confirm {
		margin-left: 0px;
	}

	.conference-disable,
	.conference-enable {
		margin-bottom: 7px;
	}

	.select-room-enable,
	.select-room-disable,
	.select-room-active,
	.room-options-enable,
	.room-options-disable,
	.room-options-active,
	.confirm-enable,
	.confirm-disable {
		margin-top: 7px;
		margin-bottom: 7px;
	}
}

@media only screen and (min-width: 360px) and (max-width: 539px) {

	.spinner {
		left: 43%;
	}

	.selected-preview-image {
		margin-top: -330px;
	}

	.select-room {
		margin-left: 0px;
	}

	.room-options {
		margin-left: 0px;
	}

	.confirm {
		margin-left: 0px;
	}

	.conference-disable,
	.conference-enable {
		margin-bottom: 7px;
	}

	.select-room-enable,
	.select-room-disable,
	.select-room-active,
	.room-options-enable,
	.room-options-disable,
	.room-options-active,
	.confirm-enable,
	.confirm-disable {
		margin-top: 7px;
		margin-bottom: 7px;
	}
}

@media only screen and (min-width: 320px) and (max-width: 480px) {

	.spinner {
		left: 40%;
	}

	.w-full.p-4.text-gray-800.leading-normal .w-full.lg:pl-20.xl:pl-20.lg:pr-20.xl:pr-20 {
		width: 100%;
	}

	.selected-preview-image {
		margin-top: -222px;
	}

	.select-room {
		margin-left: 0px;
	}

	.room-options {
		margin-left: 0px;
	}

	.confirm {
		margin-left: 0px;
	}

	.conference-disable,
	.conference-enable {
		margin-bottom: 7px;
	}

	.select-room-enable,
	.select-room-disable,
	.select-room-active,
	.room-options-enable,
	.room-options-disable,
	.room-options-active,
	.confirm-enable,
	.confirm-disable {
		margin-top: 7px;
		margin-bottom: 7px;
	}
}

@media only screen and (min-width: 414px) and (max-width: 440px) {

	.spinner {
		left: 40%;
	}

	.selected-preview-image {
		margin-top: -265px;
	}

	.selected-background-image {
		margin-top: -63px;
	}

	.select-room {
		margin-left: 0px;
	}

	.room-options {
		margin-left: 0px;
	}

	.confirm {
		margin-left: 0px;
	}

	.conference-disable,
	.conference-enable {
		margin-bottom: 7px;
	}

	.select-room-enable,
	.select-room-disable,
	.select-room-active,
	.room-options-enable,
	.room-options-disable,
	.room-options-active,
	.confirm-enable,
	.confirm-disable {
		margin-top: 7px;
		margin-bottom: 7px;
	}
}

@media only screen and (min-width: 411px) and (max-width: 413px) {

	.spinner {
		left: 41%;
	}

	.selected-preview-image {
		margin-top: -260px;
	}

	.selected-background-image {
		margin-top: -63px;
	}

	.select-room {
		margin-left: 0px;
	}

	.room-options {
		margin-left: 0px;
	}

	.confirm {
		margin-left: 0px;
	}

	.conference-disable,
	.conference-enable {
		margin-bottom: 7px;
	}

	.select-room-enable,
	.select-room-disable,
	.select-room-active,
	.room-options-enable,
	.room-options-disable,
	.room-options-active,
	.confirm-enable,
	.confirm-disable {
		margin-top: 7px;
		margin-bottom: 7px;
	}
}

@media only screen and (min-width: 375px) and (max-width: 410px) {

	.spinner {
		left: 40%;
	}

	.selected-preview-image {
		margin-top: -220px;
	}

	.selected-background-image {
		margin-top: -52px;
	}

	.select-room {
		margin-left: 0px;
	}

	.room-options {
		margin-left: 0px;
	}

	.confirm {
		margin-left: 0px;
	}

	.conference-disable,
	.conference-enable {
		margin-bottom: 7px;
	}

	.select-room-enable,
	.select-room-disable,
	.select-room-active,
	.room-options-enable,
	.room-options-disable,
	.room-options-active,
	.confirm-enable,
	.confirm-disable {
		margin-top: 7px;
		margin-bottom: 7px;
	}
}

@media only screen and (min-width: 360px) and (max-width: 370px) {

	.spinner {
		left: 40%;
	}

	.selected-preview-image {
		margin-top: -215px;
	}

	.selected-background-image {
		margin-top: -45px;
	}

	.select-room {
		margin-left: 0px;
	}

	.room-options {
		margin-left: 0px;
	}

	.confirm {
		margin-left: 0px;
	}

	.conference-disable,
	.conference-enable {
		margin-bottom: 7px;
	}

	.select-room-enable,
	.select-room-disable,
	.select-room-active,
	.room-options-enable,
	.room-options-disable,
	.room-options-active,
	.confirm-enable,
	.confirm-disable {
		margin-top: 7px;
		margin-bottom: 7px;
	}
}

@media only screen and (min-width: 320px) and (max-width: 359px) {

	.spinner {
		left: 38%;
	}

	.selected-preview-image {
		margin-top: -175px;
	}

	.selected-background-image {
		margin-top: -35px;
	}

	.select-room {
		margin-left: 0px;
	}

	.room-options {
		margin-left: 0px;
	}

	.confirm {
		margin-left: 0px;
	}

	.conference-disable,
	.conference-enable {
		margin-bottom: 7px;
	}

	.select-room-enable,
	.select-room-disable,
	.select-room-active,
	.room-options-enable,
	.room-options-disable,
	.room-options-active,
	.confirm-enable,
	.confirm-disable {
		margin-top: 7px;
		margin-bottom: 7px;
	}
}

@media only screen and (min-width: 280px) and (max-width: 319px) {

	.spinner {
		left: 37%;
	}

	.selected-preview-image {
		margin-top: -135px;
	}

	.selected-background-image {
		margin-top: -20px;
	}

	.select-room {
		margin-left: 0px;
	}

	.room-options {
		margin-left: 0px;
	}

	.confirm {
		margin-left: 0px;
	}

	.conference-disable,
	.conference-enable {
		margin-bottom: 7px;
	}

	.select-room-enable,
	.select-room-disable,
	.select-room-active,
	.room-options-enable,
	.room-options-disable,
	.room-options-active,
	.confirm-enable,
	.confirm-disable {
		margin-top: 7px;
		margin-bottom: 7px;
	}
}