@charset "UTF-8";

@media (max-width: 600px) {

	.my-account .my-preferences-container {
		width: 100%;
	}

	.my-account .my-preferences-container .my-preference {
		width: 100%;
	}

	.alternative-facilities-search-wrapper {
		width: 100% !important;
		justify-content: center !important;
	}

	.directory-search-results {
		display: flex;
	}

	.fms-image-guidance {
		width: 100% !important;
	}

	.fms-acts .act-container-editing {
		zoom: normal !important;
		margin: 0 0 10px 0 !important;
	}

	.fms-acts .act-container {
				width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto 10px 0;
	}

	.fms-acts .act-container .act-wrapper {
			display: flex;
	    flex-wrap: wrap;
	    justify-content: space-between;
	}

	.fms-acts {
		width: 100%;
	}

	.fms-acts .act-container img {
		width: 20% !important;
		height: auto !important;
		border-radius: 10px !important;
	}

	.fms-acts .act-container .act-image {
		width: 100% !important;
	}

	.fms-acts .act-container .name {
		width: 78%;
		border-radius: 10px !important;
	}

	.mobile-display-none {
		display: none !important;
	}

	.navbar>.container,
	.navbar>.container-fluid,
	.navbar>.container-lg,
	.navbar>.container-md,
	.navbar>.container-sm,
	.navbar>.container-xl,
	.navbar>.container-xxl {
		justify-content: space-evenly !important;
	}

	.section,
	.accounts {
		padding: 10px 0 10px 0 !important;
		width: 100%;
	}

	div:where(.swal2-container) div:where(.swal2-popup) {
			border-radius: 30px !important;
			border: solid 5px limegreen !important;
	    transform: scale(1) !important;
	    font-size: 0.9em !important;
	}

	div:where(.swal2-container) div:where(.swal2-actions) {
			gap: 10px;
	}

  .boookings-confirmation-payment-message {
   	margin: 10px 0 10px 0;
    width: 100% !important;
    font-size: 0.8em !important;
   }

	.mobile-message {
		display: block;
	}

	.fms-password-toggle-reveal {
		left: 78%;
	}

	.main-login-wrapper {
		width: 100%;
	}

	.registration-input {
		width: 100%;
	}

	.navbar-center {
		width: 100% !important;
		justify-content: center !important;
	}

	.navbar-reform {
		width: 100% !important;
	}

	.nav-link,
	.navbar-reform {
		text-align: center !important;
	}

	/* DATE PICKER */
	.date-picker {

	}

	.date-picker.open {
		transform: translateY(8px) scale(1) !important;
	}

	.logo-wrapper .welcome-text {
		font-size: 1.25em;
		bottom: 30%;
	}

	.event-select {
		margin-bottom: 10px;
	}
}

@media (hover: none) {
	.date-picker {
		transition: opacity 0.25s ease;
  }

  .date-picker::before,
  .date-picker::after {
    display: none;
  }
}