/* START SEARCH LISTING */
.searchTopListings {
	margin-bottom: 						150px;
}

.searchTopListings .firstRow {
	display: 							flex;
	flex-flow: 							row nowrap;
	align-items: 						center;
	justify-content: 					space-between;
	margin-bottom: 						25px;
}

.searchTopListings .firstRow .title cc {
	color: 								var(--brown);
}

.searchTopListings .firstRow .btnListings {
	gap: 								60px;
}

.searchTopListings .firstRow .btnListings::after {
	background: 						var(--beige);
}

.searchTopListings .firstRow .btnListings:hover::after {
	background: 						var(--gold);
}

.searchTopListings .secondRow {
	display: 							flex;
	flex-flow: 							row nowrap;
	align-items: 						center;
	gap: 								25px;
	padding: 							15px;
	background-color: 					#FFFFFF;
	border-radius: 						30px;
	margin-bottom: 						15px;
}

.searchTopListings .secondRow > *{
	flex:								0 0 calc(100% / 6 - (25px * 5 / 6));
	width:								calc(100% / 6 - (25px * 5 / 6));
}

.searchTopListings .secondRow .dropdown .dropdown-toggle:before {
	content: 							"";
	width: 								30px;
	height: 							30px;
}

.searchTopListings .secondRow .dropdown:nth-of-type(1) .dropdown-toggle::before {
	background: 						url("../../images/bathIcon.svg") center center no-repeat;
	background-size: 					25px 25px;
}

.searchTopListings .secondRow .dropdown:nth-of-type(2) .dropdown-toggle::before {
	background: 						url("../../images/bedIcon.svg") center center no-repeat;
	background-size: 					25px 25px;
}

.searchTopListings .secondRow .dropdown:nth-of-type(3) .dropdown-toggle::before {
	background: 						url("../../images/sizeIcon.svg") center center no-repeat;
	background-size: 					25px 25px;
}

.searchTopListings .secondRow .dropdown:nth-of-type(4) .dropdown-toggle::before {
	background: 						url("../../images/locationFilters.svg") center center no-repeat;
	background-size: 					25px 25px;
}

.searchTopListings .secondRow .dropdown:nth-of-type(5) .dropdown-toggle::before {
	background: 						url("../../images/price.svg") center center no-repeat;
	background-size: 					25px 25px;
}

.searchTopListings .secondRow .dropdown .dropdown-toggle .optionSelected {
	text-overflow: 						ellipsis;
	overflow: 							hidden;
}

.searchTopListings .secondRow .btnSearch {
	margin-left: 						auto;
}

.searchTopListings .secondRow .btnSearch::after {
	background: 						var(--brown);
}

.searchTopListings .secondRow .btnSearch:hover::after {
	background: 						var(--black);
}

.searchTopListings .thirdRow {
	display: 							flex;
	flex-flow: 							row nowrap;
	align-items: 						center;
	gap: 								25px;
	margin: 							0 calc(-0.5 * 1.5rem) 0;
}

.searchTopListings .thirdRow .slick-list {
	margin: 							0 -12.5px;
}

.searchTopListings .thirdRow .wrapper {
	position: 							relative;
	padding: 							15px;
	background-color: 					#FFFFFF;
	border-radius: 						20px;
	margin: 							0 12.5px;
}

.searchTopListings .thirdRow .wrapper::after {
	content: 							"";
	width: 								50px;
	height: 							50px;
	background: 						url("../../images/diagonalArrow.svg") center center no-repeat;
	background-size: 					40px 40px;
	background-color: 					var(--transparency);
	border-radius: 						50px;
	position: 							absolute;
	top: 								35px;
	right: 								25px;
}

.searchTopListings .thirdRow .wrapper .image {
	width: 								100%;
	height: 							500px;
	object-fit: 						cover;
	object-position: 					center center;
	border-radius: 						10px;
	margin-bottom: 						10px;
}

.searchTopListings .thirdRow .wrapper .locationPrice {
	display: 							flex;
	flex-flow: 							row nowrap;
	align-items: 						center;
	margin-bottom: 						15px;
}

.searchTopListings .thirdRow .wrapper .locationPrice::before {
	content: 							"";
	width: 								18px;
	height: 							22px;
	mask:		 						url("../../images/location.svg");
	mask-size: 							18px 22px;
	background-color: 					#000000;
	margin-right: 						5px;
}

.searchTopListings .thirdRow .wrapper .locationPrice .location {
	font-weight: 						900;
}

.searchTopListings .thirdRow .wrapper .locationPrice .price {
	font-size: 							23px;
	font-weight: 						900;
	color: 								var(--brown);
	padding: 							10px;
	border-radius: 						10px;
	background-color: 					var(--beige);
	margin-left: 						auto;
}

.searchTopListings .thirdRow .wrapper .amenities {
	display: 							flex;
	flex-flow: 							row nowrap;
	align-items: 						center;
}

.searchTopListings .thirdRow .wrapper .amenities .icon {
	object-fit: 						contain;
	object-position: 					center center;
	margin-right: 						5px;
}

.searchTopListings .thirdRow .wrapper .amenities .value {
	width: 								100%;
	font-size: 							14px;
	text-overflow: 						ellipsis;
	text-wrap: 							nowrap;
	overflow: 							hidden;
}

.searchTopListings .thirdRow .wrapper .amenities .vr {
	opacity: 							1;
	margin: 							0 15px;
}
/* END SEARCH LISTING */

@media (max-width: 991px) {
	/* START SEARCH LISTING */
	.searchTopListings {
		margin-bottom: 						50px;
	}

	.searchTopListings .firstRow {
		position: 							relative;
		justify-content: 					center;
		margin-bottom: 						25px;
		padding: 							0 20px;
	}

	.searchTopListings .firstRow .title {
		font-size: 							25px;
	}

	.searchTopListings .firstRow .btnListings {
		display: 							none;
	}

	.searchTopListings .firstRow .mobileFilters {
		background-color: 					#FFFFFF;
		padding: 							10px;
		border: 							unset;
		border-radius: 						15px;
		margin-left: 						auto;
		margin-right: 						10px;
	}

	.searchTopListings .firstRow .mobileListingFilters {
		display: 							flex;
		flex-flow: 							column nowrap;
		gap: 								15px;
		padding: 							15px;
		border-radius: 						20px;
		background-color: 					#FFFFFF;
		position: 							absolute;
		top: 								120%;
		right: 								0;
		left: 								0;
		margin: 							auto;
		z-index: 							9;
		overflow: 							hidden;
		opacity: 							0;
		visibility: 						hidden;
		transition: 						all 0.3s ease-in-out;
	}

	.searchTopListings .firstRow .mobileListingFilters.show {
		opacity: 							1;
		visibility: 						visible;
	}

	.searchTopListings .firstRow .mobileSearch {
		background-color: 					#FFFFFF;
		padding: 							10px;
		border: 							unset;
		border-radius: 						15px;
	}

	.searchTopListings .thirdRow .slick-list {
		margin: 							0 -2.5px;
	}

	.searchTopListings .thirdRow .wrapper {
		padding: 							10px;
		margin: 							0 2.5px;
	}

	.searchTopListings .thirdRow .wrapper::after {
		width: 								40px;
		height: 							40px;
		background-size: 					30px 30px;
		top: 								25px;
		right: 								20px;
	}

	.searchTopListings .thirdRow .wrapper .image {
		height: 							250px;
		border-radius: 						15px;
	}

	.searchTopListings .thirdRow .wrapper .locationPrice {
		margin-bottom: 						10px;
	}

	.searchTopListings .thirdRow .wrapper .locationPrice::before {
		margin-right: 						10px;
	}

	.searchTopListings .thirdRow .wrapper .locationPrice .price {
		padding: 							10px;
		font-size: 							14px;
		background-color: 					var(--white);
		position: 							absolute;
		top: 								25px;
		left: 								20px;
	}

	.searchTopListings .btnListings {
		width: 								fit-content;
		gap: 								70px;
		margin: 							30px auto 0;
	}
	
	.searchTopListings .btnListings::after {
		background: 						var(--beige);
	}
	
	.searchTopListings .btnListings:hover::after {
		background: 						var(--gold);
	}
	/* END SEARCH LISTING */
}