@media (min-width: 768px){ /* Style for Desktop and Tablet*/
	.no-margin{ margin:0}
	.section-category .container{ padding-bottom:65px;margin-top:-47px;}
	 
	
	.section-gallery .row{margin-left:-10px;margin-right:-10px;}
	.section-gallery .gallery-item{padding-left:10px;padding-right:10px;}
	
	.section-itinerary .row{margin-left:-8px;margin-right:-8px;}
	.section-itinerary div[class^="col"]{padding-left:8px;padding-right:8px;}
    
	.section-itinerary .photo{ height:178px;}
	.article-item h3{
		max-height:40px;
		overflow:hidden;
		display:block
	}
	.article-item-detail{ height:67px}
	 
	.section-newsletter .row{margin-left:0px;margin-right:0px;}
	.section-newsletter [class^="col"]{padding-left:0px;padding-right:0px;}
 
	 
	.section-category:before{
		content:'';
		height:85.5%;
		height:100%;
		width:100%;
		position:absolute;
		top:0;
		left:0;
		background:#f8f9f9 url(../img/category-item-gradient.png) repeat-x 0 0;
	}
	
	.followus-item{margin:0 0 0 67px;}
	.article-item .photo a .caption-middle-inner{ max-height:41px; font-size:16px}
	.promotion-item figure{
		position:relative;
		z-index:0;
	}
	.promotion-item-detail{ z-index:9}
	
	.btn-navbar{ display:none}
	.navbar-scroll.collapse{ display:block}
 	
} 
 
 
@media (min-width: 992px) and (max-width: 1230px) {
	
	.section-title{
		font-size:40px;
		line-height:45px;
		margin-bottom:40px;
	}
	.section-title .icons{ margin-top:15px;} 
	.section .container {
    	padding-bottom: 70px;
    	padding-top: 60px;
	}
	.section-gallery .buttons{ margin-top:40px;}

	.article-item-detail{
		padding:15px 10px;
		height:60px;
	}
	.article-item time{ font-size:11px}

	.section-itinerary .btn-more-routes{ height:222px}
	
	.section-promotion .section-title{ top:120px}
	.promotion-item-detail{
		width:280px;
		padding:20px;
		margin-top:-150px;
	}
	.promotion-item-detail h3{ 
		margin-top:15px;
		font-size:16px;
	}
	.promotion-item-detail p{ margin-top:15px}
	
	.effect-hover .photo a .icons{margin-bottom:5px}
	.newsletter-wrap form .wrap{ width:360px} 
	
	.followus-item{ margin:10px 0 10px 30px;}
	
	.table-schedules th,
	.table-schedules td{
		font-size:11px;
	}
	.table-schedules span{ width:70px}
	.table-schedules span.th-btn-3{ width:100px}
	.table-schedules-body .btn{ font-size:11px;}
	.table-schedules-body .btn-gd-black, 
	.table-schedules-body .btn-gd-blue{ width:63px}
	
	.table-schedules-body .btn-gd-orange, 
	.table-schedules-body .btn-gd-green{
		width:80px;
		left:-6px;
	}
	.table-schedules-body .btn-gd-green{ font-size:9px}
	
	.box-detail-wrap .container{ max-width:940px}
	
}

@media (min-width: 768px) and (max-width: 1230px) {
	.gallery-item .gallery-type{
		font-size:16px;
		top:15px;
		left:25px;
	}
	.section-itinerary .photo{ height:133px}
	.article-item h3{ font-size:13px; line-height:18px}
	
	.newsletter-wrap form h4{
		display:block;
		margin-bottom:12px;
	}
	.newsletter-wrap form{ padding-top:42px}
	.backtotop-wrap .backtotop{ margin-top:75px}
	
	.section-follow-us.section .container{
		padding-bottom: 50px;
    	padding-top: 50px;
	}
	.followus-text h4{ margin-top:34px}
	
	.newsletter-wrap form input.error + span.error{
		top:0;
		position:relative;
		margin-top:-6px;
		margin-bottom:5px;
		display:block;
	}
	
	.section-vessel-article .article{margin-left:0px;}
	.section-vessel-article .article h2{ margin-top:0}

}
@media (min-width: 768px) and (max-width: 992px) { /* Style for Tablet*/
	.cycle-pager-control{ top:205px}
	.category-item .btn-more{
		height:30px;
		line-height:30px;
	}
	.btn-more span{ width:35px;}
	.btn-more{ width:100px;}

	.effect-hover .photo a .icons{
		margin-bottom:0;
		margin-top:-15px;
		-webkit-transform:scale(0.7);
		transform: scale(0.7);
	}
	.effect-hover:hover .photo a .icons{
		-webkit-transform:scale(0.7);
		transform:scale(0.7);
	}
	.category-item .photo a h5{ font-size:13px; line-height:15px; max-height:32px}
	.category-item figcaption{ font-size:14px}
	
	.section .container {
    	padding-bottom: 50px;
    	padding-top: 50px;
	}
	.section-gallery .buttons{ margin-top:35px;}
	
	.gallery-item .gallery-copyright{
		right:0;
		width:100%;
		text-align:center;
		font-size:9px;
	}
    .section-itinerary .btn-more-routes{ height:229px}
	.itinerary-article-wrap > div:nth-child(6n),
	.itinerary-article-wrap > div:nth-child(7n){ display:none}
	.box-detail{ margin:0 50px !important}
	.box-detail h1{
		font-size: 30px;
    	line-height: 35px;
		padding:40px 0 35px
	}
	
	
	.itinerary-days{ padding:45px 30px;}
	.itinerary-days h2{
		font-size:20px;
	}
	.itinerary-days h3 span{ font-size:14px; margin:0 5px}
	
	
	.banner-small .section-title.small{ margin-top:240px}
	.banner .schedules-title.small{ margin-top:270px}
	.banner-small{ height:440px}
	 
	.popover{ font-size:12px}
	
	.gallery-item figcaption .icons{
		margin-right:5px;
		-moz-transform: scale(0.8);
	  -webkit-transform: scale(0.8);
		   -o-transform: scale(0.8);
			  transform: scale(0.8);
	 }
	 
	 
	 .banner-large-caption{
		 width:100%;
		 text-align:center;
		 margin-top:300px;
	  }
	  
	.company-info-wrap h3,
	.company-info-wrap h4{ font-size:20px;}
	
	.article-total{ margin-top:-2px}
	
	.share-wrap.bottom{ top:20px}
	.box-detail-wrap .container{ margin-bottom:50px}
	
	.photographer-info{ top:245px}
	.navbar-scroll li a{ font-size:11px;}
	
	.section-banner-contact .section-middle{ margin-top:80px;}
	
	.table-schedules th,
	.table-schedules td{
		font-size:11px;
		line-height:14px;
	}
	.table-schedules th{ font-size:10px}
	.table-schedules-body td{ padding-top:20px; padding-bottom:15px}
	.table-schedules-body .btn{ 
		font-size:11px;
		width:90%;
		margin-bottom:5px;
	}
	.table-schedules .t1{ width:7%}
	.table-schedules .t2{ width:16%; padding-right:0.5%; padding-left:0.5%}
	.table-schedules .t3{ width:8%}
	.table-schedules .t4{ width:8%}
	.table-schedules .t5{ width:6%}
	.table-schedules .t6{ width:8%}
	.table-schedules .t7{ width:7%}
	.table-schedules .t8{ width:9%;}
 
	
	.table-schedules-body .btn-gd-orange, 
	.table-schedules-body .btn-gd-green{
		left:0;
	}
	.table-schedules-body .btn-gd-green{ font-size:9px}
	.table-schedules-head span[class^="th-btn"]{
		display:none;
	}
	.table-schedules-body span{
		display:block;
		width:98% !important;
		margin-right:2%;
		text-align:center;
	} 
	
	.vessel-info-wrap{
		position:relative;
		left:-40px;
		margin:70px auto 0px;
		-moz-transform: scale(0.9);
	  -webkit-transform: scale(0.9);
		   -o-transform: scale(0.9);
			  transform: scale(0.9);
	}
	.nav-tabs-outboard > li > a{
		font-size:16px;
	}
	 
	 
	 #imagelightbox-caption{ bottom:auto; padding-top:25px}
	 .imagelightbox-arrow-left{ left:0%;}
	 .imagelightbox-arrow-right{ right:0%}
	 .gallery-share{ bottom:50px}
	 
	 .box-detail-wrap .container{ max-width:720px}
	 
	 .section-title .icon-inline{ margin-top:-5px !important; }
	 
	 .booking-detail table.tb-style-1 th{ width:30%}
	 .booking-detail table.tb-style-2 th{ width:46%}
	 .booking-detail section{ margin-top:30px}
	 .booking-detail section h2{ margin-top:25px}

    .followus-item{ margin:10px 5px;}
	 footer nav h3 a,
	 footer nav h3 {font-size:14px;}
	 footer nav a{ font-size:13px;}
	 
}
@media (max-width: 992px){
	.section-title{
		font-size: 30px;
    	line-height: 35px;
    	margin: 0 0 35px;
	}
	.section-title.medium{
		font-size: 30px;
    	line-height: 35px;
    	margin: 0 0 35px;
	}
	.section-title.medium .icons{ margin-top:18px}
 
	.section-title .icons{ margin-top:10px;}
	.banner-large .section-title.middle{ top:57%}
	
	.section-promotion .container { padding-bottom:30px !important}
	.section-promotion .section-title{
		position:relative;
		top:0px;
	}
    .promotion-item figure{ width:100%;}
	.promotion-item-detail{
		position:relative;
		margin-top:0px;
		width:94%;
		height:auto;
		margin-left:3%;
		margin-top:-20px;
		-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
		 
	}
	.promotion-item-detail h3{ margin-top:15px}
	.promotion-item-detail p{ height:auto}
	
	.photographer-info h2{
		font-size: 30px;
    	line-height: 35px;
	}
	.photographer-info h2 .icons{
		top:-5px;
		-moz-transform: scale(0.75);
	  -webkit-transform: scale(0.75);
		   -o-transform: scale(0.75);
			  transform: scale(0.75);
	}
	.photographer-info figure{ margin-top:30px;} 
	
	.section-vessel-article .article{margin-left:0px;}
	.section-vessel .article-first h2{
		font-size: 22px;
		line-height: 26px } 
	.section-vessel-article .article h2 {
		margin-bottom:10px;
		font-size: 24px;
    	line-height: 26px
	}
	.section-vessel-article .article p,
	.section-vessel .article-first p {
		font-size: 14px;
		line-height:24px;
	} 
	.destination-detail section h2{
		 font-size:25px !important;
		  margin-bottom: 20px;
    	  margin-top: 20px;
	  }
	  .destination-detail section h3{
		  font-size:18px;
		  line-height:24px;
	  }
	  .destination-detail section p{
		  line-height:24px;
	  }
	  .destination-detail hr {margin:25px 0;}
 
}
@media (max-width: 767px){
	 /*.parallax{ background-size:auto}*/
	 
	 .section .container{
		 padding-bottom:40px;
		 padding-top: 40px;
	  }
	  
	  .section.section-body .container{
		  padding-left:15px !important;
		  padding-right:15px !important;
	  }
 
	  .section-title,
	  .section-title.medium {
			font-size: 26px;
			line-height: 30px;
			margin: 0 0 30px;
			letter-spacing:2px !important;
	  }
	  .section-title .icon-wave{ background-position:8px -32px}
	  .section-title.medium .icons{ margin-top:15px}
	  .section-title.small{margin-bottom:20px;letter-spacing:2px !important;}
	  .section-title.small .icons{ margin-top:20px}
	  .section-title .icon-inline{
		  margin-top:-7px !important;
		  -moz-transform: scale(0.8);
	  -webkit-transform: scale(0.8);
		   -o-transform: scale(0.8);
			  transform: scale(0.8);
	}
	  
	  .navbar-fixed-top{
 
		  padding-top:0px;
		  
		  background: rgba(255,255,255,0.95);
		  background: -moz-linear-gradient(left, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.98) 50%, rgba(231,231,231,0.99) 89%, rgba(231,231,231,1) 100%);
		  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0.95)), color-stop(50%, rgba(255,255,255,0.98)), color-stop(89%, rgba(231,231,231,0.99)), color-stop(100%, rgba(231,231,231,1)));
		  background: -webkit-linear-gradient(left, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.98) 50%, rgba(231,231,231,0.99) 89%, rgba(231,231,231,1) 100%);
		  background: -o-linear-gradient(left, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.98) 50%, rgba(231,231,231,0.99) 89%, rgba(231,231,231,1) 100%);
		  background: -ms-linear-gradient(left, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.98) 50%, rgba(231,231,231,0.99) 89%, rgba(231,231,231,1) 100%);
		  background: linear-gradient(to right, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.98) 50%, rgba(231,231,231,0.99) 89%, rgba(231,231,231,1) 100%);
		  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7', GradientType=1 );
	   }
	 
	  .cycle-direction-control{ display:none}
	  .cycle-pager-control{ top:90px}
	  .banner-slideshow .banner-caption h4{
		  font-size:24px;
		  line-height:28px
	  }
	  .banner-slideshow .banner-caption .btn-more{
		 margin-top:15px;
		 height:35px;
		 line-height:35px;
		 font-size:12px;
		 width:135px;
		 padding-right:40px
	   }
	   
	   .banner-large{ height:400px}
	   .banner-large-caption{
		 width:100%;
		 text-align:center;
		 margin-top:210px;
	  }
	  .banner-large-caption h2{
		  font-size:31px;
		  line-height:32px;
	  }
	  .banner-large-caption h4{
		  font-size:12px;
		  line-height:18px;
		  margin-top:5px;
	  }

	  /* .banner-small{ height:290px} */
	 
	   
	  .btn-more span.blue{ width:40px}
	  .banner-slideshow .banner-caption{ bottom:80px}
	  
	  .section-category{ margin-top:0 !important}
	  
	  .section-category.section .container,
	  .section-newsletter.section .container{ padding:0}
	  
	  .section-gallery.section .container{ padding-left:0px; padding-right:0px; padding-bottom:0}
      
	  .section-gallery .buttons{ margin-top:25px; margin-bottom:25px}
	  .section-gallery .buttons .btn-medium{ padding:0 35px}
	  .gallery-item .gallery-type{ left:20px;}
	  .gallery-item .gallery-copyright{ text-align:center; right:0; bottom:15px; width:100%;}
	  .category-item figcaption{
		  position:absolute;
		  top:15px;
		  z-index:99;
	  }
	  .category-item .btn-more{ bottom:0}

	  .section-itinerary .container{
		  padding-left:45px;
		  padding-right:45px;
		  padding-bottom:45px;
	   }
	   .section-itinerary .btn-more-routes{ height:175px}
	   .section-itinerary.itinerary-all .container{ padding-left:15px; padding-right:15px;}
	   
	   .article-item{ margin-top:20px} 
       
	   .section-follow-us .container{ padding:30px 0}
	   .followus-text h4{
		   text-align:center;
		   margin:0 0 20px 0;
		   display:block;
		   font-size:14px;
	   }	
	   .followus-wrap{text-align:center;}
	   .followus-item{
			-moz-transform: scale(0.8);
	  -webkit-transform: scale(0.8);
		   -o-transform: scale(0.8);
			  transform: scale(0.8);
		}
		.newsletter-wrap{ height:175px;}
		.newsletter-wrap:after{ height:120px; right:-20px}
		.newsletter-wrap form h4{
			display:block;
			margin-bottom:25px;
			text-align:center;
			width:auto
		}
		.newsletter-wrap form{ padding-top:30px; text-align:center}
		.newsletter-wrap form .wrap{ max-width:310px;}
		.newsletter-wrap form em{ margin-top:20px}
		.effect-hover .photo a{ z-index:1}
		.backtotop-wrap{
			height:90px; 
			text-align:center;
		}
		.backtotop-wrap .backtotop{
			margin:35px 0 0 0;
			float:left;
			width:100%;
			display:block
		}
		
		footer .container{ padding:0 10px 0 35px;}
		.copyright-wrap, .icidea{
			text-align:center;
		}
		
		.icidea{ margin-top:10px}
		.footer-link-column{ width:100%}
	   
	   .newsletter-wrap form input.error + span.error{
			bottom:-16px;
			top:auto;
			left:0px;
			position:absolute;
			margin-bottom:0;
			display:block;
			width:100%;
			text-align:center
		}
	  	
	  .article-wrap .article-item{
		  max-width:550px;
		  margin-left:auto;
		  margin-right:auto;
	  }
	  .section-news-event .article-wrap > div{ width:100%}
	  .banner .section-title.middle{ top:50%}
	  .section-banner-contact .section-middle{
		  margin-top:80px
	  }
	 /* .section-banner-contact,
	  .section-banner-contact > div{ height:auto !important;}*/
	  .section-banner-contact .banner-target{ opacity:1 !important}
	  .company-info-wrap h3,
	  .company-info-wrap h4{ font-size:16px;}
	  
	  .company-info-item{ margin-top:30px;}
	  
	  .article-total{ margin-top:-10px; margin-bottom:25px;}
	  .news-item .article-item-detail{ padding:20px 15px 15px}
	  .news-item h3{ font-size:14px; line-height:20px}
	  .news-item p{ margin-top:8px;}
	  
	  .itinerary-detail-wrap .container{
		  padding:0px !important;
		  margin:-95px 15px 35px;
	  }
	  .box-detail{ margin:0 15px; padding-bottom:30px}
	  .box-detail h1{
		 font-size:22px;
    	 line-height:25px;
		 padding:30px 0 25px
	  }
	  .box-detail h1.news-title{
		  padding-left: 70px;
		  padding-right: 70px;
	  }
	  .box-detail-wrap .container{ 
		margin:-110px 15px 40px 15px;
		padding-left:0px !important; 
		padding-right:0px !important;
		padding-bottom:20px
	 }
	 .box-detail-wrap.not-overlap .box-detail{ margin-left:15px; margin-right:15px}
	  .share-wrap.bottom{ top:-10px; padding-bottom:0} 
	  .itinerary-days{
		  padding:45px 20px;
	   }
	  .itinerary-days h2{
		  font-size:16px;
	  }
	  .itinerary-days h3 span{
		font-size:14px;
		margin:0 5px;
	   }
	   
	   
	  .section-next-page .next-page{
		  font-size: 13px;
		  padding-bottom: 45px;
		  padding-top: 45px;
	  }	
	  .section-next-page .page-left{ padding-right:15px;}
	  .section-next-page .page-right{ padding-left:15px;}	
	  
	  
	  
	  .section-gallery.section-body .row{margin-left:-5px;margin-right:-5px;}
	  .section-gallery.section-body div[class^="col"]{padding-left:5px;padding-right:5px;}
	  .gallery-wrap > div{ margin-bottom:10px;}
	  
	  .photographer-info h2{
		  font-size:26px;
		  line-height:30px;
	  }
	  .photographer-info h2 .icons{
		  top:-7px;
		  margin-right:-5px;
		  -moz-transform: scale(0.65);
		-webkit-transform: scale(0.65);
			 -o-transform: scale(0.65);
				transform: scale(0.65);
	  }
	  .photographer-info figure{ margin-top:30px;} 
	  
	  .banner-gallery{ height:550px}
	  .gallery-title{
		  font-size:26px;
		  line-height:35px;
		  padding-bottom:30px;
		  margin-bottom:30px;
	  }
	  .navbar-scroll li{ 
	  	width:100%; 
	  }
	  .navbar-scroll li a{
		  border:0px;
		  border-top:1px solid rgba(255,255,255,0.2);
		  background:rgba(51,51,51,0.95);
		  padding:10px 0;
	  }
	  
	  
	  .section-gallery .video-container{ margin-bottom:10px}
 	  
	  #imagelightbox-close {
		  width:40px;
		  height:40px;
	  }
	  
	  .gallery-share{ bottom:30px;}
	  .gallery-share .share-text{ 
	  	margin-top:10px; 
		margin-right:5px;
	  }
 
	  .gallery-share .at-share-btn{
		  margin:0 3px  !important;
		  max-width:35px !important;
		  max-height:35px !important;
	  }
	  .gallery-share .at-share-btn .at-icon-wrapper{
		  width:35px !important;
		  height:35px !important;
	  }
	  .gallery-share .at-share-btn .at-icon-wrapper .at-icon{
		  width:25px !important;
		  height:25px !important;
		  top:5px;
	  }
	  
	  .sticky-wrapper{ height:59px; margin-top:-59px}
	  .stuck{ top:0}
	  .section-schedules-rates .sticky-wrapper {
		height: 59px !important; 
		margin-top:-59px !important;
	  }
	  .section-schedules-rates .table-schedules-head {
		  display: none;
	   }
	  /* .section-schedules-rates .sticky-wrapper{
		  opacity:0;
		  visibility:hidden
	   } */
	   .table-schedules .text-center {text-align: left;}
	  .table-schedules-body > tbody > tr > td{
		  width:100% !important;
		  display:block;
		  text-align:left;
		  padding: 6px 10px !important;
		  border-bottom:0;
		   -webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	  }
	  .table-schedules th, .table-schedules td{ font-size:14px}
	  .table-schedules span{ width:auto !important}
	  .table-schedules-body tr td:first-child { padding-top:20px !important;}
	  .table-schedules-body tr td:last-child { margin-bottom:15px;}
	  .table-schedules-body .btn-gd-orange, 
	  .table-schedules-body .btn-gd-green{ left:0}
	  .table-schedules .t8{ padding-bottom:25px !important} 
	  .table-schedules-body td:before{
		  font-weight:bold;
		  padding-right:10px;
		  color:#9E2A2B
	  }
	  .table-schedules-body td.t1:before{ content:'Trip Code :';}
	  .table-schedules-body td.t2:before{ content:'Destination :';}
	  .table-schedules-body td.t3:before{ content:'Departure / Return :';}
	  .table-schedules-body td.t4:before{ content:'Days / Nights  :';}
	  .table-schedules-body td.t5:before{ content:'Port in / out';}
	  .table-schedules-body td.t6:before{ content:'Availabilities :';}
	  .table-schedules-body td.t7:before{ content:'Price :';} 
	  .table-schedules-body td.t8:before{ content:'Itinerary :';} 
	  
	  .table-popover-schedule tr td,
	  .table-popover-schedule tr td:first-child{ 
		padding:10px 20px!important;
	  }
	  .table-schedules .popover.fade.top{ left:15px !important; right:15px}
	  
	  .section-vessel-quote .article h3{
		  font-size:30px;
	  }
	  
	 /*.vessel-info-wrap{
		  position:relative;
		  left:-100px;
		  margin:40px auto 0px;
		  -webkit-transform: scale3d(0.5,0.5,0.5);
			transform: scale3d(0.5,0.5,0.5)
	  }*/
	  .tab-conten-outboard .tab-pane{
		  overflow:hidden;
		  overflow-x:auto;
		  width:100%;
		  -webkit-overflow-scrolling: touch;
	  }
	  .vessel-info-wrap{
		  position:relative;
		  margin:0px;
		  float:left;
	   }
	  .nav-tabs-outboard > li > a{font-size:16px;}
	  .vessel-info-wrap.upper-deck{ }
	  .vessel-info-wrap.main-deck{}
	  .vessel-info-wrap.lower-deck{}
		
 	 .vessel-yacht-page #imagelightbox{ margin-top:0}
	 .touch-overlay{ display:block}
	 
	 .box-detail-wrap.not-overlap .container{ margin-top:20px}
	 
	 .box-detail section h2{ margin-bottom:20px}
	  .itinerary-days h3 span{ display:block; margin-top:15px;}
	  .itinerary-days h3 strong{ display:block}
	  .itinerary-table tr th, 
	  .itinerary-table tr td{
		  display:block;
		  width:100%;
	  }
	  .itinerary-table tr th,
	  .itinerary-table tr td:first-child{ padding-bottom:5px;} /*18/01/2016*/
	  .panel-faq .panel-heading a,
	  .panel-faq .panel-body .answer{ padding-left:29px;}
	  .panel-faq .panel-heading a:before,
	  .panel-faq .panel-body .answer:before{ left:0}
	  
	  .booking-detail section{ margin-top:25px}
	  .booking-detail section h2{
		  font-size:18px;
		  margin-top:25px;
		  margin-bottom:15px;
	  }
	  .booking-detail section table + p{ margin-top:5px}
	  
	  
}
@media (max-width: 600px){
	.booking-detail table.tb-style-1 th, 
	.booking-detail table.tb-style-2 th,
	.booking-detail table tr td{ width:auto; display:block;}
	.booking-detail table tr td{  padding-bottom:10px}
	
	.booking-detail table tr th{ font-weight:bold}
	.booking-detail p + table{ margin-top:10px}
	 
	 
}
@media (max-width: 480px){
	.section-gallery .buttons{ padding:0 25px;}
	.section-gallery .buttons .btn-medium{ 
		padding:0 0; 
		width:100%;
		-webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
	}
	
	.effect-hover .caption-middle{ display:none}
	.effect-hover:hover .photo img{ 
		opacity:1;
		
		-webkit-transform: scale3d(1.02,1.02,1.02);
		transform: scale3d(1.02,1.02,1.02);
	}
	
	.box-detail h1{
		 font-size:20px;
    	 line-height:25px;
	}
	.box-detail section h2{
		font-size:18px;
	}
 
	.hidden-small-screen{ display:none}
	
	.section-next-page .next-page .icons{
		-webkit-transform: scale3d(0.85,0.85,0.85);
		transform: scale3d(0.85,0.85,0.85);
		margin-top:4px;
	}
	.section-next-page .page-left .icons{ margin-right:0}
	.section-next-page .page-right .icons{ margin-left:0}

	.section-next-page .next-page{
		width:100%;
		padding:25px 0;
	}
	.section-next-page .page-right{
		border:0px;
		border-top:1px solid #fff;
	}
	.box-detail{ margin:0}
	.box-detail h1.news-title{
		  padding-left: 0;
		  padding-right: 0;
	  }
	 .box-detail .news-time{
		 display:none;
	}
	.box-detail .news-detail-pic{ position:relative}
	.box-detail .news-detail-pic img{ margin-bottom:20px !important}
	.box-detail .news-time.small-screen{
		display:block;
		background:rgba(83, 206, 237, 0.6);
	}
	
	.imagelightbox-arrow{ display:none !important}
 
	.table-schedules-body td.t2:before{ display:block; padding-bottom:3px;}
	.table-schedules-body td.t6:before{ display:block; padding-bottom:3px;}
	.table-schedules-body td.t3:before{ display:block; padding-bottom:3px;}
	
	.table-specific tr th,
	.table-specific tr td{ padding-left:10px; font-size:13px; line-height:19px;}
 
	 
	  .nav-tabs-outboard > li > a{
		  padding:10px 0 10px;
		  font-size:13px;
	  }
	 
	.box-detail-wrap.not-overlap .box-detail{ margin:0}
 	
	.panel-faq{ margin-top:20px;}
	.panel-faq .panel-body,
	.panel-faq .panel-body p,
	.panel-faq .panel-body h3{
		font-size:14px;
		line-height:23px;
	}
	 
	.banner-long-title .section-title.small{
		line-height:30px !important;
		 margin-top: 160px;
	}
 
	
}
@media (max-width: 340px){
	.section-gallery .buttons{ padding:0 15px}
	.section-gallery .buttons .btn-medium{ padding:0 20px; font-size:16px}
	.gallery-item .gallery-type{
		left:-5px;
		top:10px;
		 -moz-transform: scale(0.8);
	  -webkit-transform: scale(0.8);
		   -o-transform: scale(0.8);
			  transform: scale(0.8);
	}
	.gallery-item figcaption .icons{ margin-right:5px}
	.gallery-item .gallery-copyright{ line-height:13px;}
	.section-itinerary .container{ padding-left:30px; padding-right:30px}
	
	
	footer .container{ padding:0 15px 0 15px;}
	.newsletter-wrap form{ padding:30px 15px}
	.newsletter-wrap form .wrap{ width:100%}
	.newsletter-wrap{ height:auto;}
	
	.section-next-page .next-page span{display:block;}
	.section-next-page .next-page.back span{ display:inline-block}
	
    .table-schedules span{ width:70px}
	.table-schedules span.th-btn-3{ width:100px}
	.table-schedules-body .btn{ font-size:11px;}
	.table-schedules-body .btn-gd-black, 
	.table-schedules-body .btn-gd-blue{ width:63px}
	
	.table-popover-schedule tr td,
	.table-popover-schedule tr td:first-child{ 
	  padding:10px 10px!important;
	}
	
	.table-specific tr th,
	.table-specific tr td{ font-size:13px; line-height:18px; vertical-align:top}
	
	.nav-tabs-outboard > li > a{
		font-size:11px;
		line-height:14px;
	}
	.nav-tabs-outboard > li > a br{ 
		display:inline-block;
	}	
	
	.panel-faq .panel-body,
	.panel-faq .panel-body p,
	.panel-faq .panel-body h3{
		font-size:13px;
		line-height:18px;
	}
	.panel-faq .panel-body h2{ line-height:26px}
	
	 
}
 
/*Retina Display Media Query*/
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 
	
	
	.icons,
	.mm-prev:before,
	.mm-next:before,
	.newsletter-wrap:after,
	.mm-navbar .mm-prev,
	#imagelightbox-close:before{
		background-image:url(../img/icons-retina.png);
		background-size:500px
	}
	
  
	.mm-page{
		overflow:hidden;
		position:relative;
	}
	footer.parallax{
		background-attachment:inherit;
		background-position:50% 0;
		background-size:900px;
		background-image:url(../img/footer-banner-mobile.jpg);
	}
	
	.banner-slideshow .banner-caption .btn-more{
		line-height:48px
	}
	
	
	
	@media (max-device-width: 979px){
		/*.parallax{ background-attachment:inherit; background-position: center center !important}*/
		/*.effect-apollo .effect-overlay:before{ display:none}*/
		.effect-hover .caption-middle{ display:none}
		.effect-hover:hover .photo img{ 
			opacity:1;
			
			-webkit-transform: scale3d(1.02,1.02,1.02);
			transform: scale3d(1.02,1.02,1.02);
		}
		.banner{ display:block}
		.banner-slideshow ul{
			background:none;
			height:100%
		}
		.banner-slideshow ul li.cycle-item{background-attachment:inherit !important; background-position: center center !important}
		.banner-small.parallax, .banner-large.parallax, .parallax{background-attachment:scroll !important; background-position: center center !important}
		.banner-small.banner-faq.parallax{ background-position: 50%  50px!important}
		.section-itinerary{ 
			background-attachment:scroll;
			background-position:bottom center !important;
			background-size:1400px;
		}
		
		.vessel-info-wrap a .icons{
			opacity:0.75;
			filter: alpha(opacity=75);
	    }
 
	}
	@media (min-width: 768px) and (max-width: 992px) {
		.section-gallery{ background-position: center center !important}
		 footer.parallax{ background-position: center center !important}
	}
	@media (max-width: 767px){
		.banner-slideshow .banner-caption .btn-more{line-height:38px }
		.btn-more{line-height:38px }
		.btn-medium{ line-height:53px}
		.section-itinerary{background-size:1000px;}
        .vessel-yacht-page #imagelightbox-caption{ bottom:auto; }
	}
}


		
 
	
	
	
	

/* 
	.navbar-top ul{ width:101%}
	.navbar-top ul li:first-child a{ padding-left:0}
	.navbar-top ul li a{ padding:10px 30px 20px; }
	.navbar-nav > li:first-child{ width:22%;}
	.navbar-nav > li:first-child + li + li{ width:22%;}
	.navbar-nav > li{ width:28%;}
	.navbar-nav > li > a{ font-size:13px;letter-spacing:normal}
	.navbar-dropdown > ul > li > a .icons{ right:8px;}
	.dropdown-menu > li > a {
		font-size:13px;
		padding: 16px 25px 14px;
	} */