@media only screen and (min-device-width: 993px) and (max-device-width: 1600px) {
	.carousel-item {
		height: auto;
	}
}

@media only screen and (min-device-width: 767px) and (max-device-width: 1600px) {
	.applynow-desktop {
		top: 30%
	}
	.welcome-title {
		font-size: 1.0rem;
	}
}

@media only screen and (max-width: 992px) {
	/* phones */
	.carousel-item {
		min-height: 200px;
		height: 400px;
	}
	.spreadtheword {
		padding: 70px;
	}
	.blue-title {
		font-size: 1.5rem;
	}
	.travel-px-mt {
		padding-left: 3rem;
		padding-right: 3rem;
		margin-top: 3rem;
	}
	.travel-px {
		padding-left: 3rem;
		padding-right: 3rem;
		margin-top: 3rem;
	}
}

@media only screen and (max-width: 800px) {
	.welcome-offer {
		width: 95%;
	}
	.experience-sect {
		width: 95%;
	}
	.carousel-item {
		min-height: 200px;
		height: 320px;
	}
	.slick-next {
		right: 5px !important;
	}
}

@media only screen and (max-width: 767px) {	
	.mobile-hide {
		display: none;
	}
	.mobile-show {
		display: block !important;
	}
	.mobile-swap {
		order: 2;
	}
	.welcome-offer {
		width: 100%;
		margin-top: 0;
	}
	.experience-sect {
		width: 100%;
	}
	.experience-img {
		padding-left: 0;
		padding-right: 0;
	}
	.experience-text {
		padding-left: 3rem;
		padding-right: 3rem;
		padding-bottom: 2rem;
	}
	.dine-text {
		width: 100%;
		padding-left: 3rem;
		padding-right: 3rem;
	}
	.blue-title {
		font-size: 1rem;
	}
}

@media (max-width: 650px) {
	.back {
		text-align: center;
		padding: 0 0 25px 0;
	}
}

@media only screen and (max-width: 576px) {
	.hero1 {
		background-image: var(--herobg1-mobile) !important;
	}
	.hero2 {
		background-image: var(--herobg2-mobile) !important;
	}
	.hero3 {
		background-image: var(--herobg3-mobile) !important;
	}
	.hero4 {
		background-image: var(--herobg4-mobile) !important;
	}
	/* portrait phones */
	.floatbox {
		font-size: 0.8em;
		padding: 10px;
		width: 280px;
		right: 12px;
		bottom: 40px;
	}
	.py-5 {
		padding-bottom: 2rem !important;
		padding-top: 2rem !important;
	}
	.m-mb-4 {
		margin-bottom: 0 !important;
	}
	.m-mb-5 {
		margin-bottom: 1rem !important;
	}
	.carousel-item {
		height: 40vh;
		min-height: 580px;
	}
	.carousel-caption {
		bottom: -25px;
		left: 65%;
	}
	.welcome-title {
		font-size: 1.0rem;
	}
	.welcome-text {
		margin-top: 0;
		font-size: 0.8rem;
	}
	.btn-lg {
		padding: .5rem .5rem;
		font-size: 1rem;
	}
	.h1,
	h1 {
		font-size: 1.5rem;
	}
	.jtabs-nest {
		margin-top: 20px;
	}
	.spreadtheword {
		padding: 40px;
	}
	.footer-end {
		text-align: center;
	}
}