@media only screen and (max-width: 991px) {
	#home {
		width: 50px;
		padding: 5px;
	}

	#videoMode {
		position: absolute;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		top: calc(100% - 100px);
	}

	.management-speak-group {
		top: calc(100% - 60px);
		left: 0;
		right: 0;
	}

	a.management-speak {
		width: fit-content;
		font-size: 14px;
		padding: 6px 15px 8px;
		line-height: 1;
	}

	a.tour {
		width: auto;
		font-size: 14px;
		white-space: nowrap;
		padding: 6px 12px 10px;
		margin: 0px 3px;
		line-height: 1;
	}

	#image360 img {
		width: 60px;
	}

	#image360 {
		padding: 5px 15px;
		right: 0px;
		bottom: 10px;
	}

	div#managementSpeakPopUp {
		height: 235px;
		top: 20%;
		width: 80%;
		left: 10%;
	}

	#managementSpeakPopUp span.close-button {
		width: 15px;
		height: 15px;
		background-size: 15px;
		padding: 15px;
	}

	.management-content p {
		font-size: 14px;
	}

	.text-uppercase {
		font-size: 1.5rem;
	}

	.list-title a {
		padding: 8px 10px 12px;
		font-size: 12px;
		height: auto;
		min-height: auto;
	}

	a.title-name {
		font-size: 10px;
	}

	.inactive.list-title:after {
		background-size: 12px;
		right: 0;
		top: 0;
		height: 32px;
		width: 32px;
	}

	.active.list-title:after {
		background-size: 12px;
	}

	.list-title:after {
		width: 32px;
		right: 0;
		height: 32px;
		background-size: 14px;
	}

	.list-title {
		font-size: 14px;
		padding: 0;
		min-height: auto;
	}

	.list-content {
		font-size: 11px;
		max-height: 155px;
	}

	.list-group {
		width: 200px;
		padding: 0;
		margin: 0;
		height: auto;
		line-height: 1;
	}

	a#arialShot {
		width: 200px;
		font-size: 16px;
		bottom: 15px;
		left: 0;
		right: 0;
		margin: 0 auto;
	}

	.hotspot-popup {
		top: 45%;
		left: 50%;
		width: 80%;
	}

	.hotspot-popup video {
		width: 50%;
		top: 0;
		left: 0;
	}

	.hotspot-popup .description {
		left: 0;
		width: 50%;
		padding: 10px;
	}

	.hotspot-popup .description h1,
	.hotspot-popup .description p {
		padding: 0px 0px 0px 10px;
	}

	.hotspot-popup .description h1 {
		font-size: 13px;
	}

	.hotspot-popup .description p {
		max-height: 160px;
		margin: 0px;
		width: 100%;
		padding: 0 10px;
	}

	.hotspot-popup span.close-button {
		width: 20px;
		height: 20px;
		background-size: 10px;
	}

	.hotspot-popup span.close-button {
		top: 0;
		right: 0;
	}

	.hotspot-popup .description p {
		font-size: 12px;
	}

	.plyr--video {
		background: #000;
		overflow: hidden;
		height: 100%;
	}

	a.intro-button {
		width: 155px;
		margin-right: 65px;
		font-size: 16px;
		padding: 5px 5px;
		bottom: 14%;
		right: 0 !important;
		left: 0 !important;
		margin: 0 auto !important;
	}

	a.next-button,
	a.previous-button {
		width: 155px;
		margin: 0 15px;
		font-size: 15px;
		padding: 5px 5px;
		bottom: 20px;
	}
}

@media (min-width: 992px) and (max-width : 1280px) {
	div#managementSpeakPopUp {
		height: 80%;
		top: 15%;
	}

	#videoMode {
		top: calc(100% - 145px);
	}

	a.tour {
		width: auto;
		padding: 10px 20px;
	}

	.hotspot-popup {
		top: 40%;
	}

	.hotspot-popup img.hotspotImage {}

	.hotspot-popup .description {
		left: 0;
		bottom: 0;
		padding: 10px 0;
	}

	.hotspot-popup span.close-button {
		top: 0;
		right: 0;
	}

	.hotspot-popup .description p {
		max-height: 190px;
	}

	.hotspot-popup video {
		left: 0;
		max-width: 450px;
		max-height: 550px;
	}

	.list-content {
		max-height: 250px;
	}

	a#arialShot {
		bottom: 10%;
	}

	.plyr--video {
		background: #000;
		overflow: hidden;
		height: 100%;
	}

	.hotspot-popup .description p {
		min-height: 130px;
	}

	a#subCat {
		top: 92%;
	}
}

@media (min-width: 1281px) and (max-width : 1400px) {
	.hotspot-popup img.hotspotImage {
		max-width: 450px;
		max-height: 450px;
	}

	.hotspot-popup .description {
		left: 0;
    	bottom: 0;
		width: 50%;
		padding: 10px 0;
	}

	.hotspot-popup .description p {
		max-height: 150px;
	}

	/* .hotspot-popup span.close-button {
		top: -25px;
		right: -20px;
	} */

	a#arialShot {
		bottom: 20px;
	}

	.hotspot-popup video { 
		width: 50%;
	}

	.hotspot-popup .description {
		width: 50%;
	}

	.hotspot-popup .description p:empty {
		display: none;
	}

	.plyr--video {
		height: 100%;
	}

	div#managementSpeakPopUp {
		top: 15%;
	}

	.hotspot-popup {
		top: 40%;
	}

	.list-content {
		max-height: 250px;
	}

	#videoMode {
		top: calc(100% - 145px);
	}

	div#managementSpeakPopUp {
		height: 450px;
	}
}

@media (min-width: 1401px) and (max-width : 1919px) {
	div#managementSpeakPopUp {
		height: 70%;
		top: 15%;
	}
}

/* Min width 1280 */
@media (min-width: 1280px) {
	a.tour {
		width: auto;
		padding: 8px 16px 12px;
	}

	.hotspot-popup .description {
		padding: 20px 10px 15px !important;
	}
}

@media screen and (max-width: 767px) and (orientation : landscape) {
	.hotspot-popup {
		max-width: 80%;
		width: 100%;
	}

	.hotspot-popup video {
		width: 50%;
	}

	.hotspot-popup .description {
		width: 50%;
		left: 0;
		bottom: 0;
	}

	.hotspot-popup span.close-button {
		top: 0;
		right: 0;
	}
}