.locationbtn,
.sortbtn,
.typebtn {
	font-family: 'MADE Mirage';
	font-style: normal;
	font-weight: 400;
	font-size: 24px;
	line-height: 32px;
	color: #32312F;
	background-color: transparent;
	border: none;
	cursor: pointer;
	border-bottom: 1px solid #32312F;
}

select option {
	margin: 40px;
	background: #f7f7f6;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}

.locationbtn:hover,
.sortbtn:hover,
.sortbtn:focus,
.typebtn:hover,
.typebtn:focus {
	color: #D8AD69;
	border-bottom: 1px solid #D8AD69;
}

.dropdown {
	position: relative;
	display: inline-block;
}

.dropdown-sort,
.dropdown-type,
.dropdown-location {
	display: none;
	position: absolute;
	background-color: #f7f7f6;
	min-width: 160px;
	overflow: auto;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	z-index: 1;
	text-align: left;
	padding: 5px 15px;
	right: 0;
}

.dropdown-sort div,
.dropdown-type div,
.dropdown-location div {
	font-family: 'MADE Mirage';
	font-style: normal;
	font-weight: 400;
	font-size: 24px;
	line-height: 32px;
	color: #32312F;
	padding: 10px 0px;
	text-decoration: none;
	display: block;
	cursor: pointer;
}

.dropdown div:hover {
	color: #D8AD69;
}

.show {
	display: block;
}

.hide {
	display: none;
}

/*#endregion */
/*#region news */


.newstitle {
	font-family: 'MADE Mirage';
	font-style: normal;
	font-weight: 400;
	font-size: 40px;
	line-height: 56px;
	color: #32312F;
}

.newstitle:hover {
	color: #32312F;
}

.newsdesc {
	font-family: 'Gotham';
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 32px;
	color: #32312F;
}

.newsdesc:hover {
	color: #32312F;
}



.loadbtn {
	border: 0px;
	background-color: transparent;
	border-bottom: 1px solid #32312F;
}

.normalText {
	font-family: 'MADE Mirage';
	font-style: normal;
	font-weight: 400;
	font-size: 24px;
	line-height: 32px;
	color: #32312F;
}

.detailsContainer {
	max-width: 1000px;
	width: 100%;
	position: relative;
	text-align: left;
	margin: auto;
}

.detailstitle {
	font-family: 'MADE Mirage';
	font-style: normal;
	font-weight: 400;
	font-size: 56px;
	line-height: 64px;
	color: #32312F;
}

.detailstxt {
	font-family: 'Gotham';
	font-style: normal;
	font-weight: 325;
	font-size: 20px;
	line-height: 32px;
	color: #84837D;
}

/*#endregion */



@media screen and (max-width: 768px) {
	.bannerbg {
		min-height: calc(100vh - 71px);
	}

	.sec1 {
		height: calc(100vh - 71px);
	}

	#background-video {
		height: calc(100vh - 71px);
	}

	.videoTitle {
		font-size: 40px;
		line-height: 56px;
	}

	.bannerText {
		font-size: 40px;
		line-height: 56px;
	}
	.bannersubText {
		font-size: 24px;
		line-height: 32px;
	}

	.heading {
		font-size: 32px;
		line-height: 48px;
	}

	.footerItem {
		font-size: 24px;
		line-height: 32px;
	}

	.imglogo {
		width: 49px;
		height: 49px;
	}

	.navpd {
		padding: 11px 20px;
	}

	.homebg {
		padding-top: 71px;
	}

	.minht504 {
		min-height: unset !important;
	}

	.menuItem {
		font-size: 32px;
		line-height: 48px;
		opacity: 1;
	}

	.menucontainer {
		text-align: center;
	}

	.headerdp {
		color: #FFFFFF;
		font-size: 32px;
		line-height: 48px;
		margin: auto;
	}

	.alignselfC {
		align-self: unset;
	}

	.cities {
		font-size: 48px;
		line-height: 64px;
	}

	.subtitle {
		line-height: 44px;
	}

	.bannerTitle {
		font-size: 68px;
		line-height: 76px;
	}
}

/* Responsive layout - makes a two column-layout instead of four columns */


/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */


@media screen and (max-width: 576px) {
	.bannerTitle {
		font-size: 60px;
		line-height: 70px;
	}
	/* .cities {
		font-size: 30px;
		line-height: 56px;
	} */

	.title {
		font-size: 28px;
	}

	.locationbtn,
	.sortbtn,
	.typebtn {
		font-size: 22px;
	}


}