@media(min-width:1300px) {
	.spacelogo { height: 12em; }	
	#map { min-height: 34em }
	#about .header h1 { font-size: 7em; }
	.about p { font-size: 2.2em }
	.accessibility { padding-top: 4em }
	.overview h2, #apartments h2, #amenities h2, #accessibility h2, #shopping h2 { font-size: 4em; }
	.overview p { font-size: 1.25em }
	.barChart { font-size: 1.125em }
	.barChart .tooltip { width: 7em }
	.amenities p, .accessibility p, .shopping p, .gallery-title { font-size: 1.3em; }
	#apartments p, .nav-tabs li a, .tab-content>.tab-pane>.tab-content>.tab-pane h3, div.ppt { font-size: 1em }
	.thumbnails { margin: 2em auto }
	.ss-capwrap, .carousel-caption { bottom: 40%; }
	#btnSlideDown { bottom: 30% }
}

@media(min-width:1400px) {
	.navbar-nav>li {font-size: 1.2em;}
	.dropdown-menu { font-size: 1em; }
	.spacelogo { height: 14em; }	
	#map { min-height: 38em }
	#about .header h1 { font-size: 8em; }
	.about p { font-size: 2.6em }
	.accessibility { padding-top: 6em }
	.overview h2, #apartments h2, #amenities h2, #accessibility h2, #shopping h2 { font-size: 3em; }
	.overview p { font-size: 1.4em }
	.barChart { font-size: 1.2em; height: 7em; margin-bottom: 1em }
	.barChart .tooltip { width: 6.5em; font-size: 0.75em;}
	.amenities p, .accessibility p, .shopping p, .gallery-title { font-size: 1.4em; }
	#apartments p, .nav-tabs li a, .tab-content>.tab-pane>.tab-content>.tab-pane h3, div.ppt { font-size: 1.2em }
	a.btnEnquire { font-size: 1.8em; padding: 0.2em 0; }
	.thumbnails { margin: 3em auto }
	#btnSlideDown { left: 47% }
	.ss-capwrap, .carousel-caption { bottom: 40%; }
	#btnSlideDown { bottom: 30% }
}

@media(min-width:1500px) {
	.navbar-nav>li {font-size: 1.4em;}	
}

@media(min-width:1600px) {
	.navbar-nav>li {font-size: 1.5em;}	
	.spacelogo { height: 16em; }	
	#map { min-height: 45em }
	#about .header h1 { font-size: 9em; }
	.about p { font-size: 2.6em }
	.thumbnails { margin: 4em auto }
	.overview p { font-size: 1.5em }
	.barChart { font-size: 1.5em; height: 7em; margin-top: 2.5em; margin-bottom: 1em }
	.barChart .tooltip { width: 6.5em; font-size: 0.75em;}
	.ss-capwrap, .carousel-caption { bottom: 45%; }
	#btnSlideDown { bottom: 38% }
}

@media(min-width:1800px) {
	.navbar-nav>li {font-size: 1.5em;}
	.carousel-inner>.item>img, .carousel-inner>.item>a>img { max-width: none; width: 100% }
	#apartments p, .nav-tabs li a { font-size: 1.4em }
	.tab-content>.tab-pane>.tab-content>.tab-pane h3, div.ppt { font-size: 1.5em }
	.barChart { font-size: 1.7em }
	.barChart .tooltip { width: 6.5em; font-size: 0.75em;}
	/*#amenities { padding-top: 2.5em; }*/
	.accessibility { padding-top: 10em }
	.overview h2, #apartments h2, #amenities h2, #accessibility h2, #shopping h2 { font-size: 6em; }
	.accessibility p, .shopping p, .gallery-title { font-size: 2.1em }
	.apartments p, .overview p, .amenities p, .accessibility p, .shopping p { font-size: 1.6em; margin-bottom: 1.5em }
	.nav-tabs li a, .tab-content>.tab-pane>.tab-content>.tab-pane h3, div.ppt { font-size: 1.7em }
	a.btnEnquire { font-size: 2.2em; padding: 0.2em 0; }
	.thumbnails { margin: 5em auto }
}

@media(min-width:2000px) {
	.spacelogo { height: 22em; }	
	.ss-caption, .carousel-caption { font-size: 1.5em }
	.space40 { height: 6em }
	#map { min-height: 55em }
	#map-bunyan { min-height: 35em; clear: both; }
	#map-sukoon { min-height: 40em; clear: both; }
	#about .header h1 { font-size: 15em; }
	.overview h2, #apartments h2, #amenities h2, #accessibility h2, #shopping h2 { font-size: 5em }
	.about p { font-size: 3.6em }
	.overview p, .amenities p, .accessibility p, .shopping p, .gallery-title { font-size: 2em; margin-bottom: 1.1em; }
	.thumbnails { margin: 5em auto }
	#btnHome, #btnClose { margin-top: 0.6em; }
	#bunyan h1 {padding: 0.3em 0 0;}
	#btnSlideDown { left: 47.5% }
}

@media(min-width:2800px) {
	#map-bunyan, #map-sukoon { min-height: 35em; clear: both; }
	.overview p { font-size: 3.5em; margin-bottom: 1.5em }
	.barChart { font-size: 3.5em; height: 9em; margin-top: 3.3em; margin-bottom: 1em; }
	.barChart .tooltip { width: 6.5em; font-size: 0.75em;}
}

@media(max-width:1200px) {
	.spacelogo { height: 10em; }	
	.ss-capwrap { bottom: 40%; }
	.barChart { font-size: 0.85em }
	.barChart .tooltip { width: 5em }
}

@media(max-width:1100px) {
	.spacelogo { height: 10em; }	
	.barChart { font-size: 0.8em }
	.barChart .tooltip { width: 5em }
	.ss-capwrap, .carousel-caption { bottom: 38%; }
	#btnSlideDown { bottom: 28% }
}

@media(max-width:1023px) {
	.barChart { display: none }
}

@media(max-width:976px) {
	.spacelogo { height: 10em; }	
	.ss-capwrap, .carousel-caption { bottom: 4%; font-size: 0.6em; }
}

@media(max-width:767px) {
	body { width: 100% !important; overflow-x: hidden !important; }
	body, #about p, .about p { font-weight: 300 }
	#properties h1, #contact h1, #gallery h1 { font-size: 4em }
	.webonly,.ss-pag-wrap,.caret,.enquire span, #btnHome, #btnHome2, .pp_details .pp_nav, .pp_gallery, .pp_expand, .btnScroll {  display: none !important; }
	.mobileonly,.navbar-brand,.navbar-nav li,#properties .col-lg-6 div,#properties .col-lg-6 h1 { display: block }
	.navbar-center { text-align: left }
	.navbar-nav { margin: 0; text-align: left; }
	.spacelogo { height: 2em; }
	#logo { margin-top: 7em; width: 80%; max-width: 400px; margin-left: -200px; }
	.col-xs-3, .col-lg-4, .col-lg-5, .col-lg-6 { width: 100%; display: block; margin-bottom: 60px !important; }
	#properties { height: 894px !important; }
	#properties .col-lg-6 { margin: 0 !important; display: block; float: none; padding: 0 !important; }
	#properties .col-lg-6.bunyan { background-image: url(../img/property-bunyan-tower-lr.jpg); background-position: top; width: 100%; height: 400px !important; }
	#properties .col-lg-6.sukoon { background-image: url(../img/property-sukoon-tower-lr.jpg); background-position: top; width: 100%; height: 400px !important; }
	.col-xs-offset-1, .col-xs-offset-2 { margin: 0; }
	.col-xs-3 { width: 80% !important; margin: 0 20px 40px !important; }
	nav, .navbar-collapse { overflow: auto }
	.nav-scrolled { padding: 0 !important; background: #000 !important;}
	ul.nav.navbar-nav { background: #000 }
	.nav-tabs li a { font-size: 0.675em }
	a#btnClose { margin-top: 0px }
	.dropdown-menu { display: block; width: 100%; position: relative; margin-bottom: 10px; border-radius: 0; }
	.dropdown-menu li { padding-left: 20px; }
	.modal { width: 90%; margin-left: -45%; }
	.commercial-1, .commercial-2, .commercial-3 { background-size: cover !important; background-attachment: scroll; }
	.commercial-1 { background-image: url(../img/commercial-01-lr.jpg); }
	.commercial-2 { background-image: url(../img/commercial-02-lr.jpg); }
	.commercial-3 { background-image: url(../img/commercial-03-lr.jpg); }
	#about .header h1 { font-size: 4em; top: 30%; }
	.about { min-height: 700px !important; }
	.about p { font-size: 1.3em; }
	.navbar-custom.dark .nav li a { color: #fff; }
	#about2 { background-image: url(../img/about-2-lr.jpg); }
	#about3 { background-image: url(../img/about-3-lr.jpg); background-position: center }
	#about4 { background-image: url(../img/about-4-lr.jpg); background-position: center }
	#about .header { background-image: url(../img/header-about-lr.jpg); }
	.intro { height: auto !important; overflow: hidden !important;background: #fff !important; padding-top: 0;margin-top:0 }
	.logointro { background-color: transparent; }
	#properties { margin-top: 0; padding-top: 0 }
	#bunyan h1, #gallery-detail #mainh1 { position: fixed; top: 0; width: 100%; text-align: center; z-index: 11; font-size: 2.5em; padding: 0.4em 0 0.6em; margin-top: 0 }
	#bunyan { width: 100%; overflow-x:hidden; }
	#btnClose,#btnClose2 { position: fixed; right: 0; top: 0; margin: 0 0.3em 0 0; }
	#btnClose.scrolled, #btnClose2.scrolled { margin-top: 0 !important; }
	.nav-towers, .nav-towers2 { margin-top: 5.125em;  }
	.overview { padding-top: 5em; background: #334D85; }
	.overview .col-lg-6:nth-child(1), .apartments .col-lg-6:nth-child(1) { margin-bottom: 20px !important; }
	#gallery, #gallery-detail { margin-top: 0 !important }
	#gallery #mainh1{ margin-top: 50px; }
	.overview .col-lg-6:nth-child(2) { height: 400px; margin-bottom: 40px !important;background-size:cover; }
	.thumbnails { width: 90%; padding: 0; margin: 1.7em auto; }
	.thumbnails .span3 { width: 48% !important }
	/*.carousel { min-height: 400px }*/	
	.carousel { margin-top: 50px; }
	#gallery-detail { margin-top: 121px; }
	a.btnEnquire, .enquire { background: #fff; color: #000;box-shadow: 0 -2px 2px rgba(0,0,0,0.2) !important; }
	a.btnEnquire:hover { background: #334D85; color: #fff }
	.enquire { box-shadow: 0 -2px 2px rgba(0,0,0,0.2) !important; background: rgba(191,54,41,0.9)}
	.tab-pane center a img { max-width: 90%; }
	a.pp_next, a.pp_previous, pp_hoverContainer { display: block !important; }
	a.pp_next, a.pp_previous{ background-size: auto 40px !important }
	.thumbnail span { font-size: 0.9em }
	#map { min-height: 25em }
	.ss-capwrap, .carousel-caption { bottom: 5%; }
	.ss-caption, .carousel-caption a { font-size: 1.5em; }
}

@media(max-width:480px) {
	#logo { width: 300px; margin-left: -150px; left: 50%; }
	.carousel-caption { display: none; }
	/*.carousel { min-width: 100%; width: 37em; height:25em; overflow: hidden; margin-left: -30%; }
	.carousel-caption { width: 80%; margin-left: 7%; position: absolute; }
	.carousel img { height: 25em !important; width: 37em !important;  }*/
}

@media(max-width:320px) {
	.carousel-indicators { display: none }
	/*.ss-slides, .carousel { min-height: 25em }*/
	/*.ss-slide a img, .carousel img { height: 25em !important; width: auto !important; margin-left: -30% }*/	
}