@media all and (max-width: 1250px)  {

	:root{
		--content-width: 92%;
		--gutter: 50px;
	}

	#wrapper { width: 100%;}

	.tdlImageTextBlock .tdlImageTextBlockWrapper.offset .tdlImageTextBlockMainWrapper { width: 100%;}
	.tdlImageTextBlock .tdlImageTextBlockWrapper.offset .regularContent { padding-left: 4%;}

	.tdl-seasonal-gallery .gallery-wrapper { width: var(--content-width); margin: 50px auto;}

	#tdlSeasonalBanner { width: 120%; left: -10%;}

	/* Rental Landing Page Buttons */
	.tdl-image-button h3 { font-size: 16px; margin-right: 35px;}

}


@media all and (max-width: 1200px)  {
	.tdlImageTextBlock .tdlImageTextBlockWrapper.offset .tdlCustomTextBlockContainer { flex: 0 0 80%;}
	.tdlImageTextBlock .tdlImageTextBlockWrapper.offset { justify-content: center;}
}

@media all and (max-width: 1130px)  {
	/* Switch to mobile menu */
	#tdl_mm_button.active { top: 20px; position: absolute;}

}

@media all and (max-width: 1100px)  {
	/* Stack Rental Image */
	.tdlRentalBlock .tdlRentalWrapper .tdlRental .rentalContent .mobileImageWrapper { display: block;}
	.tdlRentalBlock .tdlRentalWrapper .tdlRental .rentalContent .mobileImageWrapper img { width: 100%;}
	.tdlRentalBlock .tdlRentalWrapper .tdlRental .rentalContent .imageWrapper { display: none;}

	.menu-header-booking-buttons-container ul li.bookNow.guided a:before { content: '';}
	.menu-header-booking-buttons-container ul li.bookNow.guided a:after { content: 's!';}

}

@media all and (max-width: 1024px)  {
	/* Adjust Lightbox */
	.featherlight .featherlight-content { width: 90% !important;}
	.featherlight .featherlight-image { width: 100% !important;}
}

@media all and (max-width: 1000px)  {
	/* Seasonal Banner Adjustments */
	#tdlSeasonalBanner { height: 350px;}

	/* Adjust Weather for smaller screens */
	.tdlWeather { flex-direction: column; }
	.tdlWeather #current { display: flex; flex-direction: row; align-items: center; justify-content: space-evenly;}
	.tdlWeather #current h3 { margin-bottom: 0;}

	/* Adjust Home Page Offset Section */
	.tdlImageTextBlock .tdlImageTextBlockWrapper.offset .tdlImageTextBlockMainWrapper { flex-direction: column;}
	.tdlImageTextBlock .regularContent .contentWrapper { padding-bottom: 50px;}
	.tdlImageTextBlock .tdlImageTextBlockWrapper.offset .image .imageWrapper img { position: relative;}


	/* Adjust Header */
	.topBarWidget { position: absolute; width: 100%;}
	#tdl_mm_button { top: 120px;}
	.logo { margin: 90px 0 10px 0;}
}

@media all and (max-width: 900px)  {
	/* Adjust Header Buttons */
	.menu-booking-buttons-container ul li.bookNow a { font-size: 14px;}
	.menu-booking-buttons-container ul li.bookNow a:after { font-size: 22px;}

	/* Seasonal Gallery */
	.tdl-seasonal-gallery #gallery-selector .season { font-size: 24px;}
	.tdl-seasonal-gallery #gallery-selector .season#summer { padding-left: 35px; padding-right: 35px;}
	.tdl-seasonal-gallery #gallery-selector .season#winter { padding-right: 35px; padding-left: 35px;}

	/* Footer  */
	#footer footer { display: flex; flex-direction: column;}
	#footer footer .footer_column:nth-of-type(1) { order: 4; display: flex; flex-direction: row; align-items: center;}
	#footer footer .footer_column:nth-of-type(1) .footerColumn1 { flex: 0 0 50%;}
	#footer footer .footer_column:nth-of-type(2) { order: 1;}
	#footer footer .footer_column:nth-of-type(2) div h3 { text-align: center;}
	#footer footer .footer_column:nth-of-type(3) { order: 2;}
	#footer footer .footer_column:nth-of-type(3) div h3 { text-align: center;}
	#footer footer .footer_column:nth-of-type(4) { order: 3;}
	#footer footer .footer_column:nth-of-type(4) div h3 { text-align: center;}
	#footer footer .footer_column:nth-of-type(4) ul { text-align: center; list-style: none;}
	/* #footer #tdl_contact_widget_container { display: flex; flex-direction: column; align-items: center;} */
	/* #footer #tdl_contact_widget_container #phoneContainer { width: 250px; justify-content: space-between; text-align: right;} */
	/* #footer #tdl_contact_widget_container #addressContainer { width: 250px; justify-content: space-between; text-align: right;} */
	/* #footer #tdl_contact_widget_container #directionContainer { width: 250px; justify-content: space-between; text-align: right;} */
	#footer .wp-block-social-links { justify-content: center;}
	#footer .wp-block-image figure.aligncenter { text-align: center;}

	/* Home Page Content */
	.tdlImageTextBlock .regularContent .contentWrapper { padding-bottom: 0;}
	.tdlImageTextBlock .tdlImageTextBlockWrapper.offset .image { margin-top: 0;}
}

@media all and (max-width: 768px)  {
	/* Force Stack */
	.vc_row { flex-direction: column;}
	[data-vc-full-width-init="true"][data-vc-full-width-init="true"][data-vc-full-width="true"].vc_row:not([data-vc-stretch-content="true"]) > .wpb_column { margin: 0 auto;}
	.vc_row > .wpb_column { margin: 0 !important;}

	/* Rental Landing Page Buttons */
	.tdl-image-button h3 { font-size: 24px;}

	/* Seasonal Banner Adjustments */
	#tdlSeasonalBanner .buttonWrapper { width: 200px;}
	#tdlSeasonalBanner .button { font-size: 24px; line-height: 50px;}
	#tdlSeasonalBanner .contentWrapper .button span { display: none;}

	/* Adjust Weather for smaller screens */
	.tdlWeatherWrapper { margin-bottom: 100px;}
	.tdlWeather { flex-direction: column; }
	.tdlWeather #current { flex-direction: column; text-align: center;}
	.tdlWeather #current h3 { margin-bottom: initial;}
	.tdlWeather #current #description { font-size: 35px;}
	.tdlWeather #current #temp { font-size: 35px;}
	.tdlWeather #dailyForecast .day h4 { font-size: .8em;}

	/* Seasonal Gallery */
	.tdl-seasonal-gallery .gallery-wrapper .gallery-container { grid-template-rows: repeat(3, auto);}
	.tdl-seasonal-gallery .gallery-wrapper .gallery-container .tdl-gallery-item { aspect-ratio: 1/1;}

	/* Custom Text Block */
	.tdlImageTextBlock .tdlImageTextBlockWrapper.offset .tdlCustomTextBlockContainer { position: relative; left: -5%;}
	.tdlCustomTextBlock { transform: skew(0);}
	.tdlCustomTextBlock .contentWrapper { font-size: 1.5em; transform: skew(0);}

	/* Testimonials */
	.testimonialRow .vc_col-sm-12 { left: 4% !important;}

}

@media all and (max-width: 700px)  {
	/* Adjust Header */
	.logo { margin: 90px 0 20px 0;}
	/* #headerRight { justify-content: center;} */
	/* header .menu-header-booking-buttons-container ul { position: absolute; top: 0; left: 0; width: 100%; justify-content: center;} */
	/* .logged-in header .menu-header-booking-buttons-container ul { top: 46px;} */
	/* header .menu-header-booking-buttons-container ul li:not(.bookNow) { display: none;} */
	header .menu-header-booking-buttons-container ul li { line-height: 1;}
	header .menu-header-booking-buttons-container ul li.phone a { font-size: 0; position: relative;}
	header .menu-header-booking-buttons-container ul li.phone a:before { content: '\e902'; display: inline-block; font-family: 'icomoon'; font-size: 50px; color: var(--gray); position: absolute;left: -50px;}

	/* Fix stack on rental specs */
	.tdlRentalBlock .tdlRentalWrapper .tdlRental .machineDetails {
		flex-direction: column; gap: 0; margin-top: 15px;
		p:not(:last-of-type):after { display: none;}
	}
}

@media all and (max-width: 600px)  {
	/* Seasonal Banner Adjustments */
	#tdlSeasonalBanner { width: 130%; left: -15%;}
	#tdlSeasonalBanner .buttonWrapper { width: 120px;}
	#tdlSeasonalBanner .button { font-size: 20px; line-height: 50px;}

	/* Seasonal Gallery */
	.tdl-seasonal-gallery #gallery-selector .season span { width: 50%; line-height: 1; padding: 10px 0; text-align: center;}

	/* Stack CTA what to bring columns */
	.tdlCallToActionContainer ul { columns: 1;}
	body.winter .tdlCallToActionContainer ul li { font-size: 1em;}

	/* Adjust Font Sizes */
	h1 { font-size: 2em;}
	h2 { font-size: 1.7em;}
}

@media all and (max-width: 580px)  {
	/* Fix skewed custom text block */
	.tdlCustomTextBlock .contentWrapper { padding: 20px; font-size: 1.2em;}

}

@media all and (max-width: 550px)  {
	header .menu-header-booking-buttons-container ul { width: calc(100% + 20px); left: -10px;}
	.book-button-wrapper { flex-direction: column; gap: 20px;}

}

@media all and (max-width: 500px)  {
	/* Footer Book Now Buttons */
	.menu-booking-buttons-container { width: calc(100% + 20px); margin-left: -10px;}
	.menu-booking-buttons-container ul li.bookNow a:after { font-size: 20px;}
	.menu-booking-buttons-container ul li.winter a { padding: 10px 20px 10px 30px;}
	.menu-booking-buttons-container ul li.summer a { padding: 10px 30px 10px 20px;}
	.menu-booking-buttons-container ul { gap: 10px;}

	header .menu-header-booking-buttons-container ul li.bookNow a { font-size: .6em;}
}

@media all and (max-width: 450px)  {
	/* Seasonal Banner */
	#tdlSeasonalBanner { height: 250px;}

	/* Stretch Header Booking Buttons */
	header .menu-header-booking-buttons-container ul { width: calc(100% + 20px); left: -10px;}
	header .menu-header-booking-buttons-container ul li a { font-size: 16px;}
	/* header .menu-header-booking-buttons-container ul li.bookNow a:before { font-size: 18px;}
	header .menu-header-booking-buttons-container ul li.summer a:before { content: 'Summer';}
	header .menu-header-booking-buttons-container ul li.winter a:before { content: 'Winter';} */
}


@media all and (max-width: 425px)  {
	/* Fix wrap on long CTA buttons */
	.tdlCallToActionContainer .tdlButtonWrapper .tdlButton { display: flex; height: 60px; justify-content: center; align-items: center;}
	.tdlCallToActionContainer .tdlButtonWrapper { display: block;}
}

@media all and (max-width: 400px)  {
	/* Stack Weather */
	.tdlWeather #dailyForecast { display: grid; grid-template-columns: repeat(1, 1fr); grid-template-rows: repeat(3, 1fr); flex: 1;}
	body.summer .tdlWeather #dailyForecast { border: 2px solid var(--green);}
	.tdlWeather #dailyForecast .day { padding: 20px;}
	.tdlWeather #dailyForecast .day:not(:last-of-type) { border-right: none; border-bottom: 2px solid var(--blue);}
	body.summer .tdlWeather #dailyForecast .day:not(:last-of-type) { border-right: none; border-bottom: 2px solid var(--green);}

	/* Seasonal Gallery */
	.tdl-seasonal-gallery #gallery-selector .season span { font-size: 18px;}

	/* Adjust Font Sizes */
	h1 { font-size: 1.7em;}
	h2 { font-size: 1.3em;}

	header .menu-header-booking-buttons-container ul li.phone { display: none;}
}

@media all and (max-width: 375px)  {
	body.winter .tdlCustomTextBlock { background: transparent !important;}
	body.summer .tdlCustomTextBlock { background: transparent !important;}
	.tdlImageTextBlock .tdlImageTextBlockWrapper.offset .tdlCustomTextBlockContainer { flex: 0 0 100%; left: -20px; top: -22px;}

	.logo { margin: 100px 0 10px 0; width: 200px;}
	#tdl_mm_button { top: 110px;}
	header .menu-header-booking-buttons-container ul li.bookNow { font-size: 1.2em;}

}

@media all and (max-width: 330px)  {
	.menu-booking-buttons-container ul li.bookNow a::after { font-size: 16px;}
}