@media all and (max-width: 1450px) {

	.boxes.col-2 a.box .table,
	.boxes.col-2 a.box .image,
	.boxes.col-2 a.box .text-content {
    width: 100%;
    display:block;    
	}
	
	.boxes.col-2 a.box .image{
		margin-bottom:25px;
	}
	
	.boxes.col-2 a.box .boat-specs.table {
		display:table;
	}	

	.boxes.col-2 a.box .image{
		height: 380px;
	}
	
}


@media all and (max-width: 1400px) {

	#footer .footer-section{
		padding-right:80px	
	}

}

@media all and (max-width: 1300px) {

	.grid.col-5,
	.grid.col-4{
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 30px;	
	}	
	
	.flex.col-4 .box {
		flex: 0 1 calc(33.333% - 40px);
	}	
	
	.single .news.grid.col-4 .box:last-of-type{
		display:none;
	}

	#footer {
		padding:50px 0 120px 0;
	}

	#footer .footer-section{
		padding-right:120px	
	}

	.footer-newsletter{
		position:relative;
		padding:25px 30px 40px 30px;
		width:100%;	
		margin-bottom:50px;
		text-align:center;
	}	
	
	
	#topbar .strapline h2 {
		font-size: 16px;
	}

	#topbar ul#topbar-nav li a {
		padding: 0 12px;
	}	
	
}

@media all and (max-width: 1200px) {

	a.logo{
		left:0;
	}

	.navigation ul,
	#topbar ul#topbar-nav{
		display:none;
	}
	
	#topbar {
		margin-bottom:20px;
		padding:0;
	}

	#topbar .strapline {
		padding-left: 160px;
	}

	.hamburger{
		display:block;
	}

	.blog-post-content .post-content{
		width:58%;
	}


	.blog-post-content .sidebar{
		width:35%;
	}
	

}


@media all and (max-width: 1150px) {

	.introduction, .page-categories {
		padding-bottom: 20px;
	}

	
	.testimonials-wrapper{
		padding-top:50px;
		padding-bottom:240px;
	}
	
	.testimonials-wrapper .testimonials .testimonial{
		display:none;
	}
	
	.testimonials-wrapper .testimonials .testimonial:first-of-type,
	.testimonials-wrapper .testimonials .testimonial:nth-child(2){	
		display:inline-block;
		width:44%;
	}
	
	.gallery.boxes a.box {
		width: 200px;
	}	

	ul.tabs li a{
		font-size:26px;
		padding:15px;
	}
	ul.tabs li a span.triangle-down{
		bottom:-30px;
		border-left: 40px solid transparent;
		border-right: 40px solid transparent;
		border-top: 40px solid #2193b0;
	}

}

@media all and (max-width: 1020px) {

	#topbar .btn.tel{
		display:none;
	}
}

@media all and (max-width: 980px) {

	
	.grid.col-5,
	.grid.col-4{
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 30px;	
	}	
	
	.flex.col-4 .box {
		flex: 0 1 calc(50% - 40px);
	}		
	
	.single .news.grid.col-4 .box:last-of-type{
		display:block;
	}	
	
	.news .grid.col-4.boxes{
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 30px;	
	}	
	
	.sidebar .boxes.grid.col-1{
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 30px;			
	}

	.banner .textbox {		
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		top: 80px;
		width:80%;
	}	
	
	.banner .textbox h1{
		font-size:42px;
	}

	.banner .textbox h2{
		font-size:32px;
	}	
	
	.banner img{
		height:600px;
	}
	

	.small-page-banner.banner .textbox h1{
		font-size:32px;
	}

	.small-page-banner.banner .textbox h2{
		font-size:26px;
	}

	.small-page-banner.banner img.banner-image{
		height:450px;
	}
	
	
	.banner .guide-download {
		background-position: left 30px;
		position: relative;
		right: 0;
		bottom: auto;
		width: 100%;
	}	

	.guide-download #guide-form {
		position:relative;
		margin-top:20px;
	}
	

	.features-box .image {
		display:none;
		width:0;
	}

	.gallery.boxes a.box {
		width: 160px;
	}	


	.owl-prev,
	.owl-next {
		top: 35%;
		transform: translateY(-35%);
	}
	
	.content-blocks .blocks-wrapper {
		width: 52%;
	}	
	
	.content-blocks .enquiry-box {
		width:38%;
	}


	.blog-post-content .post-content,
	.blog-post-content .sidebar{
		float:none;
		width:100%;
	}
	

	.home .testimonials-wrapper .btn{
		bottom: 0;
	}
	
	
	
	
}


@media all and (max-width: 890px) {

	.contact-details,
	.contact-form{
		float:none;
		width:100%;
	}
	
	.contact-form{
		margin-top:50px;
	}
	
	#topbar .strapline h2{
		font-size:15px;
	}	

	#topbar .strapline h2{
		font-size:15px;
	}	



}	

@media all and (max-width: 840px) {
	
	#topbar .tels .btn{
		display:none;
	}	

}


@media all and (max-width: 800px) {
	
	.banner .textbox {		
		top: 50px;
	}	
	
	.banner .textbox h1{
		font-size:38px;
	}

	.banner .textbox h2{
		font-size:24px;
	}	
	
	.banner img{
		height:500px;
	}
	

	#footer .footer-left,
	#footer .footer-right{
		float:none;
		width:100%;
	}

	#footer .footer-section{
		padding-right:0;
		float:none;
		width:100%;
		clear:both;
		padding:0 0 60px 0;
		text-align:center;
	}
	
	#footer ul.social li{
		float:none;
		text-align:center;
		display:inline-block;
		padding:0 20px;
	}
	
	#footer .copyright{
		text-align:center;		
	}
	
	
	.grid.col-2{
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 60px;
	}

}

@media all and (max-width: 750px) {

	.content-blocks{
		padding-bottom:80px;
	}
	
	.content-blocks .blocks-wrapper,
	.content-blocks .enquiry-box {
		width:100%;
		float:none;
	}
	
	
	.content-blocks .enquiry-box {
		margin-top:80px;
	}


	.features-box {
		margin-top: 40px;
	}

	.features-box,
	.features-box .image,
	.features-box .enquiry{
		display: block;
		width: 100%;
	}
	
	.gap.table-cell{
		display:none;
	}

	.features-box .enquiry-box {
		height:auto !important;
		margin-top:60px;
	}

	.features-box .list {
		padding: 30px;
	}

	.enquiry-box .text {
		padding: 25px 20px;
	}	

	.page-template-page-island-details .popular-features ul{
		display:table;
		width:100%;
	}
	
	.page-template-page-island-details .popular-features li {
		float:left;
		width:33%;
		padding: 5px 0;
		font-size: 15px;
		text-align: left;
	}	

	.page-template-page-island-details .popular-features li span {
		display: inline-block;
		font-size: 18px;
		text-align: left;
		margin-right:10px;
		width:30px;
	}
	
	ul.tabs li a{
		font-size:21px;
		padding:12px;
	}
	ul.tabs li a span.triangle-down{
		bottom:-20px;
		border-left: 30px solid transparent;
		border-right: 30px solid transparent;
		border-top: 30px solid #2193b0;
	}	
	
	.page-template-page-testimonials .testimonials .testimonial{
		width:100%;
		float:none;		
	}	
	
}


@media all and (max-width: 680px) {

	.grid.col-5,
	.grid.col-4{
		grid-template-columns: repeat(2, 1fr);
	}	

	#topbar .strapline{
		display:none
	}


	.banner .textbox h1,
	.small-page-banner.banner .textbox h1{
		font-size:28px;
	}

	.small-page-banner.banner .textbox h2,
	.banner .textbox h2{
		font-size:18px;
	}	

	.banner .guide-download {
		padding: 210px 30px 35px 30px;
		background-position:center 30px;
		
	}

	.banner .guide-download #guide-form {
		margin-left: 0;
	}

	.testimonials-wrapper{	
		padding-bottom:0;
	}
	
	.testimonials-wrapper h2{
		font-size:32px;
	}	
	
	.testimonials-wrapper img{
		height:500px;
	}


	.testimonials-wrapper .testimonials{		
		position:relative;
		top:auto;
		bottom:80px;
	}
	
	.testimonials-wrapper .text {
		top: 16%;
	}	

	.testimonials-wrapper .testimonials .testimonial,
	.testimonials-wrapper .testimonials .testimonial:first-of-type,
	.testimonials-wrapper .testimonials .testimonial:nth-child(2){
		display:inline-block;
		width:90%;
		margin:20px 0 40px 0;
		background:#fff;
		padding-bottom:50px;
	}
	
	
	.page-template-page-about .table,
	.page-template-page-about .table-cell{
		display:block;
		width:100%;
		padding:0;
	}
	
	.author.table-cell{
		padding:30px 0 50px;
	}	

.post-content .gallery.gallery-columns-2 .gallery-item,
.post-content .gallery.gallery-columns-2 .gallery-item:nth-of-type(even),
.post-content .gallery.gallery-columns-2 .gallery-item:nth-of-type(odd) {
	border:0;
	float:none !important;
	width:100% !important;
	margin:10px 0 !important;
}

	.post-content .gallery.gallery-columns-2 br{
		display:none !important
	}
	
}


@media all and (max-width: 580px) {

	.grid.col-5,
	.grid.col-4,
	.grid.col-3,
	.grid.col-2,
	.news .grid.col-4.boxes,
	.sidebar .boxes.grid.col-1{
		grid-template-columns: repeat(1, 1fr);
	}	

	.flex.col-4 .box {
		flex: 0 1 100%;
	}	


	.boxes a.box img{
		height: 320px;
	}	
	

	.page-template-page-island-details .popular-features li {
		float:left;
		width:50%;
	}	

	.page-template-page-island-details .popular-features li span {
		margin-right:15px;
	}
	
	.gallery.boxes a.box {
		width: 200px
	}		

	
	.owl-prev,
	.owl-next {
		top: 25%;
		transform: translateY(-25%);
	}	
	
	

}

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

	a.logo {
		height: 65px;
		width: 130px;
	}

	.gallery.boxes a.box {
		width: 75%;
		margin: 0 0 0 50px;
	}	
	
	.owl-carousel .owl-stage-outer {
		margin: 0;
	}	
	
	ul.tabs li a{
		font-size:18px;
		padding:8px;
	}	

	.wpcf7-form .field-right,	
	.wpcf7-form .field-left {
		float: none;
		width: 100%;
		margin: 14px 0;
	}
	

}