.hamburger { cursor: pointer; padding: 0; margin: 0; background-color: transparent; border: 0; position: fixed; z-index: 99; flex-shrink: 0; justify-content: center; align-items: center; width: 22px; height: 15px; top: 35px; right: 45px; }
.hamburger:focus { outline: 0; }
.hamburger span { left: 50%; height: 2px; width: 100%; top: 50%; background: #fff; position: absolute; display: block; transform: translate(-50%, -50%); transition: all .3s cubic-bezier(0.4, 0, 0.1, 1); }
.hamburger span:first-of-type { transform: translate(-50%, -7px); }
.hamburger span:nth-of-type(2) { transform: translate(-50%, -50%); }
.hamburger span:last-of-type { transform: translate(-50%, 5px); }
.hamburger[aria-expanded="true"] span { top: 50%; background: #3E5869; }
.hamburger[aria-expanded="true"] span:first-of-type { transform: translate(-50%, -50%) rotate(135deg); }
.hamburger[aria-expanded="true"] span:nth-of-type(2) { transform: scaleX(0); }
.hamburger[aria-expanded="true"] span:last-of-type { transform: translate(-50%, -50%) rotate(-135deg); }
#site-header.show.affix .hamburger span, #site-header.show.fixed .hamburger span { background: #3E5869; }
#dealer .btn { padding-left: 15px; padding-right: 15px; text-align: center; }

.nav-open { overflow: hidden; }
#site-header .logo { max-width: unset; }




@media only screen and (max-width:1300px) {

	.dropdown li a {padding: 10px 15px; font-size: 10px;}

}



@media only screen and (max-width:1160px) {

	.spacer-lg {height: 75px}

	p {font-size: 14px; line-height: 1.8}

	#index {display: none}

	.container {padding-left: 20px; padding-right: 20px;}

	h3 {font-size: 40px; line-height: 1.3; letter-spacing: 6px;}

	.btn {padding: 15px 30px;}

	header {padding: 30px 0}

	.home #callout-box { margin-top: 0; }
	.dropdown li a { padding: 10px 8px; }
	#hero .btn { margin-bottom: 10px; }
	#why-regal .box { max-width: 100%; height: calc(100% - 30px); aspect-ratio: 1; padding: 30px 20px; margin-bottom: 30px; }

	#location img { height: 100%; object-fit: cover; }
	#location .right { padding: 40px 30px 40px 0; }
	#location .right .btn { padding-left: 10px; padding-right: 10px; width: 100%; }
	.timeline-item .year { font-size: 200px; }

	.slider .box {height: 400px;}
	.slider .box .overlay {font-size: 30px;}

	#builder .swatch {width: 30px; height: 30px; margin: 0;}
	#builder .color-swatches {width: auto;}

	#collage {height: 70vw; margin: 0; width: 100%; overflow: hidden;}

	.section-title {padding: 0 0 100px;}

	.left-right-module h3 {margin-bottom: 0;}

	footer .boats {padding: 90px 45px 0}
}

@media only screen and (max-width:991px) {

	h3 {font-size: 35px}

	.spacer-md {height: 20px;}
	.spacer-lg {height: 60px;}
	.spacer-xl {height: 100px;}

	.wrapper { overflow-x: hidden; }
	#hero { max-height: 90vh !important; }
	#hero h1 { font-size: 42px !important; }
	.display-1 { font-size: 32px; }
	.container.narrow { max-width: 100%; }

	.menu-main-container { overflow: hidden; transition: none; display: none; position: fixed; left: 0; top: 0; right: 0; bottom: 0; background-color: #ecf9fa; }
	.dropdown ul { display: flex; flex-direction: column; align-items: center; height: 100%; justify-content: center; }
	.dropdown li a { color: #3E5869; }
	.dropdown li:hover a { color: #3E5869; }
	.dropdown li a[aria-current="page"] { border-bottom: 1px solid; }

/*	.sub-menu {display: none !important}*/
	.dropdown ul .sub-menu {top:0; opacity: 1; position: relative; padding: 0; pointer-events: all; height: auto; max-height: 0px; overflow: hidden;}
	.dropdown ul .sub-menu li:last-child a {padding-bottom: 30px;}
/*	.dropdown ul .sub-menu li:first-child {display: none}*/
	.dropdown ul .sub-menu li a {color: #5dc7c7 !important}
	.dropdown li:hover .sub-menu {max-height: 500px}
	.dropdown .menu-item-has-children {position: relative;}
	.dropdown .menu-item-has-children > a:after {filter: none;}
	.dropdown li.menu-item-has-children a[aria-current="page"] {border-bottom: 0}

	.home #callout-box { padding-left: 15px; padding-right: 15px; }
	.home #callout-box p { max-width: 60%; margin: auto; }

	#collage {height: auto}
	#collage .text { width: calc(100% - 30px); left: 0; margin-left: 0; }
	.page-template-page-owners-resources #hero-box .bg-blue { padding-left: 15px; padding-right: 15px; }

	#careers .intro { padding-left: 15px; padding-right: 15px; }
	#career-testimonials ul { padding-left: 60px; padding-right: 60px; }
	#career-testimonials .slick-prev:before,
	#career-testimonials .slick-next:before { height: 50px; width: 25px; background-size: contain; }
/*	#careers #collage {display: none}*/
	#careers .intro br {display: none}

	#why-regal p br {display: none}

	#why-regal .box { font-size: 18px; }
	#why-regal .box {}
	#apply-banner img {height: 400px; min-height: 0}

	#values { padding: 90px 15px; }

	#single-event #gallery .gallery-slider .slick-slide { padding: 0; max-width: 85vw; }
	#single-event #gallery .gallery-slider .slick-slide .inside { padding-right: 30px; }
	#careers #gallery .gallery-slider .slick-slide { padding-left: 0 !important; max-width: 85vw;  }

	footer .display-1 { margin-bottom: 30px; }
	footer .dropdown li a {color: #FFF;}
	footer .dropdown {padding-bottom: 30px;}
	footer .boats {padding: 30px 30px 0; text-align: center;}
	footer .boats h4 {margin-bottom: 30px;}

	#shopping .dropdown-btn { width: calc(50% - 12px);}
	#boat-feed .btn { padding-left: 10px; padding-right: 10px; }
	.page-template-page-legacy .overlay-slider .slick-slide { width: 80vw; }
	#timeline .slick-dots li { margin-right: 40px; }
	#timeline .slick-dots li:after { width: 50px; }

	#find-dealer {padding: 120px 30px}


}

@media (max-width: 767px) {

	h4 {font-size: 15px;}
	h2 {font-size: 28px; letter-spacing: 4px}
	h2 br {display: none}
	h3 {font-size: 30px; letter-spacing: 5px}
	h5 {font-size: 10px;}
	#hero .inside h1 {font-size: 20px; letter-spacing: 4px}
	.h2-medium {font-size: 30px;}
	.h2-medium br {display: none}

	.spacer-xl {height: 75px;}

	#index .line { max-width: 10px; }
	header { padding-left: 5px; padding-right: 5px; }
	.hamburger { right: 15px; }
	.dates { text-align: right; }

	#hero .btn { width: 100%; }
	#hero .line {margin-left: 30px; width: 180px;}
	#hero .inside h1 {margin-bottom: 30px;}
	#events #hero,
	#single-event #hero,	
	#hero {height: 350px}
	#careers #hero {height: 700px; justify-content: flex-start; }
	#careers #hero .inside {padding-top: 100px;}
	.page-template-page-boat-series #hero .inside h1 {margin-bottom: 0;}

	
	.home #hero {height: 550px}
	.home #callout-box { margin-top: 0; padding: 60px 15px; margin-bottom: 60px;}
	.home #callout-box p { max-width: 100%; font-size: 16px; line-height: 1.8}

	.slider .box { width: 7%; height: 300px; margin: 0 3px;}
	.slider .box.expanded { width: 82%; }
	.slider .box.expanded .overlay { opacity: 1; }
	.slider .box .overlay { opacity: 0; line-height: 1;left: 15px; bottom: 15px; max-width: calc(100% - 30px); display: flex; align-items: center; transition: opacity .5s ease; white-space: normal; max-width: 80%}
	.slider .box .overlay .btn:first-of-type { margin: 5px 0; }
	.slider .box .btn {width: 150px;}
	.slider .box .overlay .text-xl-center {margin-bottom: 15px;}

	#boat-select { padding-top: 100px; padding-bottom: 100px; }

	#journey {margin-top: 60px; display: none}

	#find-dealer { padding: 60px 0; }
	#find-dealer .map { float: none; width: calc(100% + 40px); margin-left: -20px; margin-bottom: 30px;}
	#find-dealer form { width: 100%; }

	.section-title {padding: 0 0 60px}
	.section-title .line {height: 50px}
	#builder .overlays,
	#builder .feat,
	#builder .overlay {aspect-ratio: 5 / 3; image-rendering: pixelated; }
/*	#builder .visual-bootstripe {}*/
	#builder #controls {padding: 30px 0 60px;}
	#builder .color-swatches {margin-bottom: 20px;}
	#builder .swatch {width: 25px; height: 25px;}

	#collage img { width: 50%; max-height: 70vh; }
	#collage .btn { width: calc(100% - 30px); margin:0 0 15px; }
	#collage .row > div:first-of-type { margin-bottom: 20px; }
	#collage .row > div:nth-of-type(2) { margin-bottom: 20px; text-align: center; }
	#collage .row > div:nth-of-type(3) { margin-bottom: 20px; text-align: right; }
	#collage .foreground-1 { top: 10%; }
	#collage .foreground-2 { right: 55%; }
	#collage .text {width: 80%; left: 10%; bottom: 20%}

	footer .boats { padding-left: 15px; padding-right: 15px; text-align: center; margin-top: -70px}
	footer .boats h4 { padding-bottom: 30px; }
	footer .boats h2 {font-size: 20px; line-height: 1.4; letter-spacing: 3px;}
	footer .boats a.btn {margin-bottom: 0}
	footer .boats a {margin-bottom: 40px;}
	footer .boats a .img-container {height: 60px;}
	footer .dropdown li a {padding: 5px 0}
	footer .display-1 {font-size: 25px}
	footer #form.submit-right .gform_footer .btn {display: block; float: none; width: 100%}

	#career-testimonials .slick-prev { left: 0; }
	#career-testimonials .slick-next { right: 4px; }
	#career-testimonials ul li .line-1 { font-size: 24px; }
	#career-testimonials ul li .line-2 { margin-bottom: 40px; }
	#career-testimonials ul { padding-left: 40px; padding-right: 40px; }

	#values .cards { display: flex; flex-wrap: wrap; }
	#values {padding: 30px 15px 15px;}
	#values .icon-card { width: calc(50% - 8px); padding: 15px; height: auto; }
	#values .icon-card img {margin-bottom: 15px;}
	#values .icon-card h4 { font-size: 12px; }
	#values .icon-card {}


	#location .right { padding-left: 15px; padding-right: 15px; padding-top: 0; padding-bottom: 90px; margin: auto; text-align: center; }

	#single-event #gallery .gallery-slider .model-overlay { left: 15px; bottom: 15px; }

	#single-event #quote-form { padding-left: 15px; padding-right: 15px; }

	#shopping .left-mask { width: 100vw; right: 0; }

	#shopping #left { padding-right: 0; }

	#filters .filters-item { margin-bottom: 15px; }

	.boat-series-row h2 {font-size: 30px;}
		
	#events .extend-img {width: 100%; margin: 0 0 15px; float: none; min-height: 0}
	#additional-events .event-module-lower img {height: auto;}
	#additional-events .event-module-lower .btn {display: block; width: 100%;}
	#dealer {padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #EFEFEF}
	
	#location {}
	#location #map {height: 300px;}
	#location #map [title="Event"] img {object-fit: cover !important;}
	#single-event #gallery .gallery-slider .slick-slide img {height: 200px;}
	#single-event #quote-form {padding: 15px 15px;}
	#single-event #gallery .gallery-slider .model-overlay {position: static; color: #3f586a; padding: 10px}
}

@media (max-width: 575px) {
/*	.btn { padding-left: 20px; padding-right: 20px; width: 100%; }*/
	.dropdown-btn { padding-left: 20px; padding-right: 20px; }
	.filter-checkbox label { max-width: 100%; }
	.page-template-page-owners-resources .left-right-module .btn { width: 100%; }
	h2 { font-size: 26px; }
	#why-regal .box { font-size: 14px; }
	#why-regal .box img { margin-bottom: 20px; }

	.timeline-item .year { font-size: 140px; }
	#timeline .slick-dots li { margin-right: 16px; }
	#timeline .slick-dots li:after { width: 25px; }
	#timeline .slick-dots a { font-size: 11px; }


}


@media only screen and (min-width:1161px) and (max-height: 695px) {
	#hero h1 { font-size: 100px; }
}

@media only screen and (min-width:992px) {
  .menu-main-container { display: block !important; }
}