<!-- Sirv Hotspot info: https://sirv.com/help/articles/hotspots-on-360-spin/#hotspot-style -->

/* SIRV SPIN CONTAINER */
  .spin-container {
    flex-grow: 1; /* Ensures it takes up the full remaining space */
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    }

/* SIRV HOTSPOT */		
	.sirv-hotspot-container {
	  font-family: 'Montserrat', sans-serif;
		font-weight: 700; /* This sets the font weight to bold */
		font-size: 10px;
		padding-top: 10px;
		text-align: center;
		vertical-align: middle;
		}
	.sirv-hotspot-close-button {
	  font-size: 60px !important;
	  position: absolute !important;
	  top: 10px !important;
	  right: 20px !important;
	  z-index: 9999 !important;
	  background: none !important;
	  border: none !important;
 	 color: #d1d2d4; !important;
	  width: auto !important;
	  height: auto !important;
 	 line-height: normal !important;
	}
  .sirv-hotspot-pointer.pulsating-point::before {
    background-color: #f6ddcc;
		}
  .sirv-hotspot-pointer.pulsating-point::after {
    border: 1px solid #f6ddcc;
		}
  .sirv-text-pointer {
    padding: 5px 10px 20px 10px;
		}
  .sirv-hotspot-box .sirv-hotspot-close-button {
    font: normal 10px/1 Arial,monospace;
		height: 60px;
		width: 60px;
		z-index: 2;
		}
  .smv-thumbnails .smv-selector[data-type="video"]:before {
    background-image: none !important;
		}
  .smv-thumbnails .smv-selector[data-type="video"]:before {
    background-image: none !important;
		background-color: rgba(0, 0, 0, 0) !important;
		}

/* Default: hide mobile content */
.mobile-content {
  display: none;
}
/* Show mobile content and hide desktop/tablet content on small screens */
@media (max-width: 750px) {
  .desktop-tablet-content {
    display: none;
  }
  .mobile-content {
    display: block;
  }
  <!-- Sirv Hotspot info: https://sirv.com/help/articles/hotspots-on-360-spin/#hotspot-style -->

/* SIRV SPIN CONTAINER */
  .spin-container {
    flex-grow: 1; /* Ensures it takes up the full remaining space */
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    }

/* SIRV HOTSPOT */		
	.sirv-hotspot-container {
	  font-family: 'Montserrat', sans-serif;
		font-weight: 700; /* This sets the font weight to bold */
		font-size: 10px;
		padding-top: 10px;
		text-align: center;
		vertical-align: middle;
		}
	.sirv-hotspot-close-button {
	  font-size: 30px !important;
	  position: absolute !important;
	  top: 10px !important;
	  right: 10px !important;
	  z-index: 9999 !important;
	  background: none !important;
	  border: none !important;
 	  color: #d1d2d4; !important;
	  width: auto !important;
	  height: auto !important;
 	  line-height: normal !important;
	}
  .sirv-hotspot-pointer.pulsating-point::before {
    background-color: #f6ddcc;
		}
  .sirv-hotspot-pointer.pulsating-point::after {
    border: 1px solid #f6ddcc;
		}
  .sirv-text-pointer {
    padding: 5px 10px 20px 10px;
		}
  .sirv-hotspot-box .sirv-hotspot-close-button {
    font: normal 10px/1 Arial,monospace;
		height: 60px;
		width: 60px;
		z-index: 2;
		}
  .smv-thumbnails .smv-selector[data-type="video"]:before {
    background-image: none !important;
		}
  .smv-thumbnails .smv-selector[data-type="video"]:before {
    background-image: none !important;
		background-color: rgba(0, 0, 0, 0) !important;
		}

/* Default: hide mobile content */
.mobile-content {
  display: none;
}
/* Show mobile content and hide desktop/tablet content on small screens */
@media (max-width: 750px) {
  .desktop-tablet-content {
    display: none;
  }
  .mobile-content {
    display: block;
  }
}
@media (max-width: 750px) {
  .desktop-tablet-content {
    display: none;
  }
  .mobile-content {
    display: block;
  }
  /* Mobile popup adjustments */
  .sirv-hotspot-box {
    max-height: 47.5vh;
    overflow-y: auto;
    box-sizing: border-box;
  }
}