body {
	margin: 0px;
	padding: 0px;
	font-family: "DM Sans", Sans-serif;
	overflow-x: hidden;
}

/* div#wpadminbar {
	display: none;
} */

::-webkit-scrollbar {
	width: 8px;
}

::-webkit-scrollbar-thumb {
	background: #23537f;
	border-radius: 10px;
}

::-webkit-scrollbar-track {
	background: #f1f1f1;
}


body,
html {
	scroll-behavior: smooth;
	font-family: "DM Sans", Sans-serif;
	overflow-x: hidden !important;
	margin: 0px;
}

a {
	text-decoration: none;
	color: inherit;
}

ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

img {
	width: 100%;
	object-fit: cover;
	border-radius: 0% !important;
}

.p-80 {
	padding: 80px 0;
}

.m-0 {
	margin: 0px !important;
}

.bg-light {
	background-color: rgba(239, 255, 234, 1) !important;
}

main.djs {
	height: 100%;
	background: #fff;
}

.text-center {
	text-align: center !important;
}

.text-white {
	color: #fff !important;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

.container {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
}

@media (min-width: 768px) {
	.container {
		width: 100%;
	}
}

@media (min-width: 992px) {
	.container {
		width: 100%;
	}
}

@media (min-width: 1200px) {
	.container {
		width: 1240px;
	}
}

.p-60 {
	padding: 60px 0;
}



#header {
	display: flex;
	padding: 10px 0;
	position: fixed;
	left: 0;
	top: 0px;
	right: 0;
	justify-content: space-between;
	align-items: center;
	z-index: 9999;
	transition: background-color 0.3s ease-in-out;
}

#header:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: var(--bgheader, #000000);
	opacity: 1;
	z-index: -1;
}

#header .row {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#header .row a.logo.site-logo {
    width: 70px;
}

#header .row a.logo.business-logo {
    width: 190px;
}

#header .row .logo img {
    width: 100%;
    height: auto;
	max-width: 80px !important;
}

#header .row nav {
	display: flex;
	align-items: center;
	justify-content: end;
	width: 100%;
}

#header ul.nav-list {
	display: flex;
	justify-content: right;
	align-items: center;
	gap: 0;
}

#header ul.nav-list li a {
	color: var(--menuItem, #ffffff);
	padding: 10px 15px;
	line-height: 40px;
}

#header ul.nav-list li:hover a {
	color: var(--menuItemHover, #23537f);
}


/* Mobile navigation */
.nav-mobile {
    display: none;
    position: absolute;
    top: 50%;
    right: 0px;
    background: transparent;
    height: 55px;
    width: 70px;
    transform: translateY(-50%);
    z-index: 22;
    filter: brightness(0) saturate(100%) invert(30%) sepia(23%) saturate(1403%) hue-rotate(167deg) brightness(90%) contrast(95%);
}

@media only screen and (max-width: 1210px) {
	#header {
		padding: 2px 0;
	}

	#header .row .nav-mobile {
		display: flex;
	}

	#header .row ul.nav-list {
		position: absolute;
		width: 100%;
		left: 0px;
		top: 93px;
		box-shadow: rgb(196 195 195 / 55%) 1px 5px 9px 0px;
		visibility: hidden;
		background: rgb(255, 255, 255);
		padding: 20px;
		z-index: 9999;
		opacity: 0;
		height: 0;
	}

	ul.nav-list.show-menu {
		display: flex !important;
		flex-direction: column;
		align-items: flex-start !important;
		opacity: 1 !important;
		height: auto !important;
		visibility: visible !important;
	}

	ul.nav-list.show-menu li a {
		color: #000000 !important;
	}

	#navbar-toggle span,
	#navbar-toggle span:before,
	#navbar-toggle span:after {
		background: #ffffff !important;
	}

	.row:not(#header .row) {
		flex-wrap: wrap;
	}
}

@media screen and (min-width: 1001px) {
	.nav-list {
		display: flex !important;
	}
}

#navbar-toggle {
	position: absolute;
	right: 26px;
	top: 50%;
	cursor: pointer;
	padding: 10px 35px 16px 0px;
	transform: translateY(-50%);
}

#navbar-toggle span,
#navbar-toggle span:before,
#navbar-toggle span:after {
	cursor: pointer;
	border-radius: 1px;
	height: 3px;
	width: 30px;
	background: #000;
	position: absolute;
	display: block;
	content: "";
	transition: all 300ms ease-in-out;
}

#navbar-toggle span:before {
	top: -10px;
}

#navbar-toggle span:after {
	bottom: -10px;
}

#navbar-toggle.active span {
	background-color: transparent !important;
}

#navbar-toggle.active span:before,
#navbar-toggle.active span:after {
	top: 0;
}

#navbar-toggle.active span:before {
	transform: rotate(45deg);
}

#navbar-toggle.active span:after {
	transform: rotate(-45deg);
}

/* -----Home CSS----- */
section#home {
    position: relative;
    height: 800px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    display: flex;
    align-items: center;
}

section#home .row,
section#home .container {
	height: 100%;
	display: flex;
	align-items: center;
	gap: 20px;
	position: relative;
	z-index: 2;
}

section#home .row {
	width: 100%;
}

section#home::after {
	content: '';
	position: absolute;
	background: #000000;
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0.3;
	z-index: 1;
}

section#home .row .banner-content {
	position: relative;
	z-index: 2;
	color: #ffffff;
}

section#home .row .banner-content p.tagline {
	font-weight: 600;
	font-size: 16px;
	line-height: 100%;
	margin: 0;
	color: #fff;
}

section#home .row .banner-content h1.title {
	font-size: 58px;
	margin: 0px 0;
	text-transform: capitalize;
	max-width: 100%;
}
.menu-wrapper {
    display: flex;
    flex-direction: row;
}
.book-now.btn:not(.social-icon) {
    background: #5aa1e1;
    font-size: 15px;
    padding: 10px 10px 10px 30px;
    border-radius: 50px;
    font-weight: 600;
    margin-top: 5px;
    display: inline-block;
    position: relative;
    z-index: 1;
    overflow: hidden;
    color: #ffffff ;
    width: 130px;
}

.book-now span {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-radius: 50%;
	background-color: var(--bghoverbutton) !important;
	transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
	transform: translate(-50%, -50%);
	z-index: -1;
}

.book-now:hover span {
	width: 500px;
	height: 500px;
}

.banner-content,
.banner-image {
	width: 50%;
}

.social-media-icons {
	display: flex;
	align-items: center;
	gap: 15px;
}

.banner .row .banner-content .social-media-icons a {
	height: 52px;
	width: 52px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #5aa1e1;
	font-size: 24px;
	color: #fff;
	border-radius: 50%;
	margin-top: 30px;
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.book-now span {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-radius: 50%;
	background-color: var(--bghoverbutton) !important;
	transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
	transform: translate(-50%, -50%);
	z-index: -1;
}

/* ----Banner Events------ */

.event-row {
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.85), rgba(20, 20, 20, 0.85));
    border-radius: 18px;
    padding: 40px;
    color: white;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
    position: relative;
    background-image: url(https://globeverifiers.com/wp-content/uploads/2025/07/banner-image.png);
    background-size: cover;
    background-position: center;
    border: 2px solid #fff;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 50px;
    margin-top: 6%;
    min-height: 400px;
    height: auto;
    width: 60%;
}

.booking-button.disabled {
	background-color: #ccc;
	cursor: not-allowed;
}


.event-card * {
	font-family: "DM Sans", Sans-serif;
}

.event-card::before {
	content: '';
	position: absolute;
	background: #000;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	opacity: 0.5;
}

.event-card-inner {
	display: flex;
	flex-direction: row;
	gap: 20px;
	position: relative;
	z-index: 2;
}

.date-badge {
	max-width: 50px;
	width: 100%;
	text-align: center;
}

.badge-month {
	font-size: 14px;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
}

.badge-day {
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	background: #23537f;
	width: fit-content;
	margin: 5px auto;
	padding: 1px 7px;
	border-radius: 3px;
}

.badge-year {
	font-size: 14px;
	color: #fff;
}

.event-content {
	flex: 1;
}

.event-body {
	border-left: 2px solid #8d8d8d;
	padding-left: 30px;
}

.event-title {
	color: #23537f;
	font-size: 22px;
	margin: 0;
	font-weight: bold;
	line-height: 100%;
}

.event-venue {
	font-size: 15px; 
	margin: 8px 0 0;
	line-height: 122%;
	font-weight: 500;
}

.booking-button {
	background: #fff;
	color: #333;
	border-radius: 50px;
	padding: 6px 14px;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 14px;
	display: inline-block;
	margin: 10px 30px;
	transition: 0.3s;
}

.booking-button:hover {
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2);
}

.countdown-wrapper {
	display: flex;
	justify-content: space-between;
	background: #232323;
	padding: 10px 0;
	gap: 10px;
	text-align: center;
	margin-left: 30px;
	border: 1px solid #5AA1E140;
	position: relative;
	z-index: 2;
}

.countdown-box {
	flex: 1;
	border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.countdown-box:last-child {
	border-right: none;
}

.num {
	font-size: 24px;
	font-weight: 500;
	color: white;
}

.label {
	font-size: 13px;
	color: #C1C1C1;
	text-transform: uppercase;
	margin-top: 3px;
}

@media (max-width: 480px) {
	.event-card-inner {
		flex-direction: column;
		align-items: flex-start;
	}
section#home {
    height: unset !important;
    padding: 120px 20px 70px;
}
	.countdown-wrapper {
		flex-wrap: wrap;
	}

	.countdown-box {
		width: 48%;
		margin-bottom: 10px;
	}
}

/* ---about us---- */

section#about {
	background: url(https://globeverifiers.com/wp-content/uploads/2025/07/about-bg.png);
}

.row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
}

#about .about-img,
#about .about-content {
	width: 50%;
}

#about .about-img {
	display: flex;
	align-items: center;
	gap: 10px;
}

#about .about-img .left-img img {
	width: 100%;
	height: 535px;
	border-radius: 200px !important;
}

#about .about-img .right-img img {
	height: 337px;
	border-radius: 100px !important;
	width: 175px;
	margin-top: 20px;
}

.headings {
	font-family: DM Sans;
	font-size: 50px;
	font-weight: 900;
	line-height: 49.48px;
	text-align: left;
	margin: 0px 0px 30px 0;
	color: #000;
}

#about .about-title {
	display: flex;
	align-items: center;
	gap: 20px;
	justify-content: space-between;
}

.aboutus .about-content p {
	font-family: DM Sans;
	font-size: 16px;
	font-weight: 400;
	line-height: 28px;
	text-align: left;
}

.aboutus .about-content .rating {
	margin-top: 20px;
}
.aboutus .about-content .rating {
    width: 100%;
}
.aboutus .about-content .rating .yasr_table_multi_set_shortcode {
	min-height: 0px !important;
	overflow: hidden !important;
}

.aboutus .about-content .rating tbody {
	background: #000 !important;
	padding: 0px;
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	border: 2px solid #000;
	justify-content: space-between;
	align-content: center;
	align-items: center;
	border-radius: 20px;
	overflow: hidden;
}

.aboutus .about-content .rating .yasr_table_multi_set_shortcode td {
	padding: 9px 15px !important;
}

.aboutus .about-content .rating .yasr_table_multi_set_shortcode tr {
	background: #000 !important;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding: 0 10px;
}

.aboutus .about-content .rating .yasr_table_multi_set_shortcode tr:hover {
	background-color: #fff !important;
}

.aboutus .about-content .rating .yasr_table_multi_set_shortcode tr:hover span {
	color: #000 !important;
}

.aboutus .about-content .rating .yasr_table_multi_set_shortcode td {
	padding: 9px 15px !important;
}

.aboutus .about-content .rating .yasr-multiset-average {
	display: flex;
	align-items: center;
	gap: 10px;
}

.aboutus .about-content .rating .yasr_table_multi_set_shortcode td span,
.aboutus .about-content.rating .yasr_table_multi_set_shortcode td .yasr-multiset-average-text {
	color: #fff !important;
}

.aboutus .about-content .rating .yasr_table_multi_set_shortcode tr:last-child {
	padding: 0px !important;
	/* overflow: hidden; */
	display: flex;
	justify-content: center;
	width: 141%;
}

.aboutus .about-content .rating .yasr-multiset-average {
	justify-content: center;
	display: flex;
	align-items: center;
	gap: 11px;
}

#about button#toggleJourney {
    outline: 0 !important;
    padding: 4px 20px;
    cursor: pointer;
    transition: 0.2s;
    line-height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px soli var( --e-global-color-primary );
    margin-top: 10px;
    gap: 4px;
}

#about  .chevron {
    display: flex;
    transition: transform 0.3s ease;
    align-items: center;
}

#about .chevron.rotate {
    transform: rotate(180deg);
}

/* ------week-events---- */

#week-events {
	background: #23537f;
	position: relative;
}

#week-events .week-events-img {
    width: 300px;
    position: absolute;
    right: 13%;
    top: -9%;
    height: 300px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    border-radius: 20px !important;
    background: #fff;
}
.subheadings {
	position: relative;
	padding-left: 40px;
}

.subheadings::before {
	content: '';
	position: absolute;
	background: #fff;
	width: 32px;
	height: 5px;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.weekly-events-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	margin-top: 40px;
}

.week-event-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.event-tile {
	width: 240px;
	border-radius: 14px;
}

.event-background {
	position: relative;
	height: 300px;
	background-size: cover;
	background-position: center;
	border-radius: 14px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 16px;
	z-index: 1;
}

.event-background::before {
	content: '';
	position: absolute;
	background: #000;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border-radius: 12px;
	opacity: 0.6;
	z-index: -1;
}

.event-date-label {
	background: #3F3F3F;
	color: #fff;
	border-radius: 5px;
	padding: 5px 0;
	text-align: center;
	width: 60px;
	font-size: 12px;
}

.event-day,
.event-month {
	font-size: 11px;
	font-weight: 500;
	line-height: 1.2;
}

.event-weekday {
	font-size: 10px;
	line-height: 1;
	background: #fff;
	padding: 6px 10px;
	border-radius: 50px;
}

.event-name {
	margin: 0 0 8px;
	font-size: 16px;
	font-weight: 600;
	color: #fff;
}

.event-ticket-btn {
	display: flex !important;
	padding: 13px 30px !important;
	background-color: #ffffff !important;
	color: #000000 !important;
	border-radius: 50px !important;
	font-weight: bold;
	text-decoration: none;
	transition: background 0.3s ease;
	align-items: center !important;
	gap: 5px !important;
	width: fit-content !important;
	font-size: 14px !important;
	margin-top: 12px !important;
}

.event-ticket-btn:hover {
	background-color: #000000 !important;
	color: #ffffff !important;
}



/* ------New Album Highlights---- */

section#album-highlights {
	background: url(https://globeverifiers.com/wp-content/uploads/2025/07/ablum-bg.png);
	background-color: #191919;
}

/* ------Upcoming Events------- */

section.upcoming-events {
	background: url(https://globeverifiers.com/wp-content/uploads/2025/07/upcoming.png) rgb(0 0 0 / 58%) no-repeat;
	width: 100%;
	background-size: cover;
	background-blend-mode: multiply;
	background-position: center center;
}

.upcoming-events-grid {
	margin-top: 30px;
}

.upcoming-events-grid-item {
	margin-top: 30px;
	border-style: solid;
	border-width: 1px 0px 1px 0px;
	padding: 40px 0 40px;
	border-color: #FFFFFF2B;
}

.upcoming-events-grid-item-content {
	display: grid;
	grid-template-columns: 20% 50% 15% 15%;
	justify-items: stretch;
	align-items: center;
	justify-content: space-between;
	align-content: center;
}

.upcoming-events-grid-item-content-date span {
	font-weight: 700;
	font-size: 16px;
	line-height: 100%;
	color: #23537f;
}

h5.upcoming-events-title {
	font-weight: 700;
	font-size: 32px;
	line-height: 100%;
}

span.upcoming-events-grid-item-content-time-value {
	font-weight: 700;
	font-size: 16px;
	line-height: 100%;
}

/* Amenities */

section#amenities {
    background: #f7f6f4;
}

.amenities .amenities-row {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 20px;
	row-gap: 54px;
	padding: 30px 20px 0px;
}

.amenity-list .visible-item {
	display: flex !important;
}

.hidden-item {
	display: none !important;
}

button.read-more-btn {
	background: transparent !important;
	border-color: transparent !important;
	margin-top: 30px;
	color: #000;
	text-decoration: underline;
	cursor: pointer;
}

.amenity-group {
	border: 1px solid #5aa1e178;
	padding: 42px 0;
	border-radius: 20px;
	position: relative;
	width: 100%;
}

.amenity-group:nth-child(odd) {
	background: #ebf5ff;
}

.amenity-group h3 {
	margin: 0px;
	margin: 0 auto;
	text-align: center;
	background: #23537f;
	display: flex;
	justify-content: center;
	width: fit-content;
	min-width: 215px;
	padding: 8px 20px 10px;
	border-radius: 50px;
	color: #fff;
	font-weight: 600;
	font-size: 16px;
	line-height: 27px;
	position: absolute;
	top: -22px;
	right: 0;
	left: 0;
}

.amenity-group ul {
	padding: 0 20px !important;
}

.amenity-group li {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 21px;
	position: relative;
}

.amenity-group img {
	width: 35px;
	height: 35px;
	object-fit: cover;
	border-radius: 0px !important;
}

.amenity-group:nth-child(even) {
	background: #efffea;
}

/* --------------Gallery-------------- */

.photogallery-images img {
	float: left;
	padding: 0 2px 2px 0;
	/* Yes, you *can* adjust/remove padding. */
}

section.contact {
	height: 600px;
	display: flex;
	align-items: center;
}

.contact-card {
	backdrop-filter: blur(15px);
	background: rgba(255, 255, 255, 0.63);
	padding: 20px 40px;
	width: 360px;
	border-radius: 10px;
	position: relative;
	overflow: hidden;
}

.contact-card-img {
	width: 100px;
	position: absolute;
	right: 10px;
	top: 10px;
}

.contact-card-img img {
	object-fit: contain !important;
}

.contact-num a {
	display: flex;
	align-items: center;
	color: #000;
	gap: 10px;
	font-size: 18px;
	margin-top: 20px;
}

.contact-card h4 {
	font-family: DM Sans;
	font-size: 24px;
	font-weight: 600;
	line-height: 31.25px;
	text-align: left;
	margin: 0;
	padding: 20px 0 0;
}

.contact-address {
	margin-top: 30px;
}

.contact-card h4 {
	font-family: DM Sans;
	font-size: 24px;
	font-weight: 600;
	line-height: 31.25px;
	text-align: left;
	margin: 0;
	padding: 20px 0 0;
}

.contact-address span {
	display: flex;
	gap: 10px;
	font-size: 18px;
	margin-top: 20px;
}


.business-address h4 {
	padding: 20px 0;
}

.business-address ul li {
	margin-bottom: 15px;
	font-size: 18px;
}


@media screen and (min-width: 768px) and (max-width: 1024px) {
	
	.headings {
		font-size: 35px !important;
		line-height: 35px !important;
	}
	
	.p-80 {
    	padding: 40px 0;
	}
	
	#home .row {
   		 flex-wrap: unset !important;
	}
	
	.event-row {
		padding: 20px 16px !important;
		margin-top: 0% !important;
	}
	
	.about-content {
		width: 100% !important;
	}


	h1.title {
		font-size: 36px !important;
	}
	
	#about .row {
    flex-wrap: unset !important;
}

	#about .about-img {
   		 width: 90%;
	}
	
	.about-img img {
		width: 100%;
		height: 370px !important;
	}

	#week-events .week-events-img {
		width: 170px !important;
		right: 2% !important;
		top: -3% !important;
		height: 170px !important;
	}
	
	 .event-tile {
  	  width: 100%;
	}
	
	section#week-events .subheadings::before {
   		 background: #fff;
	}

	.weekly-events-grid {
		display: grid;
		grid-template-columns: repeat(auto-fit, 31%);
	}

	.dj-listing {
		grid-template-columns: repeat(3,1fr) !important;
	}
	
	h3.headings.m-0.text-white {
		font-size: 42px;
	}

	.row {
		align-items: start;
	}

	.upcoming-events-grid-item-content {
		display: grid;
		grid-template-columns: 22% 32% 30% 17%;
	}

	.upcoming-events-grid-item {
		padding: 10px;
	}

	h5.upcoming-events-title.m-0.text-white {
		font-size: 26px;
	}

	.amenities-row {
		display: grid;
		grid-template-columns: repeat(2, 1fr) !important;
	}

	.banner-image {
		width: 100%;
	}

	section#home {
		padding-top: 100px;
	}

	.event-row {
		margin-top: 2% !important;
	}

	section#home {
		height: unset !important;
		padding: 50px 20px !important;
	}
	
	section#work-hours .row {
   		 flex-wrap: unset !important;
	}
}


@media screen and (max-width:767px) {
	.p-80 {
		padding: 50px 0;
	}
.book-now.btn:not(.social-icon) {
            padding-right: 20px;
    
}
	.menu-wrapper {
    display: flex;
    flex-direction: row;   /* Horizontal */
    align-items: center;   /* Vertically centered */
    justify-content: space-between; /* Space between menu & button */
    gap: 20px;  /* Optional spacing */
}

/* MENU */
.menu {
    order: 1;
}

/* BUTTON */
.book-now-button {
    order: 2;
	margin-right: 100px;
}

	section#home {
		height: unset !important;
		padding-bottom: 55px;
	}

	section#home .row .banner-content h1.title {
		font-size: 30px;
		max-width: unset;
		line-height: 60px;
	}

	.event-row {
		padding: 20px;
		gap: 0px;
		margin-top: 10px;
		min-height: unset;
		width: 100%;
	}

	.date-badge {
		max-width: unset;
		text-align: left;
		display: flex;
		align-items: center;
		justify-content: left;
		width: fit-content;
		gap: 6px;
	}

	#about .about-img,
	#about .about-content {
		width: 100%;
	}

	#about .about-img .left-img img {
		height: 400px;
	}

	#about .about-img .right-img img {
		height: 300px;
		width: calc(100% - 30px);
	}

	.headings {
		font-size: 30px;
		line-height: 40px;
	}

	#week-events .week-events-img {
		width: 100%;
		position: unset;
		height: 300px;
	}

	.event-tile {
		width: 100%;
		border-radius: 14px;
	}

	.upcoming-events-grid-item-content-date span {
		font-size: 10px !important;
		line-height: 18px !important;
	}

	h5.upcoming-events-title {
		font-size: 12px !important;
	}

	span.upcoming-events-grid-item-content-time-value {
		font-size: 10px !important;
	}

	.upcoming-events-grid-item-content {
		display: grid !important;
		grid-template-columns: 23% 34% 30% 17% !important;
	}

	.dj-listing {
		grid-template-columns: repeat(1, 1fr) !important;
	}

	.amenities .amenities-row {
		grid-template-columns: repeat(2, 1fr);
		padding: 30px 15px 0px 15px;
		row-gap: 35px
	}

	.amenity-group {
		padding: 11px 0;
	}
	
	section.contact {
		height: unset;
		padding: 50px 0;
		margin-bottom: 23px;
	}
	
	.contact-column, .contact-card {
   		 width: 100% !important;
	}
	
	#week-events .subheadings::before {
    	background: #fff;
	}
}




@media screen and (max-width: 560px) {
	section#home .row {
		flex-wrap: wrap;
	}
.book-now.btn:not(.social-icon) {
            padding-right: 20px;
    
}
	section#home {
    height: unset !important;
    padding: 120px 20px 70px;
}

	.banner-content,
	.banner-image {
		width: 100% !important;
	}
	
	.amenities .amenities-row {
		grid-template-columns: repeat(1, 1fr);
	}
}

.subheadings::before {
	background: #23537f;
}

.row-new {
	display: flex;
	flex-direction: column;
}

.dj-listing {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}

.dj-details {
	margin-top: -70px;
	margin-left: 20px;
	color: #fff;
	line-height: 0px;
	position: absolute;
	padding: 0px 20px 0px;
	background-color: #23537f;
	border-radius: 20px;
	font-size: 16px !important;
}

.dj-image img {
	border-radius: 20px !important;
}

.dj-image::before {
	content: '';
	position: absolute;
	background: #000;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border-radius: 12px;
	opacity: 0.6;
	z-index: -1;
}