/* ***********************************************
**
**		MIN 1600
**
************************************************ */

@media only screen and (min-width: 1600px) {
	
	.row-title,
	.row-title-content h1 {
		/* height: 300px; */
	}
	
	.row-title-content h1 {
		/* line-height: 300px; */
	}

	.row-blur-title {
		/* height: 200px; */
	}	
	
		.row-title-blurbg {
			margin-top: -50px;
		}
	
}


/* ***********************************************
**
**		MAX 1600
**
************************************************ */

@media only screen and (max-width: 1600px) {
	
	.text_col_contents {
		width: 75%;
	}

}



/* ***********************************************
**
**		MAX 1400
**
************************************************ */

@media only screen and (max-width: 1400px) {
	
	html {
		/* --font-size-xxs: 1.2rem; */
		/* --font-size-xs: 1.4rem; */
		/* --font-size-s: 1.6rem; */
		/* --font-size-base: 1.8rem; */
		/* --font-size-m: 2.4rem; */
		/* --font-size-l: 3.0rem; */
		/* --font-size-xl: 3.6rem; */
		--font-size-xxl: 4.2rem;
	}
	
	.footerWrapper {
		padding: 0 30px;
	}
	
	/* swap 'bookings' button */
	#strongbody #mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-item.menuitem-booking {
		display: none;
	}
	#strongbody #mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-item.menuitem-booking2 {
		display: inline-block;
	}
	
	#strongbody #mega-menu-wrap-main-nav #mega-menu-main-nav > li.menuitem-text > a.mega-menu-link {
		padding: 0px 20px 0px 20px;
	}

	#strongbody #mega-menu-wrap-main-nav #mega-menu-main-nav li.menuitem-icon > a.mega-menu-link {
		padding-left: 0px;
	}

	#strongbody #mega-menu-wrap-main-nav #mega-menu-main-nav li.menuitem-icon-instagram > a.mega-menu-link {
		padding-left: 20px;
	}		
	
	.hero-text {

	}

		.home .hero-text .hero-title,
		.home .row-grad1v-bg .hero-text .hero-title {
			font-size: var(--font-size-l);
		}		
	
	.slick-prev, .slick-next {
		/* bottom: -100px;
		top: auto; */
	}
	
	.slick-prev {
		left: 20px;
	}
	
	.slick-next {
		right: 20px;
	}
	
	.text_col_contents {
		width: 100%;
		padding-right: 30px;
		box-sizing: border-box;
	}
	
	.advanced_text_image_row .two_column_text_row_col {
		padding: 30px;
	}
	
}

/* ***********************************************
**
**		 !!!!!! MIN 1200
**
************************************************ */

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


}

/* ***********************************************
**
**		MAX 1200
**
************************************************ */

@media only screen and (max-width: 1200px) {
	
	#strongbody #mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-item.nav-home,
	#strongbody #mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-item.nav-home  > a.mega-menu-link,
	#strongbody #mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-item.nav-home  > a.mega-menu-link .site-logo {
		width: 340px;
		min-width: 340px !important;
		height: 143px;
		-moz-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	
	#strongbody #mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-item > a.mega-menu-link {
		font-size: 13px;
		/* background: rgba(0, 0, 0, .3);
		line-height: 20px;
		text-align: center; */
		
		/* height: 50px;
		padding: 0px 30px 0px 30px;
		vertical-align: baseline;
		width: auto;
		display: block;
		
		border-top: 0px solid rgba(255, 255, 255, 0);
		border-left: 0px solid rgba(255, 255, 255, 0);
		border-right: 0px solid rgba(255, 255, 255, 0);
		border-bottom: 5px solid rgba(255, 255, 255, 0);
		border-radius: 50px; */
	}
	
	#strongbody #mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-item.nav-main-c2c {
		display: none;
	}
	
	#strongbody #mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-item.nav-home  > a.mega-menu-link {
		padding: 0px;
	}
	
	
	.ctaheaderWrapper #mega-menu-wrap-cta-nav #mega-menu-cta-nav {
		/* width: auto; */
	}
	
		/* #strongbody #mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-item.menuitem-booking2 {
			display: block;
			margin-bottom: 50px;
		}
		
		#mega-menu-wrap-main-nav #mega-menu-main-nav li#mega-menu-item-1404 > a.mega-menu-link {
			color: var(--color4f);
		}
		
		#strongbody #mega-menu-wrap-main-nav #mega-menu-main-nav li.mega-menu-item > a[class^="far"]::before {
			height: 40px;
			line-height: 40px;
		} */
		
	.cta-header .nav-button-instagram,
	.cta-header .nav-button-facebook {
		display: none;
	}
		
	#canvas .gform_wrapper .gform_footer input[type="submit"], input.button.button-large, a.button.button-large, p.button.button-large a, .button.button-large > a,
	.hero-slider p.button a {
		font-size: var(--font-size-base);
	}
	
	#canvas .wp-block-file .wp-block-file__button, #canvas .wp-block-button .wp-block-button__link, #canvas .gform_wrapper .gform_footer input[type="submit"], .button a, a.button, p.button a, button {
		padding: 0 1.5em;
	}

	.quad_image_row_container {
		width: 100% !important;
	}
	
	.row-section-images .quad_image_row_text i.fa-lg::before {
		font-size: 3.2em;
	}
	
}

/* ***********************************************
**
**		MAX 980
**
************************************************ */

@media only screen and (max-width: 980px) {
	
	#strongbody #mega-menu-wrap-main-nav #mega-menu-main-nav {
		padding-top: 0;
		padding-bottom: 0;
	}
	
	.cta-header .nav-button-contact {
		display: none;
	}
	
	.cta-header {
		padding: 0 30px;
	}
	
	.hero-text {
		padding: 3rem;
	}
	
	.text_image_row .text_image_row_container,
	.text_image_row.image_left .text_image_row_container {
		flex-direction: column-reverse;
		
	}	
		.row-featured .text_image_row_text,
		.row-featured .text_image_row_image {
			width: 100%;
			margin: 0;
		}
		
		.row-featured .text_image_row_text {
			margin-top: 30px;	
		}

			.row-featured .text_image_row_text h3 {
				text-align: center;	
			}

	.two_column_text_row.two_column_text_row_40_60 .two_column_text_row_col.two_column_one,
	.two_column_text_row.two_column_text_row_60_40 .two_column_text_row_col.two_column_two,
	.two_column_text_row.two_column_text_row_60_40 .two_column_text_row_col.two_column_one,
	.two_column_text_row.two_column_text_row_40_60 .two_column_text_row_col.two_column_two {
		width: 100%;
	}
	
	.offset_two_column_text_row .two_column_text_row_container,
	.two_column_text_row .two_column_text_row_container,
	.three_column_text_row .three_column_text_row_container {
		flex-direction: column;
		justify-content: center;
		margin: 0;
	}
	
	.logo-desktop-repairs-svg {
		width: 80%;
		padding: 0 10% 50px 10%;
	}
	
	.contact-buttons {
		flex-direction: column;
	}
	
	.row-pad-medium.row-services-carousel {
		padding-bottom: 125px;
	}
	
	.contact-buttons p, .contact-buttons .button-icon-link {
		margin-right: 0;
		margin-bottom: 2rem;
	}

	.quad_image_row_text h3 {
		font-size: 3.2rem;
	}
	
	.row-section-images .quad_image_row_text i.fa-lg::before {
		font-size: 1.3em;
	}
	
	.footerWrapper.grid_row_3 .grid_item {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	
		
}

/* ***********************************************
**
**		!!!!!! MIN 780
**
************************************************ */

@media only screen and (min-width: 780px) {
	
	.parallax_image_row {
		background-image: none !important;
	}
	
	.fancy_modal_popup.fancybox-content {
		text-align: center;
		max-width: 90%;
		border-bottom-right-radius: 60px;
	}
	
	.tooltip_modal_popup.fancybox-content {
		text-align: center;
		width: 90%;
		border-bottom-right-radius: 60px;
		overflow: visible;
	}
	
}


/* ***********************************************
**
**		MAX 780
**
************************************************ */

@media only screen and (max-width: 780px) {
	
	.headerWrapper {
		height: auto;
	}
	
	.cta-header {
		/* display: none; */
	}
	
	.cta-header .nav-button-email,
	.cta-header .nav-button-find {
		display: none;
	}
	
		.cta-item {
			margin-left: 0;
		}
	
	.mobile-main-nav {
		display: block;
		text-align: center;
	}

		.mobile-main-nav a {
			display: block;
		}
		
	/* Hide ALL the Main Nav elements and replace logo from Theme */
	#mega-menu-wrap-main-nav,
	#mega-menu-main-nav,
	.nav-home,
	.nav-main-bikes,
	.nav-main-prices,
	.nav-main-routes,
	.nav-main-c2c {
		display: none !important;
	}
	
	/* animated mobile burger */	
	#strongbody #mega-menu-wrap-cta-nav .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-box,
	#strongbody #mega-menu-wrap-c2c-nav .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-box {
		width: 24px;
	}
	
	#strongbody #mega-menu-wrap-cta-nav .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner,
	#strongbody #mega-menu-wrap-cta-nav .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::before,
	#strongbody #mega-menu-wrap-cta-nav .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::after,
	#strongbody #mega-menu-wrap-c2c-nav .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner,
	#strongbody #mega-menu-wrap-c2c-nav .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::before,
	#strongbody #mega-menu-wrap-c2c-nav .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::after {
		width: 24px;
		height: 4px;
		border-radius: 1px;
		transition-duration: 0.15s;
	}

	.ctaheaderWrapper #mega-menu-wrap-cta-nav .mega-toggle-blocks-right {
		padding-right: 30px;
	}
	
	#strongbody #mega-menu-wrap-cta-nav #mega-menu-cta-nav > li.mega-menu-item {
		padding: .5rem 1rem;
	}
	
		#strongbody #mega-menu-wrap-cta-nav #mega-menu-cta-nav > li.mega-menu-item > a.mega-menu-link {
			background-color: var(--color1b);
			border-radius: 50px;
			padding: 0 1rem;
			font-family: var(--font-family-header);
			font-weight: 800;
			letter-spacing: 0.02em
		}
		
		#strongbody #mega-menu-wrap-cta-nav #mega-menu-cta-nav > li.mega-menu-item > a.mega-menu-link:hover {
			background-color: var(--color1y);
		}
		
		#strongbody #mega-menu-wrap-cta-nav #mega-menu-cta-nav > li.mega-menu-item.nav-mobile-search > a.mega-menu-link {
			padding: 0;
		}
		
		#strongbody #mega-menu-wrap-cta-nav #mega-menu-cta-nav > li.mega-menu-item.nav-mobile-search > a.mega-menu-link,
		#strongbody #mega-menu-wrap-cta-nav #mega-menu-cta-nav > li.mega-menu-item.nav-mobile-search > a.mega-menu-link:hover {
			background-color: transparent;
		}

		#strongbody .mega-menu-link::before {
			opacity: .4;
		}

		#strongbody .mega-nav-mobile-home .mega-menu-link::before {
			content: "\e3af";
		}
						
		#strongbody .mega-nav-mobile-bikes .mega-menu-link::before {
			content: "\f206";
		}
		
		#strongbody .mega-nav-mobile-routes .mega-menu-link::before {
			content: "\f4d7";
		}
		
		#strongbody .mega-nav-mobile-c2c .mega-menu-link::before {
			content: "\f338";
		}

		#strongbody .mega-nav-mobile-repair .mega-menu-link::before {
			content: "\f0ad";
		}
		
		#strongbody .mega-nav-mobile-used .mega-menu-link::before {
			content: "\f53b";
		}
				
		#strongbody .mega-nav-mobile-about .mega-menu-link::before {
			content: "\f500";
		}
		
		#strongbody .mega-nav-mobile-terms .mega-menu-link::before {
			content: "\f666";
		}

		#strongbody .mega-nav-mobile-find .mega-menu-link::before {
			content: "\f041";
		}			

		#strongbody .mega-nav-mobile-contact .mega-menu-link::before {
			content: "\f7f5";
		}			
		

	.headerWrapper.row-pad-medium {
		padding: 40px 0;
	}
	
	h2 {
		font-size: var(--font-size-xxl);
	}
	
	#canvas header.setwidth {
		padding-right: 0;
		padding-left: 0;
	}	
	
	.headerWrapper h3 {
		font-size: var(--font-size-xs);	
		box-sizing: border-box;
		padding: 0 40px;
	}

	#mega-menu-wrap-main-nav.mega-sticky.mega-stuck {
		background-color: #fff;
		background-color: rgba(0, 0, 0, .85);
		-webkit-transition: .1s all ease;
		-moz-transition: .1s all ease;
		-ms-transition: .1s all ease;
		-o-transition: .1s all ease;
		transition: .1s all ease;
	}

	#mega-menu-wrap-main-nav.mega-sticky.mega-stuck #mega-menu-main-nav {
		background: transparent;
		background: black;
	}	

	#mega-menu-wrap-main-nav .mega-menu-toggle .mega-toggle-block-1:after {
		margin: 0;
	}
	
	#canvas #mega-menu-wrap-main-nav .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block {
		margin-right: 0px;
	}

	header #mega-menu-wrap-main-nav {
		/* padding-bottom: 20px; */
		-webkit-transition: .1s all ease;
		-moz-transition: .1s all ease;
		-ms-transition: .1s all ease;
		-o-transition: .1s all ease;
		transition: .1s all ease;
	}
	
	header .mega-sticky-wrapper #mega-menu-wrap-main-nav {
		padding-bottom: 0;
	}

	.text_image_row .text_image_row_container {
		display: flex;
	}

	.hero-slider.slick-slider, .hero-slider .slick-list, .hero-slider .slick-track, .hero-slider .slick-slide, .hero-slider .slide-bg {
		/* height: 50vh !important; */
		/* height: auto !important; */
	}

	.hero-slider .slick-slide video,
	.hero-slider .loading {
		display: none;
	}
		
	.hero-slider .video .slide-image {
		display: block;
	}			
		
	.row-hero .slick-dots {
		text-align: center;
		right: 0;
	}
		.hero-text {
		padding: 2rem;
	}
	
	.hero-text h2.hero-title {
		background-color: transparent;
		font-size: var(--font-size-m);
	}
			
	.text-align-left .hero-text,
	.text-align-center .hero-text,
	.text-align-right .hero-text {
		left: 0; 
		right: 0; 
		margin-left: auto; 
		margin-right: auto;
		width: 100%;
		width: calc( 100% - 60px );
		border-radius: 20px;
		align-items: center;
	}
		
	.hero-text h2.hero-title {
		padding: 0;
		font-size: var(--font-size-l);
	}

	.text-align-right .hero-text,
	.text-align-right .hero-text {
		left: 0;
		right: 0;
		text-align: center;
	}

	.text-align-right .hero-text p,
	.text-align-right .hero-text p {
		text-align: center;
	}	
	
	.text-align-left .hero-text img,
	.text-align-right .hero-text img {
		float: none;
	}
	
	.slick-slide {
		width: 100% !important;
		max-width: 100vw !important;
	}
	
	.row-blur-title,
	.row-title,
	.row-title-content h1 {
		height: 35vw;
	}
	
	
	.row-title-content h1 {
		line-height: 35vw;
	}
	
	.row-title-blurbg {
		height: 39vw;
	}


	#canvas .wp-block-file .wp-block-file__button,
	#canvas .wp-block-button .wp-block-button__link,
	#canvas .gform_wrapper .gform_footer input[type="submit"],
	.button a,
	a.button,
	p.button a,
	button  {
		padding: 0 1.5em;
		line-height: 2em;
		border-radius: 2em;
	}		
	
	.logo-desktop-repairs-svg {
		width: 80%;
		padding: 0 10% 20px 10%;
	}
		
	.parallax_image_row.flexible-row {
		padding: 0;
		display: block;
		/* background-image: none !important; */
		background-attachment: scroll;
		/* background-image: url(images/pattern.png) !important; */
		background-size: cover; 
	}
	
	.parallax_image_row.flexible-row {
		height: auto !important;
	}

	.parallax_image_row h3 {
		font-size: var(--font-size-m);
	}
	
	.parallax_image_row .parallax_content {
		/* background-color: red; */
		padding: 30vw 30px;
		box-sizing: border-box;
		width: 100%;
	}
	
	.parallax-mirror {
		/* display: none; */
	}
	
	.parallax-window {

	}
	
		.parallaxMobile {
			display: block;
		}

	.two_column_text_row .two_column_text_row_container.image_bg_right {
		flex-direction: column-reverse;	
	}


	.two_column_text_row_col.image_bg_col {
		position: relative;
	}
	
		.two_column_text_row_col.image_bg_col p {
			position: absolute;
			bottom: 30px;
			left: 30px;
		} 

	.row-pad-medium, .row-pad-medium.fullwidth.carousel_builder_row {
		padding-top: 30px;
		padding-bottom: 100px;
	}
	
	.row-pad-medium, .row-pad-medium.fullwidth.row-contactus-form {
		padding-top: 30px;
	}	

	.twin_image_row,
	.quad_image_row .twin_image_row  {
		display: flex;
		flex-direction: column;
		margin: 0;
	}	
	
	.twin_image_row_first,
	.twin_image_row_second,
	.quad_image_row .twin_image_row_first,
	.quad_image_row .twin_image_row_second {
		width: 100%;
		margin: 0;
	}

	.quad_image_row_first_container .quad_image_row_text,
	.quad_image_row_third_container .quad_image_row_text {
		right: auto;
		left: 20px;
	}
	
	.quad_image_row .twin_image_row_second {
		padding-top: 20px;
	}
	
	.quad_image_row_first_container a,
	.quad_image_row_second_container a,
	.quad_image_row_third_container a,
	.quad_image_row_fourth_container a  {
		border-radius: 0 75px 0 0;
	}
	
	.quad_image_row_text h3 {
		font-size: 3.6rem;
	}	
	
	ul.charter-rows {
		padding: 0;
		font-size: var(--font-size-s);
	}
	
		.charter-rows li {
			flex-direction: column;
			/* justify-content: space-between; */
			/* margin-bottom: .75em; */
		}
			
			.charter-rows li span.charter-row {
				line-height: 1em;
				height: auto;
				text-align: center;
				display: block;
			}
			
			.charter-rows li span.charter-row-dates {
				border-top-left-radius: 10px;
				border-top-right-radius: 10px;
				border-bottom-left-radius: 0px;
				border-bottom-right-radius: 0px;
				width: 100%;
				padding: .5em 1em;
				position: relative;
				text-align: center;
			}	
				
				.charter-rows li i {
					/* margin: 0 1em; */
					line-height: 1em;
					position: absolute;
					margin: 0;
					left: 10px;
					top: 50%;
					transform: translateY(-50%);
				}
			
			.charter-rows li span.charter-row-status {
				border-top-left-radius: 0px;
				border-top-right-radius: 0px;
				border-bottom-left-radius: 10px;
				border-bottom-right-radius: 10px;
				width: 100%;
				padding: .5em 1em;
			}	
			
			.charter-end-date {
				clear: both;
			}
	
	.two_column_text_row_col.text_col {
		min-height: 40vh;
	}
	
	.advanced_text_image_row .two_column_text_row_col {
		padding: 30px;
		box-sizing: border-box;
	}
	
	.advanced_text_image_row .two_column_text_row_col.image_bg_col {
		padding: 0;
		background-image: none !important;
		/* height: 0;
		padding-bottom: 56%; */
	}
	
	.image_bg_col .mobile-bg-image {
		display: block;
	}
	
	.advanced_text_slideshow_row .two_column_text_row_col.image_bg_col .mobile-bg-image {
		display: none;
	}

	.footer-logo {
		width: 80%;
		margin-top: 50px;
	}

	.footerWrapper.footersub {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	
	#mega-menu-wrap-footer-subnav #mega-menu-footer-subnav > li.mega-menu-item {
		float: left;
		clear: both;
	}
	
		#mega-menu-wrap-footer-subnav #mega-menu-footer-subnav > li.mega-menu-item > a.mega-menu-link {
			line-height: 3.5em;
			height: auto;
			padding: 0;
			text-align: left;
		}
	
	.row-setwidth-pad-xlarge .setwidth {
		padding-top: 200px;
		padding-bottom: 200px;
	}
	
}

/* ***********************************************
**
**		MAX 480
**
************************************************ */

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

	html {
		/* --font-size-xxs: 1.2rem; */
		/* --font-size-xs: 1.4rem; */
		/* --font-size-s: 1.6rem; */
		/* --font-size-base: 1.8rem; */
		/* --font-size-m: 2.4rem; */
		/* --font-size-l: 3.0rem; */
		--font-size-xl: 2.8rem;
		--font-size-xxl: 4.0rem;
	}

	h2 {
		font-size: var(--font-size-xl);
	}
	
	.row-text h2 {
		font-size: var(--font-size-m);
	}
		
	.headerWrapper {
		height: auto;
	}

	.breadcrumbWrapper {
		display: none;
	}
	
	.hero-slider .video .slide-image {
		display: block;
	}

	.hero-slider .slick-slide .loading,
	.hero-slider .slick-slide video.slide-video {
		display: none;
	}
	
	.hero-text h2.hero-title {
		font-size: var(--font-size-s);
	}

	.hero-text p.hero-subtitle {
		padding: 0 0 3rem 0;
	}
	
	.hero-text .button-icon {
	  font-size: 1.8rem;
	}
	
	p.button a {
		line-height: 1.25em;
		text-align: center;
		padding-top: .5em;
		padding-bottom: .5em;
	}	

	.logo-desktop-repairs-svg {
		width: 100%;
		padding: 0;
	}
	
	.grid_row .setwidth {
		margin: 0;
	}
	
	.grid_row, .grid_row .setwidth, .grid_row.fullwidth {
		margin-left: 0;
		margin-right: 0;
	}
	
	.grid_item {
		margin-left: 0;
		margin-right: 0;
	}
	
	.quad_image_row_text h3 {
		font-size: 2.4rem;
	}
	
	.twin_image_row {
		flex-direction: column;
	}
		
		.twin_image_row_first,
		.twin_image_row_second {
			width: 100%;
			margin: 0 0 30px 0;
		}	
		
	.footer-logo {
		width: 100%;
	}	


}


/* ***********************************************
**
**		MAX 320
**
************************************************ */

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

		
}