@media screen and (min-width: 780px) {

	.mobile-body-wrapper {
		top: 0;
	}

	label[for="nav-trigger"],
	.mobile-navigation {
		display: none;
	}

	.wrapper {
		padding: 0 2.5%;
	}

	.mobile-nav-bar {
		display: none; 		
	}
	
	hr {
		margin: 30px 0;
		margin: 1.875rem 0; 
	}
	
	.img-left {
		float: left;
		max-width: 25%;
		margin: 6px 20px 6px 0;
		margin: .375rem 1.5rem .375rem 0;
	}
	.img-right {
		float: right;
		max-width: 25%;
		margin: 6px 0 6px 20px;
		margin: .375rem 0 .375rem 1.25rem;
	}

	header {
		position: relative;
		z-index: 99;
		padding: 0;
	}
	header .wrapper {
		display: grid;
		grid-template-areas: "logo login" "logo btns" "menu menu";
		grid-template-columns: 30% 70%;
		grid-template-rows: auto 1fr auto;
	}

	header .logo {
		grid-area: logo;
		margin: .625rem 0 0 0; /*10px 0 0 0*/
	}

	header .zoomclub-login {
		grid-area: login;
		position: relative;
		top: unset;
		right: unset;
		width: auto;
		padding: 0;
		margin-top: 1.25rem; /*20px*/
		color: inherit;
		font-size: inherit;
		line-height: 1em;
	}
	header .zoomclub-login a {
		color: #005295;
		text-decoration: none;
		cursor: pointer;
	}
	header .zoomclub-login.already i.fa {
		color: #005295;
	}
	header .zoomclub-login a:hover {
		text-decoration: underline;
	}

	#login-popup .popup-content {
		padding: 2.5rem; /*40px*/
	}
	#login-popup .popup-content h2:first-of-type {
		margin-right: 0;
	}
	#login-popup .popup-content h2:not(:first-of-type) {
		margin-top: 2.5rem; /*40px*/
	}

	header .cta-btns {
		grid-area: btns;
		flex-flow: row nowrap;
		justify-content: flex-end;
		align-items: center;
		margin-left: 1.25rem; /*20px*/
	}
	header .cta-btns .btn {
		flex: 0 1 200px;
	}
	
	header nav {
		grid-area: menu;
		display: block;
	}
	header nav > ul {
        display: flex;
        flex-flow: row wrap;
        justify-content: flex-start;
        align-items: center;
        gap: 0 .625rem; /*0 10px*/
        margin: 0;
        padding: 0;
    }
    header nav > ul > li {
        position: relative;
        display: block;
        margin: 0;
        padding: 0;
    }
    header nav > ul > li > a {
        display: block;
        padding: .625rem 0; /*10px 0*/
        font-size: 1em;
        line-height: 1em;
    }
    header nav > ul > li.has-subnav > a:after {
        display: inline-block;
        content: "\f0d7";
        margin-left: .5rem; /*8px*/
        font-family: "FontAwesome";
        text-decoration: none !important;
        border: 0;
    }
    header nav > ul > li > ul {
        display: none;
    }
    header nav > ul > li:hover > ul {
        display: block;
        position: absolute;
        z-index: 10;
        top: 100%;
        left: 0;
        width: 100%;
        min-width: 220px;
        background-color: #005295;
    }
    header nav > ul > li:hover > ul > li {
        border-bottom: 1px solid #fff;
    }
    header nav > ul > li:hover > ul > li > a {
        display: block;
        padding: 10px 15px;
        padding: .625rem .9375rem;
        color: #fff;
        font-size: 1em;
        line-height: 1.375em;
    }
	/* hide links only intended for the footer nav from the header nav */
	header nav ul li.nav_TermsConditions,
	header nav ul li.nav_PrivacyPolicy,
	header nav ul li.nav_OffSiteParking,
	header nav ul li.nav_OurBlog,
	header nav ul li.nav_Reservations {
		display: none; 
	}
	
	footer nav ul, 
	footer nav ul li {
		flex-flow: row wrap;
		justify-content: center;
	}

	.content-area {
		padding: 40px 0;
		padding: 2.5rem 0;
	}
	.content-area .content {
		float: left;
		width:65.555%;
	}
	.content-area .sidebar {
		float: right;
		width: 31.111%;
		margin-top: 0;
	}
	.content-area .content.full-width {
		float: none;
		width: 100%;
	}

	.content-area ul.mobile-spaced-list li {
		margin: 0;
	}
	
	.column-row > *,
	ul.column-row > li {
		float: left;
	}
	.column-row > * + *,
	ul.column-row > li + li {
		margin-top: 0;
		margin-left: 3.333%; /*40/1200px*/
	}
	.column-row > *.one-half { width: 48.333%; }
	.column-row > *.one-third { width: 31.111%; }
	.column-row > *.two-thirds { width: 65.555%; }
	.column-row > *.one-fourth { width: 22.5%; }
	.column-row > *.three-fourths { width: 74.166%; }

	/* override some styles from form-enhance.css to make column-row work right again on My Account > Redeem Points */
	.column-row.redeem-points .one-half {
		float: left;
		width: 48.333%;
	}

	.form-flex-group > label {
		order: 1;
	}
	.form-flex-group > input[type="text"] {
		order: 2;
		flex: 0 0 380px;
	}
	.form-flex-group > input[type="submit"] {
		order: 3;
		flex: 0 0 auto;
		margin-left: 5px;
	}
	.form-flex-group > .error {
		order: 4;
	}
	
	.btn,
	input[type="submit"] {
		display: inline-block;
		width: auto;
	}
	.btn + .btn {
		margin-top: 0;
		margin-left: 12px;
		margin-left: .75rem;
	}
	
	.table-scroll-wrap {
		overflow-x: auto;
	}
	
	ul.video-with-transcript {
		display: flex;
		flex-flow: row nowrap;
		justify-content: space-between;
		align-items: stretch;
	}
	ul.video-with-transcript > li {
		position: relative;
	}
	ul.video-with-transcript > li:nth-child(1) {
		width: 65.555%;
	}
	ul.video-with-transcript > li:nth-child(2) {
		width: 31.111%;
		margin-top: 0;
	}
	ul.video-with-transcript > li:nth-child(2) .transcript {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		max-height: none;
	}
  
	ul.video-with-transcript-2 {
		display: flex;
		flex-flow: row nowrap;
		justify-content: space-between;
		align-items: stretch;
	}
	ul.video-with-transcript-2 > li {
		position: relative;
	}
	ul.video-with-transcript-2 > li:nth-child(1) {
		width: 50%;
	}
	ul.video-with-transcript-2 > li:nth-child(2) {
		width: 50%;
		margin-top: 0;
	}
	ul.video-with-transcript-2 > li:nth-child(2) .transcript {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		max-height: none;
	}
	
	.page-home hr { display: block; }

	.page-home .column-row > .one-half {
		border: unset;
		padding: unset;
	}
	
	.ribbon-green.now-open {
		padding: 10px 40px;
		padding: .625rem 2.5rem;
		font-size: 30px;
		font-size: 1.875rem;
	}	

	.carcare-image1{margin-top: 7rem !important}
	
	/* hide item when not at mobile size */   
	.mobileonly {
	   display: none !important; 
	}
	
	/* show item when above mobile size */
	.desktoponly {
	   display: block !important; 
	}
	
}
	
@media screen and (min-width: 1000px) {

	header nav > ul {
        gap: 0 1.25rem; /*0 20px*/
    }	
	
}

@media screen and (min-width: 1180px) {

	header .wrapper {
		grid-template-areas: "logo login" "logo btns" "logo menu";
	}
	header .logo {
		margin-bottom: .625rem; /*10px*/
	}
	header nav > ul {
		justify-content: flex-end;
    }
	
	.carcare-image2{margin-top: 17rem  !important}

}

@media screen and (min-width: 1280px) {

	.wrapper {
		padding: 0;
	}

}

@media screen and (min-width: 1600px) {
	

}