/* addon front end css */

@media (min-width: 1200px) {
	.main-slider-one .main-slider-one__destinations {
		right: max(24px, calc((100vw - 1680px) / 2));
	}

	.main-slider-one .main-slider-one__bottom__nav {
		display: flex;
		left: calc((100vw - 1200px) / 2 - 35px);
	}
}

@media (min-width: 1600px) {
	.main-slider-one .main-slider-one__bottom__nav {
		left: calc((100vw - 1580px) / 2 - 35px);
	}
}

@media (max-width: 1199px) {
	.main-slider-one .main-slider-one__content {
		margin-right: auto;
		margin-left: auto;
		text-align: center !important;
	}

	.main-slider-one .main-slider-one__bottom__nav {
		display: none !important;
		top: 245px;
		left: clamp(12px, 4vw, 40px);
		transform: translateY(-50%);
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.main-slider-one .main-slider-one__item {
		height: 700px;
		min-height: 700px;
		padding-bottom: 0;
	}

	.main-slider-one .main-slider-one__item > .container > .row {
		justify-content: flex-start;
	}

	.main-slider-one .main-slider-one__item > .container > .row > [class*="col-"] {
		width: 52%;
		flex: 0 0 52%;
	}

	.main-slider-one .main-slider-one__content {
		max-width: 100%;
		padding: 150px 0 0;
		text-align: left !important;
	}

	.main-slider-one .main-slider-one__destinations {
		position: absolute !important;
		top: 50% !important;
		right: clamp(16px, 4vw, 48px) !important;
		bottom: auto !important;
		width: clamp(300px, 42vw, 520px) !important;
		max-width: none !important;
		margin: 0 !important;
		transform: translateY(-50%);
	}
}

@media (max-width: 767px) {
	.main-slider-one .main-slider-one__item {
		padding: 80px 0 40px;
	}

	.main-slider-one .main-slider-one__item > .container {
		width: 100%;
		max-width: 100%;
		padding: 0 15px;
	}

	.main-slider-one .main-slider-one__content {
		padding: 50px 0 0 !important;
		margin-bottom: 20px;
	}

	.main-slider-one .main-slider-one__destinations {
		position: relative !important;
		width: calc(100% - 30px) !important;
		max-width: 100% !important;
		margin: 0 auto 40px !important;
	}

	.main-slider-one .destinations-two__carousel {
		width: 100% !important;
		overflow: hidden !important;
	}

	.main-slider-one .destinations-card-two__thumb {
		width: 100% !important;
		height: auto !important;
		min-height: 280px !important;
	}

	.main-slider-one .main-slider-one__bottom__nav {
		display: none !important;
	}
}