/****** Color Pallet

Blue:  #37c6f3;
Purple:  #3d134c;

font-family: 'Oswald', sans-serif;
font-family: 'Roboto Condensed', sans-serif;

/***** Generic Items *****/

*{
	margin: 0;
	padding: 0;
}

html{
	scroll-behavior: smooth;
}

body{
	background: #fff;
	min-height: 100vh;
}

ul{
	list-style-type: square;
}

ul ul{
	list-style-type: circle;
}

li{
	margin-bottom: 7px;
}

h1, h2, h3, h4, h5, h6{
	font-family: 'Oswald', sans-serif;
}

h2{
	font-size: 1.8rem !important;
}

p,a,li{
	font-family: "Open Sans", sans-serif;
}

a{
	text-decoration: none;
	color: #2f344e;
	font-size: 1.1em;
}

a:hover{
	color: #525981;
}

button{	
	border: 0;
	background: transparent;
}

.txt-center,
.text-center{
	text-align: center;
}

.txt-left,
.text-left{
	text-align: left;
}

.txt-right,
.text-right{
	text-align: right;
}

.float-left{
	float:left;
}

.float-right{
	float: right;
}

.transition{
	transition: all 0.3s ease;
}

@-webkit-keyframes zoom {
  0% {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -moz-transform: scale(1.1) rotate(0.1deg);
    -webkit-transform: scale(1.1) rotate(0.1deg);
    transform: scale(1.1) rotate(0.1deg);
  }

  100% {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

/***** Page General *****/

#page, .page{
	min-height: 100vh;
}

.btn-lg{
	font-size: .8em !important;
	text-transform: uppercase;
	padding: 17px 35px !important;
}

.btn-xl{
	font-size: 2em !important;
	text-transform: uppercase;
	padding: 10px 40px !important;
}

.btn-red{
	background: #f00000 !important;
	color: #fff !important;
	border: 3px solid #c81414 !important;
}

.btn-red:hover{
	background: #000 !important;
	border: 3px solid #000 !important;
}

.btn-reg{
	color: #2f344e;
	font-weight: bold;
	border: 3px solid #2f344e;
	border-radius: 3px;
	padding: 5px 10px;
	transition: all .3s ease;
}

.btn-reg:hover{
	background: #2f344e;
	color: #9adbdf;
}

.no-margin{
	margin: 0;
}

/***** Overrides *****/

.nf-form-fields-required,
.ninja-forms-req-symbol,
.nf-field-label{
	display: none;
}

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
   background-color: rgba(1, 127, 1, .15);
}

/***** Header *****/

.mobile{
	display: none;
}

.rope{
	height: 25px;
  position: fixed;
  top: -3px;
  width: 100%;
  background: url(/wp-content/uploads/2026/01/rope-2.png);
  background-repeat: repeat-x;
  z-index: 100;
}

.main-nav{
	display: flex;
	justify-content: center;
	padding: 10px 25px 0 25px;
	position: fixed;
	width: 100%;
	z-index: 10;
	transition: all .5s ease;
	background: rgba(110, 159, 213, .5);
}

.main-nav div{
	flex: 1;
	display: flex;
}

.main-nav .left{
	margin-right: auto;
}

.main-nav .right{
	margin-left: auto;
	display: flex;
	align-items: center;
	justify-content: right;

}

.main-nav a{
	color: #fff;
	padding: 7px;
	transition: all .5s ease;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
	margin-right: 22px;
	font-size: 16px;
}

.main-nav a:hover{
	color: #00295F;
}

.main-nav a.logo-long img{
	height: 100px;
}

.main-nav.on{	
	/* background: rgba(255, 255, 255, .85); */
}

.desktop{
	display: flex;
	align-items: center;
}

.desktop .nav-items ul{
	list-style: none;
	display: flex;
	align-items: center;
	margin: 0;
	padding: 0;
}

.desktop .nav-items ul li{
	margin: 0;
}

.desktop .nav-items ul li a{
	text-transform: uppercase;
	color: #1d428a;
	margin: 0;
	padding: 7px 5px;
	transition: all .3s ease;
}

.desktop .nav-items ul li a:hover{
	color: #9db8ed;
}

/***** Home *****/

.main-movie{
	position: relative;
	height: 800px;
	display: flex;
	align-items: center;
	overflow: hidden;
}

.main-movie video{
	position: absolute;
	width: 100%;
}

.main-movie video.bg-video{
  inset: 0;
  width: 100%;
  height: 800px;
  object-fit: cover;
  z-index: -1; /* put behind content */
}

.main-movie .content{
	padding: 44px;
}

.main-movie h2{
	font-size: 8em !important;
	line-height: .8em;
	font-family: "Outfit", sans-serif;
	color: #fff;

}

.main-movie h3{
	font-size: 4em !important;
	color: #D0A24A;
	font-family: "Dancing Script", cursive;
	font-weight: 300;
}

.main-movie p{
	color: #fff;
	max-width: 400px;
}

.home-section{
	background: #fff;
	width: 100%;
}

.home-section h3{
	text-align: center;
	padding: 22px;
	color: #00275F;
	text-transform: uppercase;	
	font-weight: 700;
	font-family: "Times New Roman", Times, serif;
}

.home-section .brands{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	padding-bottom: 22px;
}

.home-section .brands img{
	max-height: 70px;
	margin: 11px 22px;
}

.home-section .gallery{
	display: flex;
}

.home-section .gallery img{
	max-width: 100%;
}

.home-section .gallery a{
	height: 600px;
	background-size: cover;
	background-position: center;
	position: relative;
}

.home-section .gallery a:before{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	border: 11px solid #fff;
}

.home-section .gallery a:first-child{
	flex: 0 0 25%;
	background-image: url(/wp-content/uploads/2026/01/IMG_4485-scaled.jpg);
}

.home-section .gallery a:nth-child(2){
	flex: 0 0 50%;
	background-image: url(/wp-content/uploads/2026/01/IMG_0644.jpg);
	filter: grayscale();
}

.home-section .gallery a:last-child{
	flex: 0 0 25%;
	background-image: url(/wp-content/uploads/2026/01/IMG_5464-scaled.jpg);
}

.home-section .gallery a:nth-child(2):after{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	border: 1px solid #e2e2e2;
}

.home-section.discover{
	background-image: url(/wp-content/uploads/2026/01/IMG_4127-scaled.jpg);	
	background-size: cover;
	background-position: center;
	height: 600px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 22px;
}

.home-section.discover h3{
	color: #fff;
	font-size: 4em;
	transition: all .3s ease;
}

.discover a{
	color: #fff !important;
}

.discover a:hover h3{
	color: #088AAB !important;
}

.book{
	display: flex;
}

.book-form-wrap{
	padding: 44px 22px 22px 22px;
	background: #fff;
	flex: 0 0 500px;
}

.book-form-title{
	position: relative;
	height: 200px;
}

.book-form-title h3,
.book-form-title h4,
.book-form-title h5{
	position: absolute;
	text-transform: uppercase;
	font-family: "Times New Roman", Times, serif;
}

.book-form-title h5{
	color: #D1C3AC;
	font-size: 1em;
	top: 66px;
	left: 44px;
	z-index: 2;
}

.book-form-title h4{
	color: #EDE9E0;
	font-size: 7em;
	top: 0px;
}

.book-form-title h3{
	font-size: 4em;
	left: 44px;
	bottom: 22px;
}

.book-form{
	margin: 0 44px;
}

.book-form input,
.book-form textarea{
	border-radius: 0;
	padding: 11px;
	border: 1px solid #D2D1CF;
}

.book-form input::placeholder,
.book-form textarea::placeholder{
	color: #D2D1CF;
}

#nf-field-4{
	width: 100%;
	text-align: center;
	background: #BFA888;
	color: #fff;
	text-transform: uppercase;
}

.book-image{
	background-image: url(/wp-content/uploads/2026/02/Untitled-20-x-15-in.png);
	background-size: cover;
	background-position: center;
	flex-grow: 1;
}

/***** Page *****/

/***** About *****/

#about{
	background: #fff;
}

#about h2{
	font-family:"Edu AU VIC WA NT Hand", cursive;
	color: #9adbdf;
}

.about-content{
		margin-top: 44px;
}

.about-gallery{
	display: flex;
	justify-content: center;
}

.about-gallery div{
	padding: 11px 11px 22px 11px;
}

.about-gallery img{
	max-width: 100%;
}

/***** Menu ******/

#menu{
	background: #aadbe0;
}

#menu h3{
	text-align: center;
	margin: 44px 0 22px 0;
	text-transform: uppercase;
	font-size: 3em;
}

#menu i{
	color: #fff;
}

.menu-wrap{
	padding-bottom: 44px;
}

.menu-wrap img{
	max-width: 100%;
}

.menu-items{
	display: flex;
	justify-content: center;
}

.menu-item{
	margin: 11px 0;
	padding: 11px 5px;
}

.menu-item p{
	margin-bottom: 0;
}

ul.flavors{
	display: flex;
	flex-wrap: wrap;
}

ul.flavors li{
	display: inline-block;
}

ul.flavors li::after{
	 content:"●";
	 padding: 0 5px;
}

ul.flavors li:last-child::after{
	 content:"";
}

.special p{
	margin-bottom: 5px;
}

/***** Dockage *****/

@keyframes breath {
  0%   { transform:scale(1,1); }
  50% { transform:scale(1.2,1.2); }
  100% { transform:scale(1,1); }
}

#dockage .featured-banner-wrap{
	height: 80vh;
	overflow: hidden;
	position: relative;
}

#dockage .featured-banner{
	background-size: cover;
	background-position: center;
	height: 80vh;
	animation: breath 15s linear infinite;
}

#dockage .featured-banner-content{
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
	display: flex;
	margin: 0 auto;
	align-items: center;
}

#dockage .featured-banner-content-container{
	margin: 0 auto;
	width: 1500px;
	max-width: 1500px;
	padding: 0 22px;
}

#dockage .featured-banner-content-container h2{
	font-size: 6em !important;
  line-height: 1em;
  font-family: "Outfit", sans-serif;
  color: #fff;
}

#dockage .featured-banner-content-container h3{
	font-size: 4em !important;
	color: #D0A24A;
	font-family: "Dancing Script", cursive;
	font-weight: 300;
}

.cruise-review{
	margin: 50px 0;
}

.cruise-review .container{
	display: flex;
}

.cruise-review .container .cruise-review-image,
.cruise-review .container .cruise-review-wrap{
	flex: 0 0 50%;
}

.cruise-review-image{
	background-size: cover;
	background-position: center;
	height: 500px;
}

.cruise-review-content-wrap{
	display: flex;
	align-items: center;
}

.cruise-review-content{
	padding: 0 0 0 50px;
}

.cruise-review-content h2{
	font-family: "Outfit", sans-serif;
	font-size: 2.5em !important;
}

.cruise-review-content h3{
	font-family: "Outfit", sans-serif;
	font-size: .8em;
	color: #D0A24A;
}

.cruise-review-content p{
	line-height: 1.75em;
}

.review-phone{
	display: flex;
	align-items: center;
}

.review-phone i{
	padding: 18px;
	border-radius: 100%;
	color: #00295F;
	margin-right: 22px;
	background: #D0A24A;
}

.review-phone div{
	line-height: 1.2em;
}

.review-phone span{
		font-size: .8em;
		color: #00295F;
}

.amenities{
	padding: 50px 0;
}

.amenities h2{
	font-family: "Outfit", sans-serif;
	font-size: 3em !important;
}

.amenities-items{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.amenity-group{
	display: flex;
	align-items: center;
	flex: 0 0 240px;
}

.single-amenity{
	flex: 0 0 25%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.amenity-icon{
	font-size: 3em;
	color: #00295F;
}

.amenity-icon{
	width: 60px;
}

.amenity-content{
	margin: 0 0 0 22px;
	color: #088AAB;
}

.amenity-content h4{
	margin: 0;
}

.destinations{
	padding: 50px 0;
	background-image: url(/wp-content/uploads/2026/01/waves.jpg);
	color: #fff;
}

.destinations h2{
	font-family: "Outfit", sans-serif;
	font-size: 3em !important;
	margin-bottom: 22px;
}

.destination-items{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 1%;
}

.single-desitnation{
	flex: 0 0 30%;
	margin-top: 22px;
}

.destination-image-wrap{
	overflow: hidden;
}

.destination-image{
	padding: 11px;
}

.destination-image{
	height: 500px;
	background-size: cover;
	background-position: center;
	transition: all .3s ease;
}

.destination-image:hover{
	transform: scale(1.1);
}

.single-desitnation p{
	margin: 11px 0 0 0;
	font-family: "Outfit", sans-serif;
}

.yatching-gallery{
	padding: 50px 0;
}

.gallery-content{
	display: flex;
}

.gallery-content h2{
	flex: 0 0 50%;
	font-size: 3em !important;
	font-family: "Outfit", sans-serif;
}

.gallery-content p{
	flex: 0 0 50%;
	font-size: 1.25em;
	font-family: "Outfit", sans-serif;
	margin-left: 22px;
	margin-top: 5px;
}

.gallery{
	display: flex;
	align-items: center;
}

.gallery a{
	display: flex;
	justify-content: center;
	align-items: center;
}

.gallery a:hover h2{
	transition: all .3s ease;
	background: rgba(255, 255, 255, .25);
}

.gallery h2{
	padding: 11px 22px;
	color: #fff;
	border: 1px solid #fff;
	font-weight: bold;
	font-size: 3em !important;
	font-family: "Times New Roman", Times, serif;
	text-transform: uppercase;
}

.small-image-wrap{
	flex: 0 0 48%;
	overflow: hidden;
}

.big-image,
.small-image{
	background-size: cover;
	background-position: center;
	transition: all .3s ease;
}

.big-image-wrap,
.small-image-group{
	flex: 0 0 50%;
}

.small-image-group{
	display: flex;
	flex-wrap: wrap;
	gap: 22px;
	margin: 0 22px;
}

.big-image-group{
	overflow: hidden;
}

.big-image{
	height: 500px;
}

.small-image{
	height: 239px;
}

.big-image:hover,
.small-image:hover{
	transform: scale(1.1);
}

/***** Services *****/

#services .single-amenity{
	flex: 0 0 33%;

}

#services .amenity-group{
	flex: 0 0 425px;
}

#services .featured-banner-wrap{
	height: 80vh;
	overflow: hidden;
	position: relative;
}

#services .featured-banner{
	background-size: cover;
	background-position: center;
	height: 80vh;
	animation: breath 15s linear infinite;
}

.service-header{
	padding: 50px 22px;
	background: #F1F0EC;
}

.service-header h2{
	text-align: center;
	font-size: 3em !important;
	font-family: "Outfit", sans-serif;
}

.service-header h2 span{
	color: #D0A046;
}

.services-about-content{
	padding: 44px 0 0 0;
	display: flex;
	align-items: center;
}

.services-about-content img{
	max-width: 300px;
}

.techs .container{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.tech-image{
	flex: 0 0 33%;
	height: 500px;
  border: 10px solid #fff;
  overflow: hidden;
}

.tech-image div{
	height: 500px;
  background-size: cover;
  background-position: center;
  transition: all .3s ease;
}

.tech-image div:hover{
	transform: scale(1.1);
}

.tech-image img{
	max-width: 100%;
	padding: 11px;
}

.service-wrap{
	margin: 44px 0;
}

.service-wrap .container{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.service-item{
	flex: 0 0 33%;
}

.service-button{
	padding: 11px 22px;
	margin: 11px 22px;
	border-radius: 5px;
	background: #042B62;
	color: #3486A7;
	text-align: center;
	font-weight: 700;
}

.service-button p{
	margin: 0;
}

/***** Contact *****/

#contact{
	background: #fff;
}

.title{
	height: 500px;
	display: flex;
	align-items: center;
	color: #fff;
	position: relative;
}

#contact .title::after{
	content: '';
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
	background: rgba(0, 0, 0, .25);
}

.title h1{
	z-index: 10;
	position: relative;
}

.contact-info{
	margin: 44px 0;
	display: flex;
	flex-wrap: wrap;
}

.contact-items{
	margin: 44px 0;
}

.contact-icon{
	font-size: 3em;
	flex: 0 50px;
	margin: 11px;
	color: #9adbdf;
	text-align: center;
}

.contact-details,
.contact-form{
	flex: 0 50%;
	padding: 11px;
}

#contact h2{
	font-size: 15px !important;
	font-family: "Outfit", sans-serif;
	text-transform: uppercase;
	font-weight: 300;
}

#contact h3{
	font-weight: 900;
	font-family: "Outfit", sans-serif;
	font-weight: 400;
	color: #444;
	font-size: 3em;
}

#contact p{
	line-height: 2em;
	color: #666;
}

#contact a{
	font-weight: 700;
}

#contact i{
	color: #0686A8;
	width: 40px;
}

#contact .social{
	border-bottom: 3px solid #9adbdf;
	margin: 0 0 22px 0;
	padding: 0 0 22px 0;
	display: flex;
	justify-content: flex-start;
}

#contact .social h4{
	text-transform: uppercase;
}

.contact-social a{
	background: #9adbdf;
	border-radius: 100%;
	width: 50px;
	height: 50px;
	color: #fff;
	font-size: 1.5em;
	display: inline-block;
	text-align: center;
}

.contact-social a i{
	margin-top: 12px;
}

.contact-map iframe{
   margin-bottom: -6px;
}

.contact-form .nf-field-label{
	display: none;
}

#nf-field-4{
	width: 100%;
	text-align: center;
	background: #BFA888;
	color: #fff;
	text-transform: uppercase;
}

.contact-form{
	margin: 0 0;
}

.contact-form input,
.contact-form textarea{
	border-radius: 0;
	padding: 11px;
	border: 1px solid #D2D1CF;
}

.contact-form input::placeholder,
.contact-form textarea::placeholder{
	color: #D2D1CF;
}

.contact-form h4{
	text-transform: uppercase;
}

.contact-form .form-btn-wrap{
	text-align: center;
}

.contact-form .form-btn-wrap{
	text-align: center;
}

.contact-form .form-btn{
	background: #9adbdf !important;
	text-transform: uppercase;
	font-weight: bold;
}

.map{
	width: 100%;
}

/***** Blog *****/

.blog{
	margin-top: 125px;
}

.blog .container{
	padding: 22px 0;
	margin: auto;
}

.blog .menu-wrap{
	margin: 22px 0;
	padding: 22px;
	background: #fff;
}

.blog-post{
	margin: 22px 0;
	display: flex;
	border: 1px solid #e2e2e2;
}

#nav-posts .next{
	text-align: right;
}

.blog-post img{
	flex: 0 0 40%;
	height: auto;
}

.blog-post-content{
	margin: 0 11px;
	display: flex;
	align-items: center;
}

.blog-post-content i{
	color: #000 !important;
}

.blog-post-content h2{
	font-size: 1.25em !important;
}

#blog{
	background: #AADBE0;
}

#blog .container{
	max-width: 800px;
	margin: auto;
}

#blog .single{
	background: #fff;
	padding: 22px;
}

#blog h3{
	font-size: 1.5em !important;
	text-align: left !important;
}

#blog h4{
	font-size: 1.25em !important;
}

.bread{
	padding: 0 0 22px 0;
}

/***** Footer *****/

#footer{
	color: #fff;
	background: #001A33;
	background-image: url(/wp-content/uploads/2026/01/waves.jpg);k
	width: 100%;
	font-size: 15px !important;
	padding: 44px 22px;
}

#footer a{
	color: #fff;
	font-weight: 700;
}

.footer-content{
	display: flex;
	justify-content: space-between;
}

.footer-section h3{
	margin-bottom: 44px;
	color: #D0A24A;
}

.footer-section ul{
	margin: 0;
	padding: 0 0 0 22px;
}

.footer-section li::marker{
	color: #D0A24A;
}

.footer-section p{
	margin: 22px 0;
}

.footer-section img{
	max-width: 200px;
	background: #fff;
}

.footer-section.about{
	flex: 0 0 300px;
}

.footer-section.contact p{
	margin: 0 0 22px 0;
}

.copyright{
	margin-top: 44px;
}

/***** Responsive *****/


@media (max-width: 1499px){

	.home-sections{
		display: block;
	}

	.section-image,
	.section-content{
		flex: 0 0 100%;
	}

	.section-content{
			padding: 22px;
	}

}

@media (max-width: 1300px){
	.home-section .gallery a{
		flex: 0 0 33% !important;
	}
}

@media (max-width: 1199px){

	.about-item{
		padding: 30px 0;
	}

	.scroll.on .menu-static .logo img{
		max-width: 130px;
	}

	.desktop-header .menu-item a{
		padding: 17px 10px 5px 10px;
	}

	.desktop-menu ul li{
		margin-right: 5px;
	}

	.main-nav{
		display: block;
		padding: 11px;
	}

	.main-nav div{
		justify-content: center;
	}
	
	.yatching-gallery .gallery{
		flex-wrap: wrap;
		justify-content: center;
	}

	.big-image-wrap, .small-image-group {
    flex: 0 0 100%;
	}

	.small-image-group {
		margin: 22px 0 0 0;
		justify-content: center;
	}

	.home-section .gallery{
		justify-content: center;
	}

	.main-nav .right{
		display: none;
	}

	.logo-long,
	.desktop{
		width: 100%;
		display: block;
		text-align: center;
	}

	.nav-items{
		text-align: center;
		display: flex;
		justify-content: center;
		margin: 11px 0 0 0;
	}

}

@media (max-width: 991px){

	.about-item{
		padding: 10px 0;
	}

	.about-item h2{
		font-size: 1.2em !important;
	}

	.home-section .gallery{
		flex-wrap: wrap;
	}

	.home-section .gallery a{
		flex: 0 0 100% !important;
	}

	.scroll.on .menu-static .logo img{
		max-width: 130px;
	}

	.container{
		width: 100%;
		max-width: none;
	}

	.cruise-review .container{
		flex-wrap: wrap;
	}

	.yatching-gallery .gallery-content{
		flex-wrap: wrap;
	}

	.yatching-gallery .gallery-content h2,
	.yatching-gallery .gallery-content p{
		flex: 0 0 100%;
	}

	.yatching-gallery .gallery-content p{
		margin: 5px 0 22px 0;
	}

	.cruise-review .container .cruise-review-image, 
	.cruise-review .container .cruise-review-wrap{
		flex: 0 0 100%;
	}

	.cruise-review-content{
		padding: 44px 22px 0 22px;
	}

	.cruise-review{
		margin-bottom: 0;
	}

	.book-form-wrap{
		flex: 0 0 100%;
	}

	.book-image{
		display: none;
	}

	.footer-content{
		flex-wrap: wrap;
	}

	.footer-content h3{
		margin: 22px 0;
	}

	.footer-section{
		flex: 0 0 100% !important;
	}

	.carousel-control-prev,
	.carousel-control-next{
		display: none;
	}

	.desktop-menu ul li{
		margin-right: 0px;
		font-size: 0.75em;
	}

	.contact-details, .contact-form{
		flex: 0 0 100%;
	}

	#contact .contact-info{
		margin-top: 0;
	}


}

@media (max-width: 768px){

	.main-nav{
		display: block;
		padding: 11px;
	}

	.logo-long,
	.desktop{
		width: 100%;
		display: block;
		text-align: center;
	}

	.nav-items{
		text-align: center;
		display: flex;
		justify-content: center;
		margin: 11px 0 0 0;
	}

	.home-sections{
		display: block;
	}

	#dockage .featured-banner-content-container h2{
		font-size: 4em !important;
	}

	#flavors .flavor{
		flex: 0 0 50%;
	}

	.ice-cream-item{
		flex: 0 0 50%;
		padding: 0 11px;
	}

	.destination-items{
		flex-wrap: wrap;
	}

	.single-desitnation {
    flex: 0 0 90%;
    margin-bottom: 44px;
	}

	.snack-item{
		flex: 0 0 50%;
	}

	.book-form-title{
		margin: 0 44px;
	}

	.services-about-content img{
		width: 200px;
	}

	.book-form-title h3, .book-form-title h4, .book-form-title h5{
		position: initial;
	}

	.book-form-title h4{
		font-size: 3em;
	}

	.book-form-title h3{
		font-size: 3em !important;
	}

	.section-image,
	.section-content{
		width: 100%;
	}

	.about-gallery{
		flex-wrap: wrap;
	}

	.main-movie h2{
		font-size: 5em !important;
	}

	.tech-image {
    flex: 0 0 50%;
	}

	.small-image-wrap {
    flex: 0 0 47%;
	}

	.home-section .brands img{
		max-height: 50px;
	}

	.section-content{
		padding: 30px 0;
	}

	.footer-content{
		justify-content: center;
		margin: 60px 22px;
	}

	.copyright,
	.design-by{
		width: 100%;
		text-align: center;
	}

}

@media (max-width: 575px){

	.ice-menu-item{
		width: 100%;
	}
	.cruise-review-content h2{
		font-size: 2em !important;
	}

	.yatching-gallery .gallery-content h2{
		font-size: 2em !important;
	}

	.amenities .amenities-items{
		justify-content: left;
	}

	.amenities h2{
		font-size: 2em !important;
		text-align: left !important;
	}

	#dockage .featured-banner-wrap,
	#dockage .featured-banner	{
		height: 50vh;
	}

	.services-about-content img{
		display: none;
	}

	.home-section.discover h3{
		font-size: 3em;
	}

	.book-form-title,
	.book-form{
		margin: 0 11px;
	}

	.tech-image img{
		padding: 5px;
	}

	.footer-contact-info .contact_item{
		text-align: center;
	}

	.page-content{
		margin-top: 0;
	}

	#services .single-amenity{
		display: block;
		flex: 0 0 100%;
	}

	#flavors .flavor{
		flex: 0 0 100%;
	}

}

@media (max-width: 575px){

	#services .featured-banner,#services .featured-banner-wrap{
		height: 50vh;
	}

	.menu-item{
		margin: 11px 0;
		padding: 11px 0px;
		font-size: .85em;
	}
	.service-header h2{
		font-size: 2em !important;
	}

	.main-nav a{
		margin-right: 0px;
	}

	.blog-post{
		flex-wrap: wrap;
	}

	.main-movie h2{
		font-size: 4em !important;
	}

	.blog-post img{
		flex: 0 0 100%;
		margin-bottom: 22px;
	}

}