/*!
 Theme Name:   Camper Champ
 Template:     elementor-hello-theme-master
*/

body {
	font-family: Roboto, Arial, Helvetica, sans-serif;
	font-weight: 400;
	color: #4c4c4c;
	line-height: 1.7em;
	font-size: 22px;
	-webkit-transition: right .3s ease-in-out;
	transition: right .3s ease-in-out;
	position: relative;
	right: 0
}

@media only screen and (min-width:900px) {
	body {
		font-size: 20px
	}
}

.page-open {
	right: 300px
}

@media only screen and (min-width:1050px) {
	.page-open {
		right: 0
	}
}

.alignright {
	float: right;
	margin-right: 1rem
}

.alignleft {
	float: left;
	margin-left: 1rem
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto
}

.sticky {
	position: relative;
	display: block
}

.bypostauthor {
	font-size: inherit
}

.gallery-caption {
	display: block;
	font-size: .8125rem;
	line-height: 1.5;
	margin: 0;
	padding: .75rem
}

.wp-caption {
	margin-bottom: 1.25rem
}

.wp-caption.alignleft {
	margin: 5px 20px 20px 0
}

.wp-caption.alignright {
	margin: 5px 0 20px 20px
}

img {
	display: block;
	margin-left: auto;
	margin-right: auto
}

.wp-caption-text {
	margin: 0;
	text-align: center
}

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute!important;
	width: 1px;
	word-wrap: normal!important
}

.screen-reader-text:focus {
	background-color: #eee;
	clip: auto!important;
	-webkit-clip-path: none;
	clip-path: none;
	color: #333;
	display: block;
	font-size: 1rem;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000
}

.h1,
h1 {
	font-weight: 500;
	font-size: 32px;
	line-height: 1.1em;
	color: #000
}

@media only screen and (min-width:600px) {
	.h1,
	h1 {
		font-size: 32px
	}
}

.h2,
h2 {
	font-weight: 500;
	color: #000;
	margin-top: 50px;
	margin-bottom: 25px;
	font-size: 28px
}

.h3,
h3 {
	font-weight: 500;
	margin: 20px 0 10px;
	color: #000;
	font-size: 18px;
	line-height: 1.2em
}

@media only screen and (min-width:600px) {
	.h3,
	h3 {
		font-size: 24px
	}
}

b,
strong {
	font-weight: 500
}

main.page {
	margin: 0 auto;
	padding: 50px 40px 70px;
	max-width: 800px;
	width: 100%;
	min-height: calc(100vh - 235px);
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

a {
	color: #5bb85d
}

a:hover {
	color: #5bb85d
}

.brands+.page {
	min-height: 0
}

.site-header {
	background: #fff;
	border-bottom: 1px solid #dfdfe1;
	position: relative;
	z-index: 1
}

@media (min-width:900px) {
	.site-header {
		-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
		box-shadow: 0 0 10px rgba(0, 0, 0, .2);
		border-bottom: none
	}
}

.site-header__inner {
	width: 100%;
	max-width: 1500px;
	padding: 0 20px;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 75px;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

@media only screen and (min-width:500px) {
	.site-header__inner {
		padding: 0 40px;
		height: 95px
	}
}

.logo {
	width: 200px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	margin-top: 17px;
	max-width: 62%
}

@media only screen and (min-width:500px) {
	.logo {
		margin-top: 24px
	}
}

@media only screen and (min-width:1200px) {
	.logo {
		width: 250px;
		margin-top: 20px
	}
}

.logo img {
	max-width: 100%;
	height: auto!important
}

.top-menu-toggle {
	line-height: 1em;
	text-align: center;
	margin: 20px 0 0 0;
	font-size: 35px;
	text-decoration: none
}

@media only screen and (min-width:500px) {
	.top-menu-toggle {
		margin-top: 25px
	}
}

.top-menu-toggle:active,
.top-menu-toggle:focus,
.top-menu-toggle:link,
.top-menu-toggle:visited {
	text-decoration: none
}

.top-menu-toggle:before {
	content: "\f0c9";
	font-family: FontAwesome
}

@media only screen and (min-width:1050px) {
	.top-menu-toggle {
		display: none
	}
}

.top-menu {
	display: none;
	font-size: 16px;
	line-height: 1em;
	font-weight: 400;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: auto;
	position: static;
	overflow: visible
}

@media only screen and (min-width:1050px) {
	.top-menu {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}
}

@media only screen and (min-width:1200px) {
	.top-menu {
		font-size: 18px
	}
}

.top-menu a,
.wpml-menu a {
	color: #000
}

.top-menu ul,
.wpml-menu {
	list-style: none;
	display: block;
	margin: 0;
	padding: 0
}

.top-menu li,
.wpml-menu li {
	display: inline-block;
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none
}

.top-menu li a,
.wpml-menu li a {
	padding: 0 10px;
	display: inline-block
}

.top-menu li a:hover,
.wpml-menu li a:hover {
	text-decoration: none
}

.top-menu>div>ul>li,
.wpml-menu>li {
	padding-top: 32px
}

@media only screen and (min-width:500px) {
	.top-menu>div>ul>li,
	.wpml-menu>li {
		padding-top: 36px;
		padding-bottom: 65px
	}
}

.top-menu .current-menu-item>a,
.wpml-menu .current-menu-item>a {
	color: #b6b6b6
}

.top-menu ul ul,
.wpml-menu ul {
	display: none;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	position: absolute;
	top: 112px;
	background: #fff;
	padding: 33px 25px;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
	box-shadow: 0 0 10px rgba(0, 0, 0, .2);
	left: 50%;
	margin-left: -76px;
	z-index: 100;
	font-weight: 300;
	max-height: 380px
}

.wpml-menu ul {
	max-height: none
}

.top-menu .locations-menu ul ul,
.wpml-menu ul {
	display: none
}

.top-menu .locations-menu ul ul {
	min-width: 400px
}

.top-menu li:hover ul,
.wpml-menu li:hover ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.top-menu ul ul::before,
.wpml-menu ul::before {
	content: "";
	width: 15px;
	height: 15px;
	background: #fff;
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
	position: absolute;
	top: -8px;
	left: 70px;
	-webkit-box-shadow: -2px -2px 4px rgba(0, 0, 0, .1);
	box-shadow: -2px -2px 4px rgba(0, 0, 0, .1)
}

.top-menu ul ul::after,
.wpml-menu ul::after {
	content: "";
	width: 30px;
	height: 10px;
	background: #fff;
	position: absolute;
	left: 65px;
	top: 0
}

.top-menu ul ul li,
.wpml-menu ul li {
	display: block;
	padding: 0 10px;
	white-space: nowrap
}

.top-menu ul ul a,
.wpml-menu ul a {
	background: 0 0;
	display: block;
	padding: 12px 15px
}

.top-menu ul ul a:hover,
.wpml-menu ul a:hover {
	background: #efefef
}

.top-menu .locations-menu {
	margin-left: 10px
}

@media only screen and (min-width:1200px) {
	.top-menu .locations-menu {
		margin-left: 35px
	}
}

.top-menu .locations-menu>ul>li {
	padding-bottom: 65px
}

.top-menu .menu>.menu-item-has-children>a::after {
	top: 50%;
	right: 15px;
	content: "\f107";
	font-family: FontAwesome;
	color: #5bb85d;
	display: inline-block;
	margin-left: 6px
}

.top-menu .menu-primary-menu-container {
	margin-right: -15px
}

.top-menu .header-menu {
	white-space: nowrap
}

.wpml-menu {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	text-align: right
}

@media only screen and (min-width:1050px) {
	.wpml-menu {
		-webkit-box-flex: 0;
		-ms-flex: 0;
		flex: 0
	}
}

.wpml-menu ul,
.wpml-menu>li>a>span {
	font-size: 14px
}

@media only screen and (min-width:1029px) {
	.wpml-menu ul,
	.wpml-menu>li>a>span {
		font-size: 16px
	}
}

.wpml-menu>li>a>span {
	top: -2px;
	position: relative;
	display: none
}

@media only screen and (min-width:1050px) {
	.wpml-menu>li>a>span {
		display: inline-block
	}
}

@media only screen and (min-width:1029px) {
	.wpml-menu>li>a>span {
		top: -1px
	}
}

.wpml-menu>.wpml-ls-item>a {
	font-size: 30px;
	white-space: nowrap
}

@media only screen and (min-width:1050px) {
	.wpml-menu>.wpml-ls-item>a {
		font-size: 18px
	}
}

.wpml-menu>.wpml-ls-item>a::before {
	content: "\f1ab";
	font-family: FontAwesome;
	color: #5bb85d;
	display: inline-block;
	margin-right: 9px;
	font-size: 30px
}

@media only screen and (min-width:1050px) {
	.wpml-menu>.wpml-ls-item>a::before {
		position: relative;
		top: 5px
	}
}

.wpml-menu>.wpml-ls-item {
	text-transform: uppercase;
	margin-left: 0;
	margin-top: -5px;
	padding-bottom: 65px
}

@media only screen and (min-width:1050px) {
	.wpml-menu>.wpml-ls-item {
		margin-top: -9px
	}
}

@media only screen and (min-width:1029px) {
	.wpml-menu>.wpml-ls-item {
		margin-left: calc(26vw - 267px);
		margin-top: -8px
	}
}

.wpml-menu>.wpml-ls-item>a::after {
	content: "\f107";
	font-family: FontAwesome;
	color: #5bb85d;
	display: none;
	margin-left: 6px
}

@media only screen and (min-width:1050px) {
	.wpml-menu>.wpml-ls-item>a::after {
		display: inline-block
	}
}

.wpml-menu>.wpml-ls-item .wpml-ls-display {
	display: none
}

.wpml-menu .wpml-ls-item .sub-menu {
	left: auto;
	right: -9px;
	text-align: left
}

@media only screen and (min-width:1050px) {
	.wpml-menu .wpml-ls-item .sub-menu {
		right: 0
	}
}

.wpml-menu .wpml-ls-item .sub-menu::before {
	left: auto;
	right: 35px
}

.mobile-menu {
	position: fixed;
	top: 0;
	right: -300px;
	bottom: 0;
	overflow-y: scroll;
	display: block;
	font-size: 18px;
	line-height: 1em;
	font-weight: 400;
	width: 300px;
	-webkit-transition: right .3s ease-in-out;
	transition: right .3s ease-in-out;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

@media only screen and (min-width:1050px) {
	.mobile-menu {
		display: none
	}
}

.page-open .mobile-menu {
	right: 0
}

.mobile-menu-overlay {
	display: none
}

.page-open .mobile-menu-overlay {
	display: block;
	position: fixed;
	top: 0;
	bottom: 0;
	right: 300px;
	width: 1000px
}

.mobile-menu a {
	color: #000
}

.mobile-menu ul {
	list-style: none;
	display: block;
	margin: 0;
	padding: 0
}

.mobile-menu li {
	display: block;
	position: relative;
	margin: 0;
	padding: 0
}

.mobile-menu li::after {
	content: "";
	position: absolute;
	top: 0;
	left: -1px;
	bottom: 0;
	width: 1px;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .3);
	box-shadow: 0 0 10px rgba(0, 0, 0, .3)
}

.mobile-menu li a {
	padding: 15px;
	display: block;
	border-bottom: 1px solid #dfdfe1;
	position: relative
}

.mobile-menu li a:hover {
	text-decoration: none
}

.mobile-menu .current-menu-item>a {
	color: #b6b6b6
}

.mobile-menu ul ul {
	display: none
}

.mobile-menu .menu-item-open ul {
	display: block
}

.mobile-menu ul ul a {
	background: #fbfbfd
}

.mobile-menu .locations-menu {
	margin-left: 0
}

.mobile-menu .menu>.menu-item-has-children>a {
	padding-right: 30px
}

.mobile-menu .menu>.menu-item-has-children>a::after {
	content: "\f107";
	font-family: FontAwesome;
	color: #5bb85d;
	display: inline-block;
	margin-left: 6px;
	position: absolute;
	top: 50%;
	right: 15px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.banner {
	background-size: cover;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background-color: #fbfbfd;
	background-repeat: no-repeat;
	padding: 0 20px 0;
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

@media (min-width:500px) {
	.banner {
		min-height: 450px;
		padding: 0 20px 50px
	}
}

@media (min-width:900px) {
	.banner {
		border-top: none;
		padding: 0 20px;
		background: #aaa url(images/banner.jpg) no-repeat center center;
		min-height: 500px
	}
}

@media (min-width:1100px) {
	.banner {
		height: 500px
	}
}

.multi-step--step-1 .banner {
	min-height: calc(100vh - 76px)
}

.multi-step--step-1 {
	height: 100vh
}

.banner__title {
	color: #fff;
	font-size: 24px;
	margin: 0 0 10px;
	padding: 0;
	text-align: center;
	line-height: 1.5em
}

@media (min-width:500px) {
	.banner__title {
		color: #fff;
		text-shadow: 0 0 5px rgba(0, 0, 0, .5);
		font-size: 32px;
		margin: 50px 0 30px
	}
}

@media (min-width:900px) {
	.banner__title {
		margin-top: 0;
		font-size: 47px
	}
}

.banner__title span {
	font-family: "Kaushan Script", cursive;
	font-size: .8em;
	display: block;
	line-height: 1em
}

.banner__title br {
	display: none
}

.search-form__step {
	display: none;
	background: #f9f8f8;
	padding: 20px 17px 20px;
	min-height: calc(100vh - 75px);
	margin: 0 -30px 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.search-form__step--active {
	display: block;
	z-index: 1;
	left: 0
}

.search-form__step--first {
	background: 0 0;
	position: static;
	padding: 10vh 0 20px;
	margin: 0;
	min-height: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.search-form {
	position: static;
	min-height: 80px;
	width: calc(100% - 20px);
	max-width: 600px;
	border-radius: 3px
}

@media (min-width:500px) {
	.search-form {
		position: relative
	}
}

@media (min-width:900px) {
	.search-form {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		max-width: 820px;
		width: 100%;
		margin: 0;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		background: 0 0;
		border-radius: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}
}

.search-form__cta-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

@media (min-width:900px) {
	.search-form__cta-wrap {
		display: block;
		position: relative;
		top: -85px;
		bottom: 0;
		right: 0;
		width: 100%
	}
}

.search-form__cta {
	padding: 18px 0 0;
	font-family: "Kaushan Script", cursive;
	color: #fff;
	font-size: 24px;
	line-height: 1.2em;
	position: relative
}

@media (min-width:500px) {
	.search-form__cta {
		padding-top: 20px;
		font-size: 26px
	}
}

@media (min-width:900px) {
	.search-form__cta {
		padding-top: 28px;
		position: absolute;
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
		float: none;
		bottom: 0;
		right: 44px;
		font-size: 22px
	}
}

.search-form__cta::before {
	content: "";
	background: url(images/arrow.png) no-repeat center center;
	background-size: cover;
	width: 51px;
	height: 51px;
	display: block;
	position: absolute;
	right: -19px;
	bottom: 4px
}

@media (min-width:500px) {
	.search-form__cta::before {
		width: 54px;
		height: 54px;
		right: -25px;
		bottom: 4px
	}
}

@media (min-width:900px) {
	.search-form__cta::before {
		width: 47px;
		height: 47px;
		right: -34px
	}
}

.search-form__cta::after {
	content: "";
	width: 43px;
	display: inline-block
}

@media (min-width:500px) {
	.search-form__cta::after {
		width: 40px
	}
}

@media (min-width:900px) {
	.search-form__cta::after {
		width: 20px
	}
}

.select2-container--default .select2-selection--single {
	border: none;
	border-radius: 0;
	padding: 0;
	line-height: 25px;
	font-size: 18px;
	outline: 0
}

@media (min-width:500px) {
	.select2-container--default .select2-selection--single {
		font-size: 20px
	}
}

@media (min-width:500px) {
	.driver-details__toggle {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		margin: 10px 10px 0 10px
	}
}

@media (min-width:900px) {
	.driver-details__toggle {
		margin: 0
	}
}

@media (min-width:900px) {
	.driver-details--visible .driver-details__toggle {
		margin-top: 15px
	}
}

@media (max-width:500px) {
	.driver-details__toggle p {
		margin: 10px 0 0 80px;
		padding: 0;
		font-size: 18px;
		line-height: 21px;
		color: #fff;
		min-height: 36px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}
}

@media (min-width:500px) {
	.driver-details__toggle p {
		color: #e4e5e4;
		margin: 0 0 0 15px;
		font-size: 17px;
		line-height: 1em;
		padding: 3px 0 0
	}
}

.driver-details--visible .search-form__field--driver-age {
	display: block
}

.driver-details--visible .search-form__field--driver-from {
	display: block
}

.search-form__field--driver-license {
	display: none
}

@media (min-width:900px) {
	.search-form__field--driver-license {
		width: calc(37.9%)
	}
}

.driver-details--visible .search-form__field--driver-license {
	display: block
}

.search-form__field-bool {
	background: #fff;
	border-radius: 100px;
	padding: 2px;
	border: 1px solid #ddd;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	max-width: 100px;
	margin: 3px 0 0;
	position: relative;
	-ms-touch-action: none;
	touch-action: none;
	height: 36px;
	width: 70px;
	float: left
}

@media (min-width:500px) {
	.search-form__field-bool {
		width: 36px;
		height: 18px;
		border: none;
		padding: 0;
		margin: 2px 0 0;
		cursor: pointer
	}
}

.search-form__field-bool-toggle {
	height: 30px;
	width: 30px;
	border-radius: 100px;
	background: #fff;
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .4);
	box-shadow: 0 0 4px rgba(0, 0, 0, .4);
	margin: 0 auto 0 0
}

@media (min-width:500px) {
	.search-form__field-bool-toggle {
		width: 20px;
		height: 20px;
		margin: 0;
		position: absolute;
		top: -1px;
		left: -1px
	}
}

.search-form__field-bool--active {
	background: #5bb85d
}

.search-form__field-bool::before {
	content: attr(data-no);
	text-transform: uppercase;
	position: absolute;
	color: #939393;
	top: 0;
	font-weight: 700;
	font-size: 12px;
	line-height: 36px;
	right: 11px
}

@media (min-width:500px) {
	.search-form__field-bool::before {
		display: none
	}
}

.search-form__field-bool--active::before {
	content: attr(data-yes);
	text-transform: uppercase;
	position: absolute;
	right: auto;
	left: 8px;
	color: #fff
}

@media (min-width:500px) {
	.search-form__field-bool--active::before {
		display: none
	}
}

.search-form__field-bool--active .search-form__field-bool-toggle {
	margin: 0 0 0 auto
}

@media (min-width:500px) {
	.search-form__field-bool--active .search-form__field-bool-toggle {
		right: -1px;
		left: auto
	}
}

.search-form__field--driver-age {
	display: none
}

@media (min-width:900px) {
	.search-form__field--driver-age {
		width: calc(22.934% - 5px)
	}
}

@media (min-width:500px) {
	.search-form__field--driver-age .search-form__field-label {
		padding: 0 18px
	}
}

.select2-container .select2-selection--single .select2-selection__rendered {
	margin: 0 30px 0 18px;
	padding: 0;
	color: #4c4c4c;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.select2-container .select2-selection--single,
.select2-container .select2-selection--single .select2-selection__rendered {
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-user-select: none;
	outline: 0
}

.search-form__field--loading .select2-selection--single .select2-selection__rendered {
	color: #fff
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 26px;
	position: absolute;
	top: -10px;
	right: 8px;
	width: 20px;
	color: #5bb85d
}

.select2-container--default .select2-selection--single[aria-expanded=true] .select2-selection__arrow {
	-webkit-transform: rotateX(180deg);
	transform: rotateX(180deg)
}

.select2-container--default .select2-selection--single .select2-selection__arrow::before {
	content: "\f107";
	font-family: FontAwesome
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
	display: none
}

.search-form__field--loading .select2::before {
	content: "\f021";
	font-family: FontAwesome;
	position: absolute;
	top: 8px;
	left: 11px;
	color: #aaa;
	-webkit-animation: fa-spin 2s infinite linear;
	animation: fa-spin 2s infinite linear;
	font-size: 3em;
	width: 1.28571429em;
	text-align: center;
	font: normal normal normal 14px/1 FontAwesome
}

.search-form__field {
	background: #fff;
	border: 1px solid #f0f0f0;
	border-top: 1px solid #fff;
	position: relative;
	cursor: pointer;
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .2);
	box-shadow: 0 2px 2px rgba(0, 0, 0, .2);
	margin-bottom: 5px;
	border-radius: 3px
}

@media (min-width:500px) {
	.search-form__field {
		margin-bottom: 5px;
		-webkit-box-shadow: none;
		box-shadow: none;
		margin-bottom: 8px;
		border: none
	}
}

@media (min-width:900px) {
	.search-form__field {
		margin-bottom: 0;
		background: #fff;
		min-height: 66px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		border: 1px solid #fff
	}
}

.search-form__field--pick-up {
	border-top: 1px solid #f0f0f0
}

@media (min-width:900px) {
	.search-form__field--pick-up {
		border-top: 1px solid #fff;
		width: calc(27.317% - 2px)
	}
}

.search-form__field-inner {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 20px 0 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	position: relative
}

@media (min-width:500px) {
	.search-form__field-inner {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		padding: 0
	}
}

@media (min-width:900px) {
	.search-form__field-inner {
		padding-top: 13px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.search-form__field--select::after {
	content: "\f107";
	font-family: FontAwesome;
	color: #5bb85d;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 15px;
	pointer-events: none
}

.search-form__field--drop-off::after,
.search-form__field--pick-up::after {
	display: none
}

@media (min-width:900px) {
	.search-form__field--pick-up {
		width: calc(27.317% - 2px)
	}
}

@media (min-width:900px) {
	.search-form__field--drop-off {
		width: calc(27.317% - 3px)
	}
}

.search-form__field--start-date {
	width: calc(22.683% - 5px);
	display: none
}

@media (min-width:900px) {
	.search-form__field--start-date {
		display: block
	}
}

.search-form__field--end-date {
	width: calc(22.683% - 5px);
	display: none
}

@media (min-width:900px) {
	.search-form__field--end-date {
		display: block
	}
}

@media (max-width:500px) {
	.search-form__field--dates {
		-webkit-box-shadow: none;
		box-shadow: none;
		border: none;
		background: 0 0;
		margin-bottom: -3px
	}
}

@media (min-width:900px) {
	.search-form__field--dates {
		display: none;
		width: 21%
	}
}

.search-form__field--dates::after {
	display: none
}

@media (max-width:500px) {
	.search-form__field--dates .search-form__field-value {
		visibility: hidden;
		overflow: hidden;
		height: 1px;
		margin: 0
	}
	.search-form__field--dates .search-form__validation-message {
		position: static;
		-webkit-transform: none;
		transform: none;
		margin-bottom: 10px;
		-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .2);
		box-shadow: 0 2px 2px rgba(0, 0, 0, .2);
		min-width: 0;
		max-width: none;
		width: 100%
	}
	.search-form__field--dates .search-form__validation-message::before {
		display: none
	}
}

.search-form__field-label {
	font-size: 12px;
	color: #939393;
	text-transform: uppercase;
	font-weight: 400;
	line-height: 1em;
	padding: 0 30px 0 18px;
	margin: 0;
	display: block;
	cursor: pointer
}

@media (min-width:500px) and (max-width:900px) {
	.search-form__field-label {
		width: 163px;
		height: 66px;
		padding: 0 20px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		font-size: 14px;
		line-height: 16px;
		background: #f9f9f9;
		border-right: 1px solid #eaeaea;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		color: #525252;
		border-radius: 3px 0 0 3px
	}
}

.search-form__step>.search-form__field-label {
	text-transform: none;
	color: #111;
	margin: 0 0;
	padding: 0;
	font-size: 21px;
	font-weight: 700
}

.search-form__field-value {
	font-size: 18px;
	font-weight: 500;
	margin: 5px 0 15px;
	padding: 0 30px 0 18px;
	width: 100%;
	cursor: pointer;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

@media (min-width:500px) and (max-width:900px) {
	.search-form__field-value {
		margin: 0;
		height: 66px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		font-size: 20px
	}
}

@media only screen and (min-width:900px) {
	.search-form__field-value {
		margin: 5px 0 0;
		font-size: 20px
	}
}

.search-form__field-value--text {
	padding: 0 18px
}

@media (min-width:500px) and (max-width:900px) {
	.search-form__field-value--text {
		padding: 0
	}
}

.search-form__field-value--no-padding {
	padding: 0
}

.form-control--text {
	border-radius: 2px;
	border-color: #ebeaea;
	background-color: #f9f8f8;
	text-align: center;
	-webkit-box-shadow: none;
	box-shadow: none;
	height: 40px;
	line-height: 40px;
	padding: 0;
	font-size: 18px
}

@media (min-width:500px) {
	.form-control--text {
		border: none;
		background: 0 0;
		font-size: 20px;
		line-height: 66px;
		height: 66px;
		text-align: center
	}
}

@media (min-width:900px) {
	.form-control--text {
		line-height: 28px;
		height: 28px;
		text-align: left
	}
}

select.form-control {
	visibility: hidden
}

.search-form__submit {
	font-size: 28px;
	background: #5bb85d;
	color: #fff;
	border: 1px solid #5bb85d;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 3px;
	padding: 0;
	margin: 20px 0 0;
	width: 100%;
	height: 60px;
	font-weight: 700;
	font-size: 20px
}

@media (min-width:500px) {
	.search-form__submit {
		position: relative;
		top: 0;
		right: 0;
		height: 66px;
		line-height: 66px;
		font-size: 21px;
		font-weight: 700;
		font-family: Roboto;
		margin: 25px 0 0;
		text-transform: none
	}
}

@media (min-width:900px) {
	.search-form__submit {
		padding: 0 0 2px;
		width: 270px;
		margin: 20px 0 85px
	}
}

.search-form__submit i {
	display: none
}

@media only screen and (min-width:900px) {
	.search-form__submit i {
		display: inline-block
	}
}

.search-form__prev-step,
.search-form__prev-step:hover {
	font-size: 16px;
	color: #909090;
	font-weight: 400;
	text-decoration: none;
	display: inline-block;
	margin: 25px 0 0;
	cursor: pointer
}

.search-form__prev-step:before {
	content: "\f107";
	font-family: FontAwesome;
	display: inline-block;
	margin-right: 3px;
	-webkit-transform: rotateZ(90deg);
	transform: rotateZ(90deg);
	font-weight: 700;
	font-size: 22px;
	position: relative;
	top: 2px
}

.search-form__next-button {
	font-size: 21px;
	font-weight: 700;
	background: #5bb85d;
	color: #fff;
	border: 1px solid #5bb85d;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 2px;
	padding: 0;
	margin: 20px 0 0;
	width: 100%;
	height: 70px;
	cursor: pointer
}

.search-form__step--disabled .search-form__next-button {
	background: #aaa
}

@media (min-width:900px) {
	.driver-details {
		max-width: 484px;
		margin: 20px 0 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-ms-flex-line-pack: start;
		align-content: flex-start
	}
}

span.js-daterange-formatted {
	height: 28px;
	display: inline-block
}

@media (min-width:900px) {
	span.js-daterange-formatted {
		height: auto
	}
}

input.js-daterange {
	visibility: hidden;
	display: block;
	height: 0;
	width: calc(100% + 12px);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 0 -6px
}

@media (min-width:500px) and (max-width:900px) {
	input.js-daterange {
		margin-bottom: -22px
	}
}

.driver-details .search-form__field--select::after {
	display: none
}

.search-form__validation-message {
	font-size: 16px;
	line-height: 1.3em;
	position: absolute;
	top: 100px;
	background: #fff;
	padding: 18px;
	min-width: 300px;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
	box-shadow: 0 0 10px rgba(0, 0, 0, .2);
	display: none;
	z-index: 3;
	max-width: 80%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

@media (min-width:500px) {
	.search-form__validation-message {
		top: 84px
	}
}

@media (min-width:900px) {
	.search-form__validation-message {
		max-width: none;
		left: auto;
		-webkit-transform: none;
		transform: none;
		top: 81px
	}
}

.search-form__field--invalid .search-form__validation-message {
	display: block
}

.search-form__validation-message::before {
	content: "";
	width: 15px;
	height: 15px;
	background: #fff;
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
	margin: 0 0 0 -6px;
	position: absolute;
	top: -8px;
	left: 50%;
	-webkit-box-shadow: -2px -2px 4px rgba(0, 0, 0, .1);
	box-shadow: -2px -2px 4px rgba(0, 0, 0, .1)
}

@media only screen and (min-width:900px) {
	.search-form__validation-message::before {
		left: 27px
	}
}

.search-form__validation-message p:first-child {
	font-weight: 700
}

.search-form__validation-message p {
	margin: 0;
	padding: 0
}

.search-form__field--driver-from {
	display: none
}

@media (min-width:900px) {
	.search-form__field--driver-from {
		width: calc(39.0496% - 5px)
	}
}

@media (max-width:500px) {
	.select2-container--default .select2-selection--single .select2-selection__arrow {
		font-size: 28px;
		line-height: 28px;
		height: 28px;
		top: 0;
		right: 16px
	}
}

@media (min-width:500px) and (max-width:900px) {
	.select2-container--default .select2-selection--single .select2-selection__arrow {
		top: 1px;
		background: #fff;
		z-index: 1
	}
}

.select2-container--default .select2-results>.select2-results__options {
	-webkit-overflow-scrolling: touch
}

.select2-container {
	width: 100%!important
}

@media (max-width:500px) {
	.select2-container {
		position: relative!important;
		top: 0!important;
		left: 0!important
	}
}

.select2-container .select2-dropdown {
	margin-top: 0;
	position: static;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none;
	border-top: 1px solid #ebeaea;
	border-radius: 0
}

@media (min-width:500px) {
	.select2-container .select2-dropdown {
		position: absolute;
		margin-top: 37px;
		border: none;
		-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
		box-shadow: 0 0 10px rgba(0, 0, 0, .2)
	}
}

@media (min-width:900px) {
	.select2-container .select2-dropdown {
		margin-top: 22px
	}
}

.select2-container .select2-dropdown--above {
	margin-top: 0;
	position: relative;
	bottom: 30px
}

@media (min-width:900px) {
	.select2-container .select2-dropdown--above {
		margin-top: 0;
		position: relative;
		bottom: 30px
	}
}

.select2-dropdown::before {
	content: "";
	width: 15px;
	height: 15px;
	background: #fff;
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
	margin: 0 0 0 -6px;
	position: absolute;
	top: -8px;
	left: 50%;
	-webkit-box-shadow: -2px -2px 4px rgba(0, 0, 0, .1);
	box-shadow: -2px -2px 4px rgba(0, 0, 0, .1);
	display: none
}

@media (min-width:500px) {
	.select2-dropdown::before {
		display: block
	}
}

.select2-dropdown--above::before {
	top: auto;
	bottom: -8px;
	-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, .1);
	box-shadow: 2px 2px 4px rgba(0, 0, 0, .1)
}

.select2-container--default .select2-search--dropdown {
	padding: 0 15px;
	position: relative;
	margin-bottom: -32px;
	top: -42px
}

@media (min-width:500px) {
	.select2-container--default .select2-search--dropdown {
		top: -66px;
		margin-bottom: -32px
	}
}

@media (min-width:900px) {
	.select2-container--default .select2-search--dropdown {
		top: -53px
	}
}

.select2-container--default .select2-dropdown--above .select2-search--dropdown {
	position: absolute;
	top: auto;
	margin-bottom: 0;
	bottom: -62px;
	left: 0;
	right: 0
}

@media (min-width:900px) {
	.select2-container--default .select2-dropdown--above .select2-search--dropdown {
		position: absolute;
		top: auto;
		margin-bottom: 0;
		bottom: -59px;
		left: 0;
		right: 0
	}
}

.select2-container--default .select2-search--dropdown .select2-search__field {
	border-radius: 2px;
	border-color: #ebeaea;
	background-color: #f9f8f8;
	text-align: left;
	-webkit-box-shadow: none;
	box-shadow: none;
	height: 32px;
	font-size: 16px;
	line-height: 32px;
	padding: 0 10px;
	outline: 0;
	position: relative;
	font-weight: 500
}

.select2-dropdown .select2-results {
	font-size: 18px
}

.select2-container--default .select2-results__group,
.select2-container--default .select2-results__option,
.select2-container--default .select2-results__option .select2-results__option {
	padding: 5px 15px
}

.select2-results__options {
	position: relative;
	padding: 0
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #5bb85d
}

.date-range-container {
	position: relative;
	width: 100%
}

.search-form__field--invalid+.date-range-container {
	border: 1px solid #c9818f
}

@media (min-width:500px) {
	.search-form__field--invalid+.date-range-container {
		border: none
	}
}

.daterangepicker {
	border: none;
	border-radius: 0
}

@media (max-width:500px) {
	.daterangepicker {
		position: relative!important;
		top: auto!important;
		left: auto!important;
		-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .2);
		box-shadow: 0 2px 2px rgba(0, 0, 0, .2);
		width: auto;
		display: block!important;
		margin-top: 0
	}
}

@media (min-width:500px) {
	.daterangepicker {
		margin-top: 18px;
		-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
		box-shadow: 0 0 10px rgba(0, 0, 0, .2)
	}
}

.daterangepicker .ranges {
	margin: 0
}

.daterangepicker.openscenter:before {
	content: "";
	width: 15px;
	height: 15px;
	background: #fff;
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
	margin: 0 0 0 -6px;
	position: absolute;
	top: -8px;
	left: 50%;
	-webkit-box-shadow: -2px -2px 4px rgba(0, 0, 0, .1);
	box-shadow: -2px -2px 4px rgba(0, 0, 0, .1);
	border: none;
	display: none
}

@media (min-width:500px) {
	.daterangepicker.openscenter:before {
		display: block
	}
}

.daterangepicker.openscenter:after {
	content: "";
	width: 21px;
	height: 21px;
	background: #fff;
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
	margin: 0 0 0 -9px;
	position: absolute;
	top: -6px;
	left: 50%;
	border: none;
	display: none
}

@media (min-width:500px) {
	.daterangepicker.openscenter:after {
		display: block
	}
}

.daterangepicker td.in-range {
	background-color: #cfecd0
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
	background-color: #5bb85d
}

.daterangepicker td.off,
.daterangepicker td.off.end-date,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date {
	visibility: hidden
}

@media (min-width:900px) {
	.daterangepicker td.off,
	.daterangepicker td.off.end-date,
	.daterangepicker td.off.in-range,
	.daterangepicker td.off.start-date {
		visibility: visible
	}
}

.daterangepicker option.disabled,
.daterangepicker td.disabled {
	visibility: visible;
	text-decoration: none;
	color: #ccc
}

.daterangepicker .calendar-table td,
.daterangepicker .calendar-table th {
	font-size: 14px;
	line-height: 18px;
	height: 18px
}

.daterangepicker .calendar-table .month {
	font-size: 14px;
	color: #939393;
	text-transform: uppercase;
	font-weight: 400;
	line-height: 1em
}

@media (min-width:500px) {
	.daterangepicker .calendar-table .month {
		font-size: 12px
	}
}

.daterangepicker td.active,
.daterangepicker td.start-date {
	border-radius: 0
}

.daterangepicker .drp-calendar.left {
	padding-left: 15px;
	padding-right: 15px;
	max-width: none
}

@media (min-width:600px) {
	.daterangepicker .drp-calendar.left {
		padding-right: 0
	}
}

@media (min-width:600px) {
	.daterangepicker .drp-calendar.left {
		padding: 8px
	}
}

@media (min-width:564px) {
	.daterangepicker.ltr .drp-calendar.left .calendar-table {
		padding-right: 0
	}
}

.daterangepicker .drp-calendar.right {
	padding-right: 15px
}

.daterangepicker.show-calendar .drp-buttons {
	border-top: 1px solid #f0f0f0;
	padding: 15px 18px;
	display: none
}

@media (min-width:500px) {
	.daterangepicker.show-calendar .drp-buttons {
		display: block
	}
}

.daterangepicker.show-calendar .drp-selected {
	display: none
}

@media (max-width:599px) {
	.daterangepicker .right {
		position: absolute;
		top: 0;
		right: 0
	}
	.daterangepicker td.today {
		position: relative
	}
	.daterangepicker td.today:before {
		content: '';
		border: 2px solid #b2ddb3;
		border-radius: 100px;
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0
	}
	.daterangepicker td.available:hover {
		border-radius: 100px
	}
	.daterangepicker .right thead .month {
		display: none
	}
	.daterangepicker .right thead tr:last-child {
		display: none
	}
	.daterangepicker .right tbody {
		display: none
	}
	.daterangepicker td.in-range,
	.daterangepicker td.in-range:hover {
		background-color: #acdbad;
		border-radius: 0;
		color: #fff
	}
	.daterangepicker td.start-date,
	.daterangepicker td.start-date:hover {
		border-radius: 100px 0 0 100px;
		background: #5bb85d
	}
	.daterangepicker td.end-date,
	.daterangepicker td.end-date:hover {
		border-radius: 0 100px 100px 0;
		background: #5bb85d
	}
	.daterangepicker td.start-date.end-date,
	.daterangepicker td.start-date.end-date:hover {
		border-radius: 100px
	}
}

.daterangepicker.show-calendar .cancelBtn {
	display: none
}

.daterangepicker .drp-buttons .applyBtn {
	background: #5bb85d;
	border: 1px solid #5bb85d;
	color: #fff;
	font-family: Roboto, Arial, Helvetica, sans-serif
}

.brands {
	background: #cbcbcb;
	min-height: 75px;
	display: block;
	padding: 10px 10px;
	text-align: center;
	overflow-x: auto;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch
}

@media only screen and (min-width:600px) {
	.brands {
		padding: 20px 40px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		overflow: hidden;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		white-space: normal
	}
}

.brands>div,
.brands>img {
	padding: 20px 7px;
	zoom: .7;
	display: inline-block
}

@media only screen and (min-width:600px) {
	.brands>div,
	.brands>img {
		padding: 20px 10px;
		zoom: 1
	}
}

.site-footer {
	margin-top: 40px;
	background-color: #e5e5e5;
	font-size: 14px
}

@media only screen and (min-width:750px) {
	.site-footer {
		font-size: 16px
	}
}

@media only screen and (min-width:750px) {
	.site-footer {
		font-size: 18px
	}
}

.site-footer__inner {
	margin: 0 auto;
	padding: 40px 40px;
	line-height: 20px;
	max-width: 1500px;
	width: 100%;
	text-align: center
}

@media only screen and (min-width:750px) {
	.site-footer__inner {
		text-align: right
	}
}

.site-footer a {
	color: #000;
	text-decoration: none;
	font-weight: 400
}

.site-footer a:active,
.site-footer a:hover {
	text-decoration: underline
}

.menu-footer-container {
	display: block;
	margin: 0 0 5px
}

@media only screen and (min-width:750px) {
	.menu-footer-container {
		margin: 0;
		float: left
	}
}

@media only screen and (min-width:900px) {
	.menu-footer-container {
		float: none
	}
}

.menu-footer-container ul {
	display: inline-block;
	list-style: none;
	margin: 0;
	padding: 0
}

@media only screen and (min-width:900px) {
	.menu-footer-container ul {
		margin-right: 165px
	}
}

.menu-footer-container li {
	display: inline-block;
	margin: 0 10px 15px;
	padding: 0
}

@media only screen and (min-width:750px) {
	.menu-footer-container li {
		margin-right: 20px;
		margin-left: 0;
		margin-bottom: 0
	}
}

@media only screen and (min-width:900px) {
	.menu-footer-container li {
		margin-left: 20px;
		margin-right: 0
	}
}

.excerpt {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #eee
}

@media only screen and (min-width:750px) {
	.excerpt {
		margin-bottom: 40px;
		padding-bottom: 40px
	}
}

.excerpt img {
	display: block;
	max-width: 100%;
	height: auto!important;
	margin: 0 0 20px
}

.side-bar ul {
	list-style: none;
	margin: 20px 0 0;
	padding: 0
}

.side-bar li {
	list-style: none;
	margin: 0 0 10px;
	padding: 0 0 10px;
	border-bottom: 1px solid #eee
}

.side-bar li a:hover {
	text-transform: none
}

.entry-meta {
	margin-top: 10px;
	margin-bottom: 20px;
	font-size: 14px
}

.entry-meta span {
	margin-right: 10px
}

.excerpt .entry-meta {
	border-bottom: 1px solid #eee;
	padding-bottom: 20px
}

.page-header {
	margin-top: 20px
}

@media only screen and (min-width:600px) {
	.page-header {
		margin-top: 40px
	}
}

.post .page-header {
	margin-top: 0
}

.post .page-header img {
	display: block;
	max-width: 100%;
	height: auto
}

.post img {
	display: block;
	margin: 0 auto 0 0;
	max-width: 100%;
	height: auto!important
}

.page-content img {
	max-width: 100%;
	display: block
}


  /* Map Iframe for RG */
  .iframe-container {
    margin: 0;
  }

  .map-iframe {
    width: 100%;
    height: 600px;  /* Default height for larger screens */
  }

  .rotate-instruction {
    display: none;
    font-style: italic;
    font-size: small;
  }

  /* Mobile specific */
  @media only screen and (max-width: 768px) {
    .map-iframe {
      height: 70vh;  /* Fallback */
      width: calc(100% + 60px);
      margin-left: -30px;
      margin-right: -30px;
    }
    .rotate-instruction {
      display: inline;
    }
  }

  /* Mobile: Portrait */
  @media only screen and (max-width: 768px) and (orientation: portrait) {
    .map-iframe {
      height: 75vh;
    }
  }

  /* Mobile: Landscape */
  @media only screen and (max-width: 768px) and (orientation: landscape) {
    .map-iframe {
      height: 500px;
    }
  }