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

@media only screen and (max-width: 1024px) {
	.main-wrap {
		height: 100%;
		/*min-width: 1024px;*/
		max-width: 1024px;
		min-height: 672px;
		background-size: cover;
	}

	.content-wrap {
		min-width: 320px;
		max-width: 1024px;
	}

	/* stories page */
	.stepper-wrap {
		-webkit-transform: scale(.75);
		-webkit-transform-origin: top right;
		transform: scale(.75);
	}
	.story-content {
		left: 16%;
		-webkit-transform: scale(.75);
		-webkit-transform-origin: 0 45%;
		transform: scale(.75);
		transform-origin: 0 45%;
	}

	.stories-thumbs-wrap .thumb strong.title {font-size: 10px;}

	.loader {left: 10%;}

	#story-page-001 .loader {left: 180px; top: 100px;}
	#story-page-002 .loader {left: 14%; top: 150px;}
	#story-page-005 .story-content {top: 30px; left: 150px;}
	#story-page-007 .loader {top: 170px; left: 170px;}
	#story-page-009 .story-content {top: -110px;}
	#story-page-009 .loader {left: 180px;}

	#story-page-012 .story-content {top: 120px; left: 70px;}
	#story-page-012 .loader {margin-top: 120px;}
	#story-page-013 .story-content {top: -70px;}
	#story-page-015 .story-content {top: 100px;}

	#story-page-023 .story-content {left: 130px; top: 90px;}
	#story-page-027 .story-content {left: 130px;}
	#story-page-029 .story-content {left: 17%;}

	#story-page-031 .story-content {left: 100px; top: 90px;}
	#story-page-031 .loader {left: 130px; top: 140px;}
	#story-page-035 .story-content {left: 14%; top: 160px;}
	#story-page-036 .story-content {left: 14%; top: 60px;}
	#story-page-038 .story-content {left: 14%; top: 150px;}
	.view360-menu {left: -160px; top: -140px;}

	#story-page-045 .story-content,
	#story-page-047 .story-content {top: 80px; left: 12%;}
	#story-page-048 .story-content {top: 35%;}

	#story-page-052 .story-content {top: 35%;} 
	#story-page-054 .story-content {top: 10%;}
	#story-page-056 .story-content {top: 0;}
	#story-page-058 .story-content {top: 32%;}
	#story-page-059 .story-content {top: 13%;}

	#story-page-060 .story-content {top: 22%;}
	#story-page-062 .story-content {top: 30%;}
	#story-page-063 .story-content {left: 12%;}
	#story-page-064 .story-content {top: 0;}
	#story-page-066 .story-content {top: 12%;}
	#story-page-067 .story-content {top: 5%;}

	#story-page-071 .story-content {left: 10%; top: 23%;}
	#story-page-072 .story-content {left: 10%; top: -50px;}
	#story-page-073 .story-content {left: 8%; top: 2%;}
	#story-page-074 .story-content {left: 12%;}
	#story-page-075 .story-content {left: 8%; top: 13%;}
	#story-page-077 .story-content {top: 33%;}

	#story-page-080 .story-content {top: 25%;}
	#story-page-082 .story-content {top: 11%;}
	#story-page-084 .story-content {top: -10px;}
	#story-page-086 .loader {left: 8%;}
	#story-page-087 .story-content {top: 25%;}
	#story-page-088 .story-content {left: 8%; top: 5%;}
	#story-page-088 .loader {left: 10%;}

	#story-page-092 .story-content {top: 50%;}
	#story-page-096 .story-content {top: 5%;}
	#story-page-098 .story-content {top: 30%;}

	#story-page-100 .story-content {top: 0;}
	#story-page-101 .story-content {top: 20%;}
	#story-page-102 .story-content {top: 16%;}
	#story-page-106 .story-content {top: 260px;}
	#story-page-107 .story-content {left: 12%;}
	#story-page-108 .story-content {top: 5%;}

	#story-page-110 .story-content {top: 20%;}
	#story-page-113 .story-content {top: 32%;}
	#story-page-116 .story-content {left: 11%; top: 25%;}

	#story-page-120 .story-content {left: 11%; top: 20%;}
	#story-page-122 .story-content {left: 8%; top: -40px;}
	#story-page-123 .story-content {top: 28%;}
	#story-page-124 .story-content {left: 8%;}
	#story-page-126 .story-content {left: 8%; top: 15%;}
	#story-page-128 .story-content {left: 8%; top: 18%;}

	#story-page-133 .story-content {left: 8%; top: 28%;}
	#story-page-135 .story-content {left: 8%; top: 15%;}
	#story-page-137 .story-content {left: 8%;}
	#story-page-139 .story-content {left: 8%;}

	#story-page-141 .story-content {left: 8%; top: 14%;}
	#story-page-143 .story-content {left: 40px; top: 70px;}
	#story-page-145 .story-content {top: 8%;}
	#story-page-147 .story-content {top: 20%;}
	#story-page-148 .story-content {top: 43%;}
	#story-page-149 .story-content {top: -30px;}

	#story-page-150 .story-content {left: 8%; top: -6%;}
	#story-page-154 .story-content {top: 60px;}
	.country-select li:first-child {margin-top: 370px;}
	#story-page-156 .story-content {left: 8%; top: 30%;}
	#story-page-158 .story-content {left: 8%; top: 20%;}



	 /*end stories */

	.v-carousel {font-size: 12px; padding-top: 90px;}
	.v-carousel .item > h1 {font-size: 40px;}
	.v-carousel .item > h1 + span {font-size: 13px;}
	.v-carousel h4 {margin: .9em 0;}
	.v-carousel .ctrl span.up {
		-webkit-transform: scale(.75); 
		transform: scale(.75); 
		top: 55px;
	}
	.v-carousel .ctrl span.down {
		-webkit-transform: scale(.75);
		transform: scale(.75);
		bottom: 45px;
	}
	.tower-menu span{
		height: 50px;
	}
	.tower-menu span.floor-7 {bottom: 6.7%;}
	.tower-menu span a{
		font-size: 12px;
		line-height: 1em;
	}

	.home-slogan h1 {font-size: 52px;}
	.home-slogan h1 + span {font-size: 18px;}
	.home-cta-wrap {
		-webkit-transform: scale(.8);
	}

	.gallery-wrap {height: 550px;}
	.album-list li .album-title {font-size: 14px;}

	.col1 {width: 30%;}
	.press-wrap .col1 .col-content, .contact-wrap .col1 .col-content {
		width: 280px;
		transform: scale(.85);
		transform-origin: 0 0;
		font-size: 14px;
	}
	.contact-wrap .col2 .col-content {padding-top: 90px;}
	.address-list li {
		font-size: 14px;
	}
	.contact-info-wrap {
		transform: scale(.85);
		transform-origin: 100% 0;
	}
	.contact-type fieldset {
		width: 160px;
		height: 60px;
	}
	.contact-type fieldset label{
		line-height: 60px;
		font-size: 16px;
	}
	.contact-info-wrap h4{text-align: center;}
	.contact-info-wrap .action {width: 320px;}

	.generic-wrap .col1 .col-content h1,
	.press-wrap .col1 .col-content h1,
	.contact-wrap .col1 .col-content h1,
	.booking-wrap .col1 .col-content h1 {
		font-size: 40px;
		line-height: 1em;
	}

	.press-detail-wrap, .press-grid-wrap {height: 440px;}

	.booking-wrap .col1 .col-content {
		left: 20px;
		top: 160px;
	}
	.booking-wrap .col1 .col-content-tall {
		top: 120px;
	}
	.booking-wrap .col1 .col-content,
	.cta-wrap {
		transform: scale(.85);
		transform-origin: 0 0;
	}
	.time-table + .cta-wrap{
		transform-origin: 100% 0;
	}
	.col2 {width: 60%; min-width: 650px;}
	.booking-wrap .col2 .col-content {padding-top: 90px; transform: scale(.85); transform-origin: 100% 0;}
	.visitor-info-list {font-size: 12px; line-height: 1.4em;}	
	.table1-wrap {font-size: 12px; line-height: 1.4em; padding-top: 20px;}
	.info-wrap {font-size: 12px; line-height: 1.3em;}
	.direction-wrap {font-size: 12px; line-height: 1.2em;}
	.direction-wrap .method {padding-bottom: 30px;}
	.direction-wrap .direction h4{font-size: 14px;}
	.direction-wrap .legend {transform: scale(.75); tranform-origin: 0 0;}

	.ticket-type {transform: scale(.89); transform-origin: 0 0;}
	.time-table {height: 440px;}
	.time-table-header {font-size: 14px;}
	.time-quote, .time-item {font-size: 16px;}

	.col-content .ticket-summary span {font-size: 14px;}
	.ticket-info {font-size: 12px;}
	.ticket-info select, .ticket-info label {font-size: 16px;}

	.personal-info-wrap h4 {margin: 0 0 1em; text-align: center;}
	.form1 label, .form1 select, .form1 textarea, .form1 input {font-size: 16px;}
	.form1 .txt1 {width: 320px;}
	.form1 .country-code {width: 90px;}
	.form1 .country-code + .txt1 {width: 220px;}
	.form1 .txt1 input, .form1 .txt1 select {height: 40px;}
	.form1 fieldset {margin: 0 0 10px;}
	.payment-table .confirm label, .form1 fieldset.confirm label {width: 250px;}
	.form1 .captcha-placeholder {width: 320px;}
	.form1 + .cta-wrap {
		width: 540px;
		margin-top: 15px;
		transform-origin: 100% 0;
	}

	.payment-table table {font-size: 16px;}
	.payment-table td {padding: 10px 0;}
	.payment-table .confirm label, .form1 fieldset.confirm label {font-size: 16px;}
	.payment-table .info-wrap {margin-top: 20px;}

	.congrats-wrap {padding-top: 70px;}
	.burj-tower img {height: 100px;}
	.leads-wrap {bottom: 60px;}
	.leads-wrap .lead-item {font-size: 12px; padding: 12px 30px; padding-left: 110px; height: 100px;}
	.leads-wrap .lead-item h4 {font-size: 16px; margin: 0 0 5px;}
	.leads-wrap .lead-item .icon {top: 12px; transform: scale(.85); transform-origin: 0 0;}
	.congrats-wrap .notice {font-size: 20px;}

	.congrats-wrap .cta2,
	.cta-create-event {transform: scale(.85);}

	.promo-list {height: 510px; font-size: 12px;}
	.promo-list li .desc h4 {font-size: 16px;}
	.promo-list li .desc .ticket-logo img {max-height: 23px;}
	.promo-list-wrap .cta-wrap {width: 660px;}


	.sitemap-wrap,
	.generic-wrap .col1 .col-content {
		transform: scale(.85);
		transform-origin: 0 0;
		margin-left: 20px;
	}
	.generic-wrap .col1 .col-content {
		padding-top: 80px;
	}
	.sitemap-wrap {
		padding-top: 10px;
		font-size: 14px;
	}
	.sitemap-wrap ul{
		padding-bottom: 20px;
	}
	.sitemap-wrap h4 {font-size: 1.1em;}

	.privacy-copy-wrap {margin: 0; height: 500px;}
	.privacy-copy {font-size: 12px;}

	.Zebra_DatePicker {font-size: 11px;}
	.Zebra_DatePicker .dp_header {font-size: 24px;}
	.Zebra_DatePicker .dp_header td {height: 50px;}
	.Zebra_DatePicker .dp_header .dp_previous, .Zebra_DatePicker .dp_header .dp_next {background-size: 30px;}
	.Zebra_DatePicker .dp_daypicker td, .Zebra_DatePicker .dp_daypicker th, 
	.Zebra_DatePicker .dp_monthpicker td, .Zebra_DatePicker .dp_yearpicker td {height: 50px; font-size: 16px;}

	/*.media-slider-wrap {height: 80px;}
	.media-slider-wrap .thumbnails img {height: 80px;}
	.media-slider-wrap .ctrl a {width: 50px;}
	.media-slider-wrap .ctrl a.prev,
	.media-slider-wrap .ctrl a.next {background-size: 80%;}*/

	.album-wrap h1 span {font-weight: 200;}
	.album-wrap h1 {font-size: 24px;}
	h1.media-title {font-size: 24px; margin-left: 25px;}
	/*.media-detail {bottom: 80px; height: 460px;}
	.media-detail .close {width: 40px; height: 40px; background-size: 75%;}*/

	.press-wrap .col2 .col-content {padding-top: 80px;}
	.year-filter {height: 55px;}
	.year-list a {font-size: 16px; padding: 15px;}
	.grid-item {font-size: 11px;}
	.grid-item .title {font-size: 12px;}

	.jspHorizontalBar {visibility: hidden;}


	.day-month + .cta-wrap .cta {min-width: 135px;}

}


@media (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px) { 
    /* Retina-specific stuff here */
	.touch .circle-dotted .story-content > canvas{
		-webkit-transform: scale(1.16);
		-webkit-transform-origin: top left;
	}
}

@media (orientation:landscape) {
    html.ipad.ios7 > body {
        position: fixed;
        bottom: 0;
        width:100%;
        height: 672px !important;
    }
}

@media only screen and (max-width: 768px) and (max-height: 1024px){
	.main-wrap-stories {min-width: 768px; max-width: 768px;}
	.home-slogan {top: 30%;}
	.main-nav > li > a {padding: 17px 15px;}

	.story-content{
		top: 170px!important;
		left: 40px!important;
	}
	#story-page-001 .loader {left:160px; top: 230px;}
	#story-page-005 .story-content {width: 68%;}
	#story-page-149 .story-content {width: 100%; left: 20px!important; top: 150px!important;}

	.col1 {width: 40%;}
	.col1:before {width: 130%;}
	.col2 {min-width: 500px;}

	.ticket-more-info,
	.ticket-info .grand-total,
	.generic-wrap .col1 .col-content h1, .press-wrap .col1 .col-content h1, 
	.contact-wrap .col1 .col-content h1, .booking-wrap .col1 .col-content h1 {width: 90%;}

	.booking-wrap .col1 .col-content {transform: scale(.75); width: 115%; min-width: 320px; top: 120px; bottom: auto; }
	.booking-wrap .col2 .col-content {transform-origin: 0 0; width: 115%; padding-top: 130px; padding-left: 40px; padding-right: 20px;}
	.booking-menu .box {height: 100px; margin: 0 1.8%;}

	.tower-menu {top: 200px;; bottom: 200px;}
	.tower-menu span {width: 120px;}
	.tower-menu span a {width: 100px; font-size: 10px;}
	.tower-menu .col-A span:after {left: 124px;}
	.tower-menu .col-B span:after {right: 124px;}
	.v-carousel .ctrl span.up {top: 135px;}
	.v-carousel .ctrl span.down {bottom: 135px;}

	.booking-wrap .col1 .col-content .cta-wrap {width: 105%;}
	.booking-wrap .col1 .col-content h1 + span em{display: block;}

	.time-table {height: 680px;}

	.personal-info-wrap .form1 label {width: 140px;}
	.ticket-info .txt1 {width: 160px;}
	.ticket-info .txt1 select {padding-left: 8px; padding-right: 8px;}

	.form1 fieldset.captcha-wrap,
	.form1 fieldset.confirm {padding-left: 158px;}
	.form1 + .cta-wrap {width: 480px;}

	.ticket-more-info .info-item {padding-left: 70px;}
	.ticket-more-info .info-item .icon img {width: 50px;}

	.burj-tower img {height: 200px;}
	.congrats-wrap {padding-top: 140px;}
	.leads-wrap {bottom: 100px;}
	.leads-wrap .lead-item {padding: 12px 0 12px 80px;}
	.leads-wrap .lead-item .icon img {width: 60px;}

	.press-wrap .col1 .col-content, .contact-wrap .col1 .col-content {padding-top: 140px;}
	.contact-wrap .col2 .col-content {padding-top: 130px;}

	.contact-info-wrap {transform-origin: 0 0; width: 120%;}
	.contact-type fieldset {margin: 0; width: 135px;}
	.contact-info-wrap .form1 label {width: 135px;}
	.contact-info-wrap .action {width: 260px;}

	.sitemap-wrap {width: 115%;}
	.privacy-copy-wrap {width: 103%; height: 700px;}
	.gallery-wrap {height: 750px; width: 90%;}
	.album-wrap h1{font-size: 20px;}
	.album-list li .album-title {font-size: 11px;}
	.album-list li .item-count {font-size: 11px;}

	.year-filter {width: 103%; height: 55px;}
	.year-list a {font-size: 16px; padding: 15px;}

	.press-wrap .col1 .col-content {padding-top: 0;}
	.press-grid-wrap {height: 660px; width: 105%;}
	.grid-item {font-size: 11px; width: 48%}
	.grid-item .title {font-size: 12px;}

	.promo-list {height: 720px;}
	.promo-list-wrap .cta-wrap {width: 605px;}
	.promo-list li .desc .ticket-logo img {max-height: 18px;}

	h1.media-title {margin-top: 130px;}
	.media-detail {bottom: 250px;}

	.media-slider-wrap {height: 120px;}
	.media-slider-wrap .thumbnails img {height: 120px;}

	.form1 fieldset.confirm label.error {width: 145px;}

	.press-detail-wrap, .press-grid-wrap {height: 650px;}

	.item-gallery + .cta-wrap { width: 120%;}
	.item-gallery + .cta-wrap a{ font-size: 14px; }

	/*.day-month + .cta-wrap .cta {min-width: 135px;}*/

}


@media print,
	   (-o-min-device-pixel-ratio: 5/4),
	   (-webkit-min-device-pixel-ratio: 1.25),
	   (min-resolution: 120dpi) {

}