/*<div class="displayTest">
YELLOW = Default (Resposive not detected)
RED = Large Screen desktops and laptops: RED<br>
GREEN = Landscape tablets and medium desktops (iPad mini Landscape & Kindle Fire landscape)<br>
BLUE = Portrait tablets and small desktops (iPad portrait)<br>
ORANGE = Landscape phones and portrait tablets: (iPhone landscape / Kindle Fire Portrait)<br>
GRAY = Portrait phones and smaller devices (iPhone Portrait)<br>
</div>*/

/* --------------------------------------------------
RESPONSIVE CSS
-------------------------------------------------- */

/* Large screen desktops and laptops */
@media (min-width: 1200px) {
	/*.displayTest {
		background-color:red;
		padding:20px;
		color:black
	}*/

}

/* Landscape tablets and medium desktops (iPad mini Landscape & Kindle Fire landscape) */
@media (min-width: 992px) and (max-width: 1199px) {
	/*.displayTest {
		background-color:green;
		padding:20px;
		color:black
	}*/
	
	.wrapper {
		padding: 0 40px;
	}
	
	.nav-wrapper {
		padding: 0 15px;
	}

}

@media (max-width: 991px) {
	.wrapper {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	
	header .utility ul {
		display: none;
	}
	
	header .navbar {
		display: none;
	}
	
	.header__menu{display: block; }
	
	.nav-wrapper {
		height: 80px;
	}
	
	.marquee {
		height: 70vh;
		min-height: 450px;
	}
	.marquee-wrapper {
		padding: 0px;
		margin-bottom: 0px;
	}
	.marquee-wrapper .nav {
		display: none;
	}
	.marquee-container {
		border-radius: 0px;
	}
	
	.home .logo {
		width: 200px;
	}
	
	.art::after {
		display: none;
	}
	
	.footer-links .sign::before {
		display: none;	
	}
	
	.footerNav {
		padding: 0px !important;
	}
	
	.attraction-home .item .details {
		margin: 45px 0 0 15px;
	}
	
	.list .item .card-body { 
		flex-direction: column;
	}
	.list .item .card-body .details {
		padding: 15px 0;
	}
	
}


/* Portrait tablets and small desktops (iPad portrait) */
@media (min-width: 768px) and (max-width: 991px) {
	/*.displayTest {
		background-color:blue;
		padding:20px;
		color:black
	}*/
	
	.page-body .wrapper {
		padding-right: 130px;
	}
		
}

/* Landscape phones and portrait tablets: (iPhone landscape / Kindle Fire Portrait) */
@media (max-width: 767px) {
	/*.displayTest {
		background-color:orange;
		padding:20px;
		color:black
	}*/
	
	

	
	.page-header {
		background-attachment: scroll;
		height: 275px;
	}
	

	.marquee .image {
		display: none;
	}
	
	
	/*.overview-grid {
		flex-direction: column;
	}
	.overview-grid .item {
		flex-direction: row-reverse;
	}
	.overview-grid .item .title.icon {
		padding: 0 0 0 60px;
		background-position: left;
	}
	.overview-grid .item .item-header {
		max-height: 135px;
	}
	.overview-grid .item .item-header .image {
		background-size: cover;
	}
	.overview-grid .item .item-footer {
		flex: 0 0 65%;
	}*/
	
	.overview-grid .item .item-header {
		max-height: 150px;
	}
	.overview-grid .item .item-header .image {
		background-size: cover;
	}
	.overview-grid .item .title.icon {
		background: none !important;
		padding: 0px;
	}
	
	.grid {
		flex-direction: column;
	}
	
	.subnav-grid .item {
		width:calc((100% - 2rem) / 2);
	}
	
	.breadcrumb li {
		font-size: 14px;
	}
	
	.page-header::before {
		background: none;
		background-color: rgba(31,178,208,0.8);
	}
	.pageTitle {
		font-size: 28px;
	}
	
	.rides .gallery {
		display: flex;
		flex-direction: column-reverse;
	}
	.rides .gallery .pageTitle {
		left: 0px;
		top: 0px;
		position: relative;
		margin-bottom: 15px;
	}
	
	.marquee .details {
		padding: 1.5em 1.5em 4em 1.5em;
	}
	.marquee .details .line1 {
		font-size: 30px;
	}
	
	
	.dining .item {
		flex-direction: column;	
	}
	.dining .item .image {
		height: 175px;
	}
	
	.footer-contact {
		flex-direction: column;
	}
	.footer-links {
		justify-items: flex-start;
	}
	.footerNav {
		display: block;
	}
	
	.attraction-cats {
		flex-direction: column;
	}
	.attraction-cats .item {
		display: flex;
		flex-direction: row;
		align-items: center;
	}
	.attraction-cats .item .image {
		flex: 0 0 45%;
		height: 120px;
	}
	.attraction-cats .item .icon {
		position: relative;
		top: auto;
		left: auto;
		transform: none;
	}
	.attraction-cats .item-footer {
		padding: 1em 3em 1em 1em;
	}
	.attraction-cats .item .item-footer::after {
		right: 0px;
		top: 50%;
		left: auto;
		-webkit-transform: translate(0,-50%);
		-moz-transform: translate(0,-50%);
		-ms-transform: translate(0,-50%);
		-o-transform: translate(0,-50%);
		transform: translate(0,-50%);
	}
	.attraction-cats .item:hover .item-footer::after {
		left: auto;
	}

	.attractions .item {
		flex-direction: column;
	}
	.attractions .item .image {
		height: 200px;
		flex: auto;
	}
	
	.rides {margin-top: -335px;}
	.rides .specs .item {
		padding: 1em !important;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
	.rides .specs label {
		margin-bottom: 0px;
	}
	.rides .specs label {
		
	}
	.rides .specs .icon {
		height: auto;
	}
	.rides .specs .icon::before {
		display: none;	
	}
	.rides .specs .split {
		flex-direction: column;
	}
	.rides .specs .split > div {
		display: flex;
		justify-content: space-between;
	}
	
	.rides .snapshot .video {
		display: none;
	}
	
	.rides .specs {
		display: flex;
		flex-direction: column;
	}
	
	.map .widget-frame {
		padding-bottom: 80% !important;
	}
	

}

/* Portrait phones and smaller devices (iPhone Portrait) */
@media (max-width: 480px) {
	/*.displayTest {
		background-color:gray;
		padding:20px;
		color:black
	}*/	
	
	.sideNav .subnav-grid .item .title h4 {
		font-size: 18px;
	}
	.explore .subnav-grid .item {
		width: 100%;
	}
	
	.attraction-cats {
		gap: 1rem;
	}
	
	.heading1 {
		font-size: 30px;
	}
	
}
/* -------------------------------------------------- */