/*Site Specific Customizations*/
/* Media Querie Styles */
@media only screen and (max-width: 64.063em) {
	#footer-wrapper .item {
		width: 100%;
		position: relative;
		padding-left: 0.9375em;
		padding-right: 0.9375em;
	}

	#footer-wrapper #news-feed {
		float: left;
		width: 100%;
		margin-top: 30px;
	}

		#footer-wrapper #news-feed a {
			font-size: 12px;
		}

	#copy-line {
		margin-top: 0;
	}

	#footer-bg .columns {
		width: 50%;
		float: left;
		margin: 0 0 20px 0;
	}

	#footer-wrapper ul {
		border: none;
		min-height: 100%;
	}

	#footer-bg #copy-line {
		width: 100%;
	}
}

@media only screen and (max-width: 1000px) {

	#ctl00_ctl00_MainContent_QuickTripWidget {
		display: none !important;
	}

	#ctl00_ctl00_MainContent_FloatedImage {
		height: 100% !important;
		display: block;
	}
}

@media only screen and (max-width: 767px) {
	#super-nav {
		display: none;
	}

	#phone-link {
		display: none !important;
	}

	#small-phone {
		display: block !important;
	}

	.title-area {
		display: block;
	}
}

@media only screen and (max-width: 767px) {

	p {
		font-size: 15px;
	}

	.button-row {
		display: block;
	}

	#simply-more-text,
	#ticker {
		display: none;
	}

	#page-content {
		margin: 0;
		padding: 0;
	}

	.nav-container {
		padding: 0
	}

	#left-navigation {
		height: auto !important;
	}
	/*.copy img{max-width: 100%; margin: 0 0 20px 0!important; display:block; float: none!important;}*/
	.copy iframe {
		width: 100% !important;
		margin-bottom: 20px;
	}

	#footer-bg .columns h3,
	.left-navigation .main-section {
		border-bottom: 2px solid #a5a5a5;
		font-size: 22px !important;
		width: 100%;
		display: block;
		line-height: 40px !important;
	}

	#footer-wrapper .footer-nav a,
	.sub-section-1 a {
		font-size: 16px;
		text-transform: uppercase;
		line-height: 39px;
	}

	#home-prodigiq {
		width: 100%;
		margin-top: 0;
	}

	.sub-section-1 {
		margin: 0 !important;
	}
}

@media only screen and (max-width: 390px) {
	.short-text {
		display: block;
	}

	.full-text {
		display: none;
	}
}

@media only screen and (max-width: 480px) {

	.title-area .name img {
		display: block;
		height: 66px;
		padding: 10px 15px 10px 0;
	}

	.button-row .columns {
		width: 100%;
	}

	#jq_ez_bg {
		background: #e4e4e4;
	}

		#jq_ez_bg img {
			display: none;
		}

	.placeholder {
		margin: 0 0 20px 0;
	}

	#ctl00_ctl00_MainContent_FloatedImage {
		display: none;
	}

	#footer-bg .columns {
		width: 100%;
		margin: 0 0 10px 0;
	}

	#ctl00_ctl00_MainContent_BreadCrumb,
	.right-container div.bread-crumb-nav .large-4 {
		width: 100%;
		padding: 0;
	}

	#details-social-media {
		margin: 10px 0 0 0;
	}
}

@media only screen and (max-width: 360px) {

	#home-prodigiq {
		height: 350px;
		margin: 0 0 20px 0;
	}

	.view,
	.per-page-container {
		width: 50% !important;
		height: 40px;
	}

	.PageLinks {
		width: 75% !important;
		height: 40px;
	}
}

@media only screen and (max-width: 767px) {
	#aspnetForm > div.wrapper > div:nth-child(5) > div > div {
		display: none;
	}

	#home-prodigiq {
		display: block !important;
	}
}

@media only screen and (max-width: 700px) {
	.header-image-wrapper {
		margin-top: 0;
		border: none;
	}

	#left-navigation {
		margin-right: 0;
		margin-bottom: 15px;
	}

	.right-container {
		padding: 0 10px 20px 10px;
	}
}

@media only screen and (max-width: 480px) {

	.slideshow-image {
		width: 100%;
		height: 0;
		padding-bottom: 51.3056%;
	}

	#summer-search-filter-home {
		display: none;
	}
}

@media only screen and (max-width: 40.063em) {
	#small-header {
		display: block !important;
	}
}

@media only screen and (max-width: 1024px) {
	#header-wrapper {
		padding-left: 0 !important;
	}
}

@media only screen and (max-width: 480px) {
	#homepage-map {
		display: none;
	}

	#footer-bg .header a,
	#footer-bg .header a:visited,
	#footer-bg .header {
		font-size: 22px !important;
		width: 100%;
		display: block;
		line-height: 40px !important;
	}
}

@media only screen and (max-width: 700px) {
	.mobile-hidden {
		display: none;
	}
}

@media only screen and (max-width: 480px) {
	.mobile-show {
		display: block;
	}

	.text-desc {
		display: none;
	}
}

@media only screen and (max-width: 949px) {
	#gallery-thumbs {
		display: none;
	}

	#MainContent_MainContent_map {
		margin-top: 20px !important;
	}
}

@media only screen and (min-width: 481px) and (max-width: 949px) {
	.percent-50 {
		width: 50%;
	}
}

@media only screen and (min-width: 966px) {
	.large-6 {
		width: 50%;
	}
}

@media only screen and (min-width: 64.063em) {
	.large-map-padding-left {
		padding-left: 0 !important;
	}

	.no-padding-left-large {
		padding-left: 2px !important;
	}
}

@media only screen and (min-width:767px) {
	.long-term-listing .detail-column {
		width: 25%;
	}
}

@media only screen and (min-width:59.375em) {
	.blue-bar-padding {
		padding: 0px !important;
	}

	.blue-bg img {
		min-height: 37px;
	}

	.view-area-map {
		max-width: 151px;
	}
}

@media only screen and (max-width: 820px) {
	.detail-column {
		width: 50%;
	}
}

@media only screen and (max-width: 567px) {
	.detail-column {
		width: 100%;
	}
}

@media only screen and (max-width: 767px) {
	#main-nav-container {
		display: none !important;
	}

	.map-left-padding {
		padding-top: 10px !important;
		padding-left: 0 !important;
	}

	#slideshow-wrapper-float {
		margin: 20px 0 10px 0;
	}
}

@media only screen and (max-width: 640px) {
	.small-margin-bottom-10 {
		margin-bottom: 14px;
	}
}

@media only screen and (max-width: 767px) {
	.copy,
	.section-name-header {
		padding-right: 10px !important;
		padding-left: 10px !important;
	}

	.bread-crumb-nav {
		margin-left: 10px !important;
		margin-right: 10px !important;
	}

	#left-navigation {
		margin-right: 0px;
		margin-bottom: 10px;
	}

	.header-image-wrapper {
		border: none;
		margin-top: 0;
	}
}

@media only screen and (min-width: 635px) and (max-width: 767px) {
	.fifty-percent {
		width: 50%;
	}
}

/*Medium Screens*/
@media only screen and (min-width: 48em) {
	.slideshow-border {
		border: solid 10px white;
		margin-top: 20px;
	}
}

@media only screen and (max-width: 640px) {
	#header-wrapper {
		background-image: url('/images/common/Beach-header-570x147.jpg');
	}

	.question {
		font-size: 10px;
	}
}

/* Small only */
@media screen and (max-width: 39.9375em) {
	.listing-button {
		margin-top: 10px;
	}
}

@media only screen and (min-width:768px) {
	#navigation {
		display: block;
	}

	nav {
		display: none;
	}
}

/* Small only */
@media screen and (max-width: 39.9375em) {
	.flex-caption h2 {
		font-size: 0.8rem;
	}

	.flex-caption {
		padding: 6px 0;
	}

	#island-attractions h2 {
		font-size: 1.0rem;
	}

	#home-full-cr {
		padding-left: 0.625rem;
		padding-right: 0.625rem;
		display: none;
	}
}

@media screen and (min-width: 1160px) {
	#navigation {
		display: inherit;
	}
}

@media screen and (max-width: 1159px) {
	nav.mobile {
		display: inherit;
	}
}

@media screen and (max-width: 1023px) {
	#content-wrap {
		padding-top: 42px;
	}
}