﻿
/* Media Queries */

/* Standard 1400 or larger (browsers) */
@media only screen and (min-width: 1400px) 
{	
	
}

/* Standard 1240 or larger (browsers) */
@media only screen and (min-width: 1240px) 
{
	.banner-image
	{
		padding:9% 0 2% 0;		
	}
}

@media only screen and (min-width: 1200px) 
{
	.banner-image
	{		
		background-size:100% auto;
	}	
}

@media only screen and (min-width: 1000px) 
{
		.email-message h4
	{
		width:80%;
	}
}

@media only screen and (max-width: 1240px)
{
		.container
	{
		padding-left:5px;
		padding-right:5px;
	}
		
		
}

@media only screen and (min-width: 1240px) and (max-width:1400px)
{
		
}

@media only screen and (min-width: 800px) and (max-width:1240px)
{
		.book-big-home, .book-small-home
	{
		padding-right:24px;
	}	
}


@media only screen and (max-width: 940px)
{
	#nav
	{
		margin-left:20px;
	}
	
	#menu li a
	{
		font-size:14px;
		padding: 12px 5px 16px;
	}
	#menu li.booknow a
	{
		padding: 12px 12px 16px 25px;
	}
	.sort
{	
	font-size:16px;	
}
	.home .one-third
	{
		float:left;
	width:49%;
	margin-right:1%;
	}
	.home .one-third-last
	{
			float:left;
	width:49%;
	margin-top:7px;
	clear:both;
	}
	.cruise-details h2, .cruise-details h3
	{
		font-size:16px !important;
	}
	.icons-big
	{
		font-size:9px;
		padding: 12px 0 2px 16px;
	}
	.book-big-home
	{
		font-size:12px;
		background:url("../images/arrow-booknow.png") no-repeat scroll 90% center;
		background-size:7px auto;
		padding:19px 24px 19px 3px;
	}
	.ads-home img
		{
			margin-bottom:10px;
			height:55px;
		}
	.news-signup
	{
		background: #006940 url("../images/footer-mail-arrow.png") no-repeat scroll -30px center;		
		padding: 6% 10px 0 40px;
	}
	.cruise-details-wrap  .three-fourth
	{
		float:none;
		margin:15px 0;
		width:100%;
	}
	.cruise-details-wrap .one-fourth
	{
		float:none;
		margin:15px 0;
		width:100%;
	}
	.step1-box-wrap 
	{
		width:100% !important;
	}
	.step3-box-wrap
	{
		width:100% !important;
	}
	.step5-box-wrap
	{
		width:100% !important;
	}
	.highlight-red h1, .highlight-red-dark h1,	.highlight-red h2, .highlight-red-dark h2
	{
		font-size:24px !important;
	}
	.grid-section .one-fourth, .grid-section .one-fourth-last
	{
		/*width:32.3%;
	margin-right:1%;
	float:left;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;*/

		width:48%;
	margin-right:2%;
	margin-bottom:10px;
	float:left;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	}

	.grid-section .one-fourth .icons-small, .grid-section .one-fourth-last .icons-small
{
	padding:12px 0 2px 16px;
}
		#de-menu li, #es-menu li, #fr-menu li, #it-menu li, #br-menu li, #cn-menu li, #jp-menu li
	{
		width:90px !important;
	}
		#de-menu li a, #es-menu li a, #fr-menu li a, #it-menu li a, #br-menu li a, #cn-menu li a, #jp-menu li a
		{
			font-size:14px !important;
		}
}

@media only screen and (min-width: 800px) and (max-width:880px)
{
	#menu li
	{
		padding:0;
	}
	#menu li a
	{
		font-size:14px;
		padding: 12px 4px 16px;
	}
}

@media only screen and (max-width: 800px)
{
	#nav, #menu
	{
		display: none;
	}

	#menu-responsive
	{
		display: block;
	}

	#navigation-responsive
	{
		display: block;
	}

	#menu-responsive
	{
		display: block;
	}

	#menu-responsive li a
		{
			display: block;
			text-decoration: none;
			padding-top: 5px;
			padding-bottom: 6px;
		}
	.logo-mobile
	{
		display:block;
	}
	.banner-image
	{
		/*background-size:auto 355px !important;*/
		background-size:auto 320px !important;
		margin-top:0;
		padding: 4% 0 0 !important;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}
	
	#book-home::after, #book-home h3
	{
		display:none;
	}
	#book-home
	{
		background:#f2f2f2;		
		z-index:9 !important;
		max-width:inherit;		
	}
	.home .umb-grid
	{
		margin-top:-30px !important;
	}
	.cruise-details-wrap .umb-grid
	{
		margin-top:0 !important;
	}
	.banner-image h1, .banner-image h1 p
	{
		line-height:36px !important;
	}
	.bg-red
	{
		padding:1px 4px;
	}
	.cruise-details-left
	{
		height:inherit;
	}
	.sort, .sort-table
	{
		display:none;
	}
	.cruise-details-left .price, .cruise-details-left .time
	{
		display:none;
	}
	.cruise-details-left .learn
	{
		width:100%;	
	}	
	.book-one-third
{	
	width:32.6%;
	margin-right:1%;
	float:left;
	padding:5px 10px;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
		.book-one-third select
		{
			width:150px;
		}
	.book-one-third-last
{	
	width:32.6%;
	margin-right:0;
	float:left;
	padding:5px 10px;	
	border-bottom:1px solid #ddd;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
		.book-one-half
{	
	width:50%;	
	float:left;
	padding:5px 10px;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
	.book-one-third-book
	{	
	margin-right:0;
	margin-top:0;
	float:left;		
	border-bottom:1px solid #ddd;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	width:50%;
	}
		.book-one-third-book a.btn-book, .book-one-third-book input.btn-book
		{
			margin-bottom:0;
			margin-top:3px;
			display:block;	
			width:100%;		
		}
	a.btn-signup
	{
		display:inline-block;
		margin:5px 0;
	}

    	.btn-signup
	{
		display:inline-block;
		margin:5px 0;
	}
	.lang
	{
		float:left;
		margin:10px 0 10px 10px;
		padding:0;
	}	
	
}

 /*All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) 
{
	#book-left
	{
		width:100%;
		margin:15px 0;
		float:none;
	}
	#book-right
	{
		width:100%;
		margin:15px 0;
		float:none;
	}
	#book-left .book-options
	{
		display:inline-block;
		margin-right:5px;
		margin-bottom:10px;
	}
	#book-left h2
	{
		margin-top:15px;
	}
	.price-book
	{
		font-size:36px;
	}
	.book-details .book-btn
	{
		padding:0 3px;
	}
		.book-details .book-btn a, .book-details .inquire-btn a
		{
			font-size:16px;
		}
		.ads-home img
		{
			margin-bottom:10px;
			height:45px;
		}
		.three-fourth
	{
		float:none;
		margin:15px 0;
		width:100%;
	}
	.img-right img
	{
		max-width:200px;
	}
	.testi li
	{
		width:100%;
	}
	.sights .one-fourth
	{
		width:48%;
		margin-right:2%;
		margin-bottom:10px;
	}
	.sights .one-fourth-last
	{
		width:48%;
		margin-right:0;	
		margin-bottom:10px;	
	}
		.sights .one-fourth img, .sights .one-fourth-last img
		{
			width:100%;
		}
	#wsa_embed
	{
		display:none !important;
	}
	.dates-slider
	{
		display:none;
	}
	.grid-section .one-fourth, .grid-section .one-fourth-last
	{
		width:48%;
	margin-right:2%;
	float:left;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	}
	.step1-box-wrap .step-combo p
	{
		padding-top:36px;
	}
}

@media only screen and (min-width:611px) and (max-width:1000px)
{
	.book-details .book-desc
	{
		padding: 10px 50px 10px 15px;
	}
}

@media only screen and (min-width:611px) and (max-width:800px)
{
	/*.details-bar
	{
		font-size:16px;
	}
		.details-bar .one-fourth, .details-bar .one-fourth-last
		{
			width:90px;
			margin-right:10px;
			float:left;
			font-size:15px;
			text-transform:none;
		}
		.details-bar .price
		{
			width:90px;
			padding: 9px 9px 9px;
		}
		.details-bar .duration
		{
			width:120px;
			padding: 12px 9px 9px 20px;
		}*/

}

@media only screen and (min-width: 480px) and (max-width: 799px)
{
	.book-one-half
	{	
		width:50%;	
		float:left;
		padding:2px 10px;
		border-right:1px solid #ddd;
		border-bottom:1px solid #ddd;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) 
{
	.one-fourth-box h3.red, .one-fourth-box-last h3.red
	{
		font-size:16px;
	}

	.one-third h3.red, .one-third-last h3.red
	{
		font-size:18px;
	}
	.schedule-pdf
{
	background-image:url(../images/pdf-icon-white.png);
	background-size:35px auto;
	padding:10px 5px 10px 50px !important;
}
	
}

@media only screen and (max-width: 610px)
{
	body
	{
		font-size:14px;
	}
	
	.grid-section .half img
	{
	width:100%;
	margin-right:0;
	float:none;
	}

	#left-cont
	{
		float:none;
		width:100%;
		margin-right:0;
	}

	#right-cont
	{
		float:none;
		width:100%;
	}
	.site-left
{
	float:none;
		width:100%;
		margin-right:0;
}

.site-right
{
	float:none;
	width:100%;
}
	.email-message, .news-signup
	{
		float:none;
		width:100%;		
		text-align:center;
		height:inherit;
	}
		.email-message h3
		{
			font-size:20px;
		}
	.news-signup
	{
		background:#006940 url(../images/footer-mail-arrow-mobile.png) no-repeat center -10px;
		text-align:center;
		padding-top:40px;
		padding-bottom:30px;
		min-height:inherit;
	}
	.news-signup-content
	{
		text-align:center;
	}
	a.btn-signup
	{
		margin:10px 0 0 0;
	}

    	.btn-signup
	{
		margin:10px 0 0 0;
	}
	
	/*.full-img
	{
		margin-top:30px;
	}*/
	.sights .full-img
	{
		margin:0 0 10px 0;
	}
	.ads-home
	{
		min-height:inherit;
		overflow:hidden;
		margin-top:25px;
	}

		
	.links
	{
		background: #e9e9e9 url("../images/logo@2x.png") no-repeat scroll 10px center;
		background-size: auto 80%;
		padding-left:160px;
	}
		.links a
		{
			display:block;
			font-size:18px;
			padding-bottom:6px;	
		}
	
	.book-details h3
	{
		font-size:20px;
	}
	.container h1
	{
		font-size:30px !important;
	}
	.container h2
	{
		font-size:21px !important;
	}
	.header-bar
	{
		font-size:24px !important;
	}
	.container h1.red
{
	font-size:27px;		
}
	.total-step1
	{
		margin:10px 0;
		font-size:45px;
	}
	.dollar
	{
		font-size:24px;
	}
	.price-step1
	{
		font-size:45px;
	}
	.green-big
	{
		padding-top:10px;
	}
	a.btn-continue, .btn-continue, input.btn-continue, a.btn-red-big, .btn-red-big, input.btn-red-big, a.btn-back, .btn-back, input.btn-back
	{
		font-size:18px !important;
	}
	.half-left, .half-right, .testi-left, .testi-right
	{
		float:none;		
		width:100%;
		margin:25px 0;
	}
	.home .one-third
	{
		width:100%;
	margin-right:0;
	float:none;
	margin-bottom:30px;
	}
	.home .one-third-last
	{
		width:100%;
		margin-right:0;
		float:none;
	}
	.book-big-home
	{
		padding-top:31px !important;
		padding-bottom:32px !important;
		background-color:#9a0b30;
	}	
	 .book-small-home
	{
		padding-top:27px !important;
		padding-bottom:27px !important;
		background-color:#9a0b30;
	}	
	.img-right img
	{
		max-width:150px;
	}
	.details-bar
	{
		font-size:14px !important;
		text-transform:none !important;
	}
		.details-bar .one-fourth, .details-bar .one-fourth-last
		{
			width:100px;
			margin-right:10px;
			float:left;
			font-size:15px;
			text-transform:none;
		}
		.details-bar .price
		{
			width:60px;
			padding: 9px 9px 9px;
		}
		.details-bar .duration
		{
			width:90px;
			padding: 12px 9px 9px 20px;
		}
	.highlight-red h1, .highlight-red-dark h1,	.highlight-red h2, .highlight-red-dark h2
	{
		font-size:16px !important;
	}
	
	.book-premier
	{
		position:static;
		width:100%;
		height:auto;
		padding:8px 12px 8px 6px;
		margin-top:8px;
		text-align:left;
		background:#c30e2d url(../images/pre-ico.png) no-repeat 95% center;
	}
	.book-details .book-thumb
	{
		display:none;
	}
	a.btn-info
	{
		font-size:12px !important;
	}
	.grid-section .one-fourth, .grid-section .one-fourth-last
	{
		width:100%;
	margin-right:0;
	float:none;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) 
{	
	.one-half, .one-half-last
{
	width: 100%;
	float: none;
	margin:10px 0;
	margin-right: 0;
}
	
	.one-third, .one-fourth, .one-fourth-box, .two-third, .two-third-last
{
	width:100% !important;
	margin-right:0;
	float:none;
	margin-bottom:15px;
}
	
	.one-third-last, .one-fourth-last, .one-fourth-box-last
	{
		width:100% !important;
		margin-right:0;
		float:none !important;
		margin-bottom:15px;
	}

	.details-bar .one-fourth, .details-bar .one-fourth-last
	{
		float:left !important;
		width:21% !important;
	}

	.details-bar
	{
		margin-top:-40px;
		min-width:300px;
	}

	.one-fourth img, .one-fourth-last img
	{
		width:100%;
	}
	
	.tb_std, .tb_wide, .tb_wider
	{
		width:96%;
	}
	
	/* Book Now */	

	.dates-slider a
{
	width:63px;
}

a.btn-green
{
	background:#006940;
	color:#fff;
	font-size:12px;
	padding:5px;
	display:inline-block;
	text-decoration:none;
	text-align:center;	
}

a.btn-green-dark
{
	background:#004f30;
	color:#fff;
	font-size:15px;
	font-weight:700;
	padding:13px;
	display:inline-block;
	text-decoration:none !important;
	text-align:center;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	width:60px;
}

a.btn-prev-book
{
	background:#004f30 url(../images/arrow-prev-book.png) no-repeat 6px center;
	color:#fff;
	font-size:12px;
	padding:5px 5px 5px 20px;
	display:inline-block;
	text-decoration:none;
	border-top-left-radius:3px;
	-moz-border-top-left-radius:3px;
	-webkit-border-top-left-radius:3px;
	border-bottom-left-radius:3px;
	-moz-border-bottom-left-radius:3px;
	-webkit-border-bottom-left-radius:3px;
	text-align:center;
	width:27px;
}

a.btn-next-book
{
	background:#004f30 url(../images/arrow-next-book.png) no-repeat 92% center;
	color:#fff;
	font-size:12px;
	padding:5px 20px 5px 5px;
	display:inline-block;
	text-decoration:none;
	border-top-right-radius:3px;
	-moz-border-top-right-radius:3px;
	-webkit-border-top-right-radius:3px;
	border-bottom-right-radius:3px;
	-moz-border-bottom-right-radius:3px;
	-webkit-border-bottom-right-radius:3px;
	text-align:center;
	width:27px;
}

.col-md-4, .col-md-8
	{
		width:100%;
		float:none;
		margin:10px 0;
		padding:0;
	}

	.row
	{
		width:100%;
		margin:0;
	}
	.banner-image h1, .banner-image h1 p
	{
		font-size:27px;
		line-height:40px;
	}
	.bg-red
	{
		display:inline-block;
	}
	.links
	{
		background: #e9e9e9 url("../images/logo@2x.png") no-repeat scroll 10px 10px;
		background-size: auto 80%;
	}
	.links a
		{
			display:block;		
			font-size:14px;
			padding-bottom:6px;	
		}
	.cruise-details-left
	{
		width:70%;
	}
	.cruise-details-right
	{
		width:30%;
	}
	.cruise-details h2, .cruise-details h3
	{
		font-size:18px !important;
	}
	.follow
	{
		width:100%;
	}
	.follow h3
	{
		font-size:20px;		
	}
	.social-btns
	{
		padding:15px 0 30px;
	}
	.social-btns a
	{
		width:33px;
		height:33px;
		background-size:33px 33px !important;
		margin-right:7px;
	}
	.copy
	{
		font-size:15px;
	}
	.cruise-details-right a
	{
		padding:10px 20px;
	}
	.book-one-third
	{		
		width:50%;
		margin-right:0;
	}
	.book-one-third-last
	{
		float:none;
		width:100%;
		clear:both;
		display:block;
	}
	.book-one-third select
	{
		width:120px;
	}
	#book-home
	{
		height:125px;
	}
	
	.schedule-pdf
	{
		padding:15px 15px 15px 40px;
	}
	.box-step1
    {
        padding:30px 10px;
    }
	
	.img-right
	{
		float:none;
		margin:0 0 20px 0;
		max-width:300px;
	}
	
	
		.book-details .book-btn a, .book-details .inquire-btn a, .book-details a.btn-red, .book-details .btn-red, .book-details input.btn-red
		{font-size:14px !important;
		}

		

		a.btn-info, .book-details .book-btn a.btn-info
	{
		font-size:12px !important;
	}

		.book-big-home
	{
		padding-top:19px !important;
		padding-bottom:19px !important;
		background-color:#9a0b30;
	}
	.book-small-home
	{
		padding-top:21px !important;
		padding-bottom:21px !important;
		background-color:#9a0b30;
	}
	.highlight-red h1, .highlight-red-dark h1, .highlight-red h2, .highlight-red-dark h2
	{
		font-size:16px !important;
	}	
	.book-one-third-book a.btn-book, .book-one-third-book input.btn-book
		{
			margin-bottom:0;
			margin-top:0;
			padding:10px 0;
			display:block;	
			width:100%;
		}
	.home .umb-grid
	{
		margin-top:-30px !important;
	}
	.float_right, .float_left
	{
		float:none !important;		
	}

	.progress .float_left
	{
		float:inherit;
	}
	.step1-box-wrap .step-combo p
	{
		padding-top:55px;
	}
}

/* Media Queries End */