/*
	(c)2012 - visuallizard.com

	Mobile styles using Media Queries
*/


/* !Media Queries ============================== */

.mobile-menu-toggle { display: none; }
div#content > div.container > div.container { width: 100%; padding: 1.25rem 0; }
iframe#picture-uploader { height: 80vh; max-height: none; }

	/* Greater than 1200 (devices and browsers) */
	@media only screen and (min-width: 1200px) {


	}

	/* Smaller than 1200 (devices and browsers) */
	@media only screen and (max-width: 1200px) {



	}

	/* Smaller than standard 1024 (devices and browsers) */
	@media only screen and (max-width: 1024px) {
		body { overflow-x: hidden; }
		.container { width: 100%; padding: 0 1rem; margin: 0; }
		header .container div.time-logo { display: none; }
		header .container { padding: 1rem; }
		div#featured-stories .container,
		div#subscribe .container,
		footer > .container,
		div.breadcrumb .container,
		div.promo-set .container,
		div.blog-trending .container { padding: 2rem 1rem; }
		div#content .container,
		div#content.wide .container,
		div#content.default.gallery .container,
		div#content.event-displays .container,
		body.packages-and-deals #content .container,
		div.recommendations .container,
		div#content .container.in-module,
		div#content.profile-displays.display .container.in-module,
		div#content.wide.display .container.in-module,
		div#content.blog.display .container.in-module,
		div#content.event-displays.display .container.in-module,
		div#content.livemusic.display .container.in-module,
		div#content.neighbourhoods.display .container.in-module,
		div#content.itineraries.display .container.in-module,
		div#content.pwc .container { padding: 1rem; }

		div#content > div.container > div.container { padding: 0; }
		div#content div.content-body > div.container { padding: 0; }

	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 800px) {
		div.subscribe-flyout,
		div.popup-cover { display: none; }

		h1 { font-size: 3rem; line-height: 1.1; margin-bottom: 1rem;}
		h2 { font-size: 2rem; line-height: 1.1; margin-bottom: 0.625rem; }
		h3 { font-size: 1.75rem; line-height: 1.1; margin-bottom: 0.625rem; }
		h4 { font-size: 1.5rem; line-height: 1.1; margin-bottom: 0.325rem; }
		h5 { font-size: 1.25rem; line-height: 1.1; }
		h6 { font-size: 1.125rem; line-height: 1.1; }

		header .container > h1 { flex-basis: 50%; max-width: 50%; }

		img { width: 100%; height: auto; }
		iframe { display: block; width: 100%; max-width: 560px; max-height: 315px; margin: 0 auto 1.25rem auto; }
		iframe#looptrail { max-height: 500px; }
		iframe#videoloop { max-width: 100%; max-height: none; }
		iframe#picture-uploader { max-height: none; }
		iframe[title="recaptcha challenge"] { max-height: none; }
		.cke div.c1,
		.cke div.c2,
		.cke div.c3,
		.cke div.c4,
		.cke div.c5,
		.cke div.c6 { width: 100%; margin: 0; padding: 15px; }

		.container .cke div.c1,
		.container .cke div.c2,
		.container .cke div.c3,
		.container .cke div.c4,
		.container .cke div.c5,
		.container .cke div.c6 { width: 100%; margin: 0; padding: 0; }

		div.sections#safety .container .section#venue-protocols div.content-body .cke div.c2,
		div.sections#safety .container .section#venue-protocols div.content-body .cke div.c2.first,
		div.sections#safety .container .section div.content-body .cke div.c2,
		div.sections#safety .container .section div.content-body .cke div.c2.first,
		div.sections#safety .container .section#industry div.content-body .cke div.c2,
		div.sections#safety .container .section#industry div.content-body .cke div.c2.first,
		div.sections#safety .container .section#risk div.content-body .cke div.c2,
		div.sections#safety .container .section#risk div.content-body .cke div.c2.first { flex-basis: 100%; max-width: 100%; }

		div.sections#safety .container .section#government div#colour-code div.colour { width: 100%; }

		nav {
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			flex-basis: 100%;
			max-width: 100%;
			padding: 3rem 0 0 0;
		}
		nav a#search-link { top: 0.75rem; right: 4.5rem; }
		nav ul.nav_1 { display: none; padding: 0; }
		nav .mobile-menu-toggle {
			display: block;
			position: absolute;
			top: 1rem;
			right: 1rem;
			width: 2.5rem;
			line-height: 3px;
			border-top: 9px double #000;
			border-bottom: 9px double #000;
		}
		nav.show { background: #fff; }
		nav.show ul.nav_1 { display: block; }
		nav.show ul.nav_1 li { display: block; width: 100%; }
		nav.show ul li.page-type-node:after,
		nav.show ul li.page-type-node.at.open:after {
			content: "";
			display: block;
			position: absolute;
			top: 20px;
			right: 10px;
			padding: 0;
			margin: 0;
			border-top: 10px solid #000;
			border-left: 5px solid transparent;
			border-right: 5px solid transparent;
			transform: rotate(90deg);
			-webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			transition: all 0.5s ease;
		}
		nav.show ul li.page-type-node.open:after,
		nav.show ul li.page-type-node.at:after { transform: rotate(0deg); }
		nav.show ul.nav_1 {
			display: block;
			position: relative;
			width: 100%;
			padding: 0;
			margin: 0;
			z-index: 1;
			font-size: 1.25rem;
		}
		nav.show > ul.nav_1 { border-bottom: 1px solid #000; }
		nav.show > ul.nav_1 > li > a { padding: 1rem; border-top: 1px solid #000; text-align: left; background: #fff; color: #000; }
		nav.show > ul.nav_1 > li.page-type-node.at > a { font-weight: 700; }
		nav.show > ul.nav_1 > li > ul { display: none; position: relative; top: auto; left: auto; width: 100%; border: none; border-top: 1px solid #000; box-shadow: none; }
		nav.show > ul.nav_1 > li > ul.on { display: block; font-size: 1.25rem; background: #f3f4f4; }
		nav.show > ul.nav_1 > li.page-type-content.at > ul,
		nav.show > ul.nav_1 > li.page-type-node.at > ul { display: block; font-size: 1.25rem; background: #f3f4f4; }
		nav.show > ul.nav_1 > li > ul > li { border-top: 1px solid #999; }
		nav.show > ul.nav_1 > li > ul > li:nth-child(1) { border: none; }
		nav.show > ul.nav_1 > li > ul > li.at { background: rgba(200,200,200,0.2); }
		nav.show > ul.nav_1 > li > ul > li > a { padding: 1rem 1rem 1rem 2rem; }

		div.breadcrumb .container { padding: 10px 15px 20px 15px; }

		#best-of .container { flex-wrap: wrap; }
		#best-of .drawer,
		#best-of .drawer.active {
			width: 100%;
			height: 60px;
			border: none;
			border-top: 5px solid #fff;
		}
		#best-of .drawer.active { height: 550px; }
		#best-of .drawer:first-of-type { border: none; }
		#best-of .drawer h3 { top: 0; left: 0; bottom: 0; width: 100%; height: auto; line-height: 1.75; transform: none; }
		#best-of .drawer.active h3 { left: 0; }

		.experience-landing div.feature-set { column-gap: 2%; }
		.experience-landing div.feature-set div.banner { flex-basis: 49%; max-width: 49%; }

		ul.profile-list li div.profile-thumb { height: 200px; }
		ul.profile-list li div.actions a { max-width: 50%; }

		#inspiration article div.article-img { height: 200px; }

		#quicklinks ul li { flex-basis: 49%; max-width: 49%; }

		ul.event-list li div.event-thumb { height: 200px; }
		ul.event-list li div.actions a { max-width: 50%; }

		ul.event-list.via-mb-music li { flex-basis: 32%; max-width: 32%; }

		.itineraries ul.neighbourhoods li div.neighbourhood-thumb { height: 250px; }
		.itineraries ul.neighbourhoods li div.brief-info a.title { padding-top: 110px; }

		.neighbourhoods ul.neighbourhoods li {  }
		.neighbourhoods ul.neighbourhoods li div.neighbourhood-thumb { height: 200px; }

		.promo-set.desktop { display: none; }
		.promo-set.mobile { display: block; position: relative; left: auto; min-height: 30px; padding: 0 30px; }
		.promo-set.mobile .promotions div.promotion { width: 100%; min-height: 250px; margin: 0; }
		.promo-set.mobile .promotions div.promotion img { display: none; }

		img.ppn_logo { width: 150px; }
		img.sb_searchformCal { width: 20px; }

		div.video-list button.slick-prev { left: -20px; }
		div.video-list button.slick-next { right: -20px; }

		#content.profile-displays div.profile-image-block > div.container.in-module,
		#content.event-displays div.event-image-block > div.container.in-module,
		#content.livemusic div.event-image-block > div.container.in-module,
		#content.neighbourhoods div.neighbourhood-image-block > div.container.in-module,
		#content.itineraries div.neighbourhood-image-block > div.container.in-module {
			width: 100%;
			padding: 0 1rem;
		}

		.banner-set .container,
		#banner-set .container {
			width: 100%;
			padding: 0 1rem 2rem 1rem;
		}

		div.transportation-section div.transportation-company,
		div.localmedia-section div.localmedia-company,
		div.besteat-section div.besteat-company,
		div.microprofile-section div.microprofile-company { flex-basis: 49%; max-width: 49%; }

		ul.document-list li { flex-basis: 32%; max-width: 32%; }

		div.must-sees div.landing { flex-wrap: wrap; row-gap: 1.25rem; margin: 0 0 1.25rem 0; }
		div.must-sees div.landing img { flex-basis: 100%; max-width: 100%; }
		div.must-sees div.landing div.landing-desc {  }

		div.person div.person-image .container { width: 100%; max-width: 100%; padding: 1rem; }

		#welcome .container { padding: 1rem; }

		div.features article div.article-img { flex-basis: 100%; max-width: 100%; }
		div.features article div.article-info { flex-basis: 100%; max-width: 100%; padding: 1rem; }

		#content.profile-displays.display .container {  }
		#content.profile-displays .container div.profile-image-block { min-height: 550px; }

		#content .container,
		#content.default .container,
		#content.wide .container,
		#content .container.in-module {  }

		#content.profile-displays.display .container.in-module,
		#content.wide.display .container.in-module,
		#content.blog.display .container.in-module,
		#content.event-displays.display .container.in-module,
		#content.livemusic.display .container.in-module,
		#content.neighbourhoods.display .container.in-module,
		#content.itineraries.display .container.in-module,
		#content.mw-profile-displays .container {  }

		form.profile-filter div.filter-set > label { width: 100%; }

		#venues.default .container,
		#amenities.default .container,
		#providers.default .container,
		#here-for-you.default .container { padding: 1rem; }

		.recommendations .container { margin: 0; padding: 30px; }

		table.tablesorter th { font-size: 1.25rem; display: none; }
		table.tablesorter thead tr th:first-child { display: table-cell; }
		table.tablesorter td { font-size: 0.875rem; }
		table.tablesorter th.centre,
		table.tablesorter td.centre { display: none; }
		table.tablesorter td a { display: block; padding: 0.25rem 0; }
		table.tablesorter td a.team { padding: 0.25rem 0 0.25rem 2rem; background-size: 24px; }

		.intro-block div.intro { flex-basis: 100%; max-width: 100%; padding: 0 0 1em 0; }
		.intro-block div.connect-block { flex-basis: 100%; max-width: 100%; }

		div.sidebar div.staffer.connect,
		.intro-block div.connect-block div.staffer.connect { width: 100%; }
		.staffer.connect div.staffer-image,
		.staffer.connect div.contact-info { flex-basis: 100%; max-width: 100%; }
		.staff-group div.staffer { flex-basis: 49%; max-width: 49%; }
		.intro-block div.connect-block div.staffer.connect div.staffer-image { flex-basis: 32%; max-width: 32%; }
		.intro-block div.connect-block div.staffer.connect div.contact-info { flex-basis: 66%; max-width: 66%; }
		.intro-block div.connect-block .landing { width: 55%; padding: 1em 0.5em; border: none; }

		div.industry-details ul.infographic-list li div.infographic-description { width: 100%; padding: 0 1em; left: 0; margin: 0; }

		#track-record div.success-set div.sector-success { flex-basis: 100%; max-width: none; margin: 0 0 1.5em 0; }
		#track-record div.success-set div.sector-success:nth-last-child(2) { border-bottom: 1px solid #ddd; }
		#track-record div.sector-success div.sectorsuccess-stat { padding: 0 1em 1em 1em; }

		div.microprofile-set div.microprofile-company { flex-basis: 49%; max-width: 49%; }

		div#visionary div.partner,
		div#influencer div.partner,
		div#innovator div.partner,
		div#leader div.partner,
		div#champion div.partner,
		div#partner div.partner { min-height: 220px; flex-basis: 49%; max-width: 49%; }
		div#visionary div.partner div.brief,
		div#influencer div.partner div.brief,
		div#innovator div.partner div.brief,
		div#leader div.partner div.brief,
		div#champion div.partner div.brief,
		div#partner div.partner div.brief { bottom: auto; }

		#subscribe div.col { flex-basis: 49%; max-width: 49%; }
		#subscribe div.col:nth-child(2) { max-width: 49%; }
		#subscribe .col ul.footer-nav { width: 100%; }
		#subscribe .container div:nth-of-type(3n) img { width: 100%; min-height: 10px; margin: 0 0 5px 0; }

		footer > .container div.col { flex-basis: 49%; max-width: 49%; padding: 0 3rem; }
		footer > .container div.col:nth-child(1) { order: 1; flex-basis: 100%; }

	}

	@media only screen and (max-width: 670px) {



	}

	@media only screen and (max-width: 520px) {

		header .container > h1 { flex-basis: 70%; max-width: 70%; }
		nav.show > ul.nav_1 > li > ul > li#nav_li_item_1063 { display: none; }

		div.breadcrumb .container ul#breadcrumbs { flex-basis: 100%; max-width: 100%; font-size: 0.75rem; }
		div.breadcrumb .container a#my-itinerary-link { flex-basis: 100%; max-width: 100%; }

		#featured-stories h2 { width: 100%; }
		#featured-stories p.actions { width: 100%; justify-content: flex-start; }
		#featured-stories article { width: 100%; }

		#best-of .drawer.active { height: 260px; }
		#best-of .drawer h3,
		#best-of .drawer.active h3 { width: 100%; padding: 0 1rem; font-size: 1.25rem; line-height: 2.25; text-align: left; }

		#quicklinks ul li { flex-basis: 100%; max-width: 100%; max-height: 260px; }

		#whats-on div.event-set div.event { width: 100%; }

		.widget > div { padding: 0.5rem 1rem !important; }
		.widget > div > img { top: 2em !important; }

		#content.default .container .main,
		#content.profile-displays .container .main { flex-basis: 100%; max-width: 100%; margin-bottom: 1.25rem; }
		#content.default .container .sidebar,
		#content.profile-displays .container .sidebar { flex-basis: 100%; max-width: 100%; }

		div.list-item span.list-item-number { flex-basis: 15%; max-width: 15%; }
		div.list-item div.list-item-brief { flex-basis: 80%; max-width: 80%; }

		.blog-trending article { width: 100%; }
		div.blog-set div.post { flex-basis: 100%; max-width: 100%; }
		div.blog-set div.post.subscribe-block { padding: 15px 15px 60px 15px; }
		.js #more-posts .pagination > a.more-posts { width: 100%; margin: 0 auto; }

		#content.profile-displays .container h2.page-title,
		#content.mw-profile-displays .container h2.page-title,
		#content.wg-profile-displays .container h2.page-title,
		#content.st-profile-displays .container h2.page-title { width: 100%; }
		div.filter-block { width: 100%; }
		ul.profile-list li { width: 100%; }
		div.paginator,
		div.pagination { width: 100%; margin: 15px auto; }
		#content.wg-profile-displays .container { padding: 1rem; }
		#content.wg-profile-displays div.profile-image-block .container { width: 100%; padding: 0 1rem 1rem 1rem; }
		div.profile-description-block,
		div.event-description-block,
		div.neighbourhood-description-block { margin: 0; }
		div.profile-description-block .container.in-module,
		div.event-description-block .container.in-module,
		div.neighbourhood-description-block .container.in-module { padding: 1rem !important; }
		div.profile-description-block div.contact-details,
		div.event-description-block div.contact-details { order: 0; flex-basis: 100%; max-width: 100%; padding: 0 0 1.25rem 0; }
		div.profile-description-block div.contact-details:before,
		div.event-description-block div.contact-details:before { content:"Contact Information"; display: block; position: relative; margin: 0 0 0.625rem 0; font-size: 1.25rem; font-weight: 600; }
		div.profile-description-block div.body,
		div.event-description-block div.body { order: 1; flex-basis: 100%; max-width: 100%; border: none; padding: 0 0 1.25rem 0; }
		.recommendations,
		.closeby { padding: 1rem; }
		div.recommendations ul.profile-list li,
		div.closeby ul.profile-list li,
		#content.default.profile-displays div.closeby ul.profile-list li { flex-basis: 100%; max-width: 100%; }

		div.experience-set article.experience,
		div#inspiration article { flex-basis: 100%; max-width: 100%; }

		ul.event-list li { flex-basis: 100%; max-width: 100%; }
		ul.event-list.via-mb-music li { flex-basis: 100%; max-width: 100%; }

		ul.document-list li { flex-basis: 49%; max-width: 49%; }

		.itineraries ul.neighbourhoods li { flex-basis: 100%; max-width: 100%; }

		.person-group .person { flex-basis: 100%; max-width: 100%; }
		div.person > .container div.info-set { order: 0; flex-basis: 100%; max-width: 100%; border-bottom: 1px solid #000; }

		#latest-articles article { flex-basis: 100%; max-width: 100%; }

		div.transportation-section div.transportation-company,
		div.localmedia-section div.localmedia-company,
		div.besteat-section div.besteat-company,
		div.microprofile-section div.microprofile-company { flex-basis: 100%; max-width: 100%; }

		.experience-landing div.idea-set div.banner { flex-basis: 100%; max-width: 100%; }
		.experience-landing div.feature-set div.banner { flex-basis: 100%; max-width: 100%; }

		ul.neighbourhoods li { flex-basis: 100%; max-width: 100%; }

		div.awards-block div.wtaward { flex-basis: 100%; max-width: 100%; }

		.staff-group div.staffer { flex-basis: 100%; max-width: 100%; }

		div.testimonial > img,
		div.testimonial div.quote,
		div.testimonial iframe { flex-basis: 100%; max-width: 100%; }

		ul.ks-nav_1 li { flex-basis: 100%; max-width: 100%; }

		div.success-set div.sector-success div.sectorsuccess-stat,
		div.success-set div.sector-success div.sectorsuccess-desc { flex-basis: 100%; max-width: 100%; }

		div.sections div.content-body .cke div.c2 { flex-basis: 100%; max-width: 100%; }
		div.sections div.content-body .cke div.c2.first { flex-basis: 100%; max-width: 100%; }
		div.sections div.content-body .cke div.c2.first svg,
		div.sections div.content-body .cke div.c2.first img { display: block; width: 50%; margin: 0 auto; }

		.content.section-block .container h2 { font-size: 1.5rem; margin: 0.5rem 0 2rem 0; }
		.content.section-block.industry .container .content-body a.learnmore { width: 60%; margin: 0 auto; }

		body.campaign #content .container,
		body.us-campaign #content .container { padding: 0 1rem; }
		.campaign-set .campaign-item { flex-basis: 100%; max-width: 100%; }
		.spotlight-set div.spotlight-item { flex: 0 0 100%; max-width: 100%; }
		.spotlight-set div.spotlight-item.single > img,
		.spotlight-set div.spotlight-item.single > div.spotlight-item-desc { flex: 0 0 100%; max-width: 100%; }

		div#visionary div.partner,
		div#influencer div.partner,
		div#innovator div.partner,
		div#leader div.partner,
		div#champion div.partner,
		div#partner div.partner { min-height: 220px; flex-basis: 100%; max-width: 100%; }

		div.sections h2 { padding-right: 3rem; font-size: 1.25rem; }
		div.sections h2:before,
		div.sections h2.section-heading:before { display: none; }

		div.guide-set div.guide { flex: 0 0 100%; max-width: 100%; }

		#subscribe div.col { flex-basis: 100%; max-width: 100%; }
		#subscribe div.col:nth-child(2) { max-width: 100%; }

		footer > .container div.col { padding: 0 0.5rem; }

	}