/* ------------------------- ALL ------------------------- */
@media(min-width:768px) {

	#social-news .col-md-4:not(:first-child),.col-md-4:not(:last-child) { padding-right:5px; padding-left:5px; }

	/* Scroll Mouse */
@-webkit-keyframes "ani-mouse"{0%{opacity:1;top:29%;}15%{opacity:1;top:50%;}50%{opacity:0;top:50%;}100%{opacity:0;top:29%;}}@-moz-keyframes ani-mouse {0%{opacity:1;top:29%;}15%{opacity:1;top:50%;}50%{opacity:0;top:50%;}100%{opacity:0;top:29%;}}@keyframes "ani-mouse"{0%{opacity:1;top:29%;}15%{opacity:1;top:50%;}50%{opacity:0;top:50%;}100%{opacity:0;top:29%;}}.scroll-btn{display:block;position:absolute;left:0;right:0;text-align:center}.scroll-btn > *:hover,.scroll-btn > *:focus,.scroll-btn > *:active,.scroll-btn > *.active{opacity:0.8;filter:alpha(opacity=80)}.scroll-btn .mouse{position:relative;display:block;width:27px;height:40px;margin:0 auto 20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:1px solid white;border-radius:30px}.scroll-btn .mouse > *{position:absolute;display:block;top:29%;left:50%;width:4px;height:4px;margin:-2px 0 0 -2px;background:white;border-radius:50%;-webkit-animation:ani-mouse 2.5s linear infinite;-moz-animation:ani-mouse 2.5s linear infinite;animation:ani-mouse 2.5s linear infinite}

}


/* ------------------------- DESKTOP ------------------------- */
@media (min-width: 1200px) {

	.navbar-static-top { position: fixed; width: 100%; z-index: 99; }

	/* Add the below transitions to allow a smooth color change */
	.navbar { -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; -o-transition: all 0.6s ease-out; -ms-transition: all 0.6s ease-out; transition: all 0.6s ease-out; }
	.navbar.navbar-inverse.scrolled { background-color: #1b1b1b; }

	.navbar.scrolled, .navbar.scrolled .navbar-header { height: 50px; }
	.navbar.scrolled .navbar-brand { padding-top: 16px; }
	.navbar.scrolled .navbar-brand img { width: 120px; height: auto; }
	.navbar.scrolled #navbar .nav li a { padding: 16px 1.5em 9px 1.5em; }
	.navbar.scrolled #navbar .nav li .btn-group { margin-top: 8px; }
	.navbar.scrolled .btn { padding-top: 7px; padding-bottom: 6px; }

	/* Header Inverse Scrolled */
	.header-inverse .navbar.scrolled .navbar-brand .logo { display: block; }
	.header-inverse .navbar.scrolled .navbar-brand .logo-inverse { display: none; }
	.header-inverse .navbar.scrolled #navbar .nav li a { color: #fff; }
	.header-inverse .navbar.scrolled #navbar .nav li a:hover { color: #E21C8E; }
	.header-inverse .navbar.scrolled .btn { border-color: #fff; }
	.header-inverse .navbar.scrolled #navbar .nav li .btn-group .btn { color: #fff; }
	.header-inverse .navbar.scrolled #navbar .nav li .btn-group .btn:hover { border-color: #E21C8E; }
	.header-inverse #navbar .nav li .btn-group.open .btn { color: #fff; }
	.header-inverse .navbar.scrolled #navbar .nav li .dropdown-menu { background: #fff; border: 1px solid #343434; }
	.header-inverse .navbar.scrolled #navbar .nav li .dropdown-menu li a { color: #333; }
	.header-inverse .navbar.scrolled #navbar .nav li .dropdown-menu li a:hover { color: #E21C8E; background-color: #eee; }

	#social-news .col-md-4 { /* min-height: 555px; */ }
	#tab-content-press .item p { font-size: 16px; }

	#team a:hover .card-big:after { border-width: 6px; }
	#team a:hover .card-mini:after { border-width: 4px; }

}


/* ------------------------- TABLETS ------------------------- */
/* ---- iPad Landscape */
@media (min-width: 980px) and (max-width: 1199px) {

	body { font-size: 15px; }

	h1 { font-size: 48px; }
	h2 { font-size: 28px; }
	h3 { font-size: 20px; }
	h4 { font-size: 14px; }

	.navbar-brand { padding-top: 16px; }
	.navbar-header img { width: 128px; height: auto; }
	#navbar .nav li a { font-size: 13px; }
	#navbar .nav li a { padding: 18px 15px 10px 15px; }
	#navbar .nav li .btn-group { margin-top: 12px; margin-left: 15px; }
	#navbar .nav li .btn-group .btn { padding: 6px; font-size: 13px; }

	#header.header-inverse { position: absolute; top: 0; left: 0; width: 100%; overflow: visible; }
	#header.city .vertical-align img { width: 40%; height: auto; }
	#header #scroll-down { position: absolute; bottom: 125px; }

	.boxed .col-sm-6 .boxed-text { padding: 20px 40px; }

	#header .card-intro .btn { width: 80%; }

	.panel-default .panel-body .inner { padding: 12px; }
	#social-news .panel { font-size: 13px; margin-bottom: 8px; }
	#social-news .panel .title { font-size: 19px; margin-bottom: 5px; }
	#social-news .panel p { margin-bottom: 5px; }
	#social-news .panel .metadata { bottom: 5px; }

	.img-cover img.back-img { height: 48vh !important; }
	#menu img { margin-bottom: -10px; }
	#menu a { font-size: 17px; }
	#contact .well { padding: 3em; }
	#contact .small { font-size: 12px; }
	#tab-content-press .item { min-height: 280px; }

	#dining { padding: 80px 0 50px 0; }

	#prefooter .big-logo { width: 136px; height: auto; }
	#prefooter ul { font-size: 13px; }
	#prefooter ul img { width: 100px; height: auto; }
	#prefooter .list-social a { width: 46px; height: 46px; }
	#footer { font-size: 13px; }

}

/* ---- iPad Portrait */
@media (min-width: 768px) and (max-width: 979px) {

	body { font-size: 15px; }

	h1 { font-size: 44px; }
	h2 { font-size: 24px; }
	h3 { font-size: 18px; }
	h4 { font-size: 14px; }

	.navbar-brand { padding-top: 16px; }
	.navbar-header img { width: 108px; height: auto; }
	#navbar .nav li a { font-size: 11px; }
	#navbar .nav li a { padding: 15px 10px 10px 10px; }
	#navbar .nav li .btn-group { margin-top: 10px; }
	#navbar .nav li .btn-group .btn { padding: 6px; font-size: 11px; }

	#header.header-inverse { position: absolute; top: 0; left: 0; width: 100%; overflow: visible; }
	#header.city .vertical-align img { width: 40%; height: auto; }
	#header #scroll-down { position: absolute; bottom: 125px; }

	.boxed .col-sm-6 .boxed-text { padding: 20px 40px; }

	#header .card-intro .btn { width: 80%; }

	.img-cover img.back-img { height: 48vh !important; }
	.gold-brush-01 { width: 640px; height: 86px; padding-top: 16px; }
	.gold-brush-02 { padding-top: 28px; }
	#menu img { margin-bottom: -10px; }
	#menu a { font-size: 17px; }
	#contact .well { padding: 3em; }
	#contact .small { font-size: 12px; }

	#dining { padding: 80px 0 50px 0; }

	#prefooter .big-logo { width: 136px; height: auto; }
	#prefooter ul { font-size: 13px; }
	#prefooter ul img { width: 100px; height: auto; }
	#prefooter .list-social a { width: 46px; height: 46px; }
	#footer { font-size: 13px; }

}






/* ------------------------- MOBILES ------------------------- */
@media (max-width: 767px) {

	body { font-size: 15px; }

	h1 { font-size: 40px; }
	h2 { font-size: 22px; }
	h3 { font-size: 14px; }
	h4 { font-size: 13px; }
	h5 { font-size: 12px; }

	.mb-30 { margin-bottom: 20px; }
	.mb-50 { margin-bottom: 30px; }

	.navbar-inverse { background-color: #1b1b1b;  }
	.navbar, .navbar-header { height: 50px; }
	.navbar-brand { padding-top: 16px; }
	.navbar-header img { width: 128px; height: auto; }
	.navbar-collapse { background: #202020; }
	#navbar .nav li a { padding: 6px 0; }
	#navbar .nav li { text-align: center; }
	#navbar .navbar-cities { border-top: 1px solid #333; padding-top: 10px; }
	#navbar .navbar-cities li { display: inline-block; width: 30%; }

	#header.header-inverse { position: absolute; top: 0; left: 0; width: 100%; overflow: visible; }
	#header.header-inverse .logo { display: block; }
	#header.header-inverse .logo-inverse { display: none; }
	.header-inverse #navbar .nav li a { color: #fff; }
	.header-inverse #navbar .nav li.active a { background: transparent; color: #E21C8E; }

	#header.city p { font-size: 18px; }
	#header.city .vertical-align img { width: 60%; height: auto; }
	#header #scroll-down { display: none; }
	#header .card-intro .btn { width: 70%; }
	.transition-timer-carousel-progress-bar { top: 50px !important; }

	section { padding: 20px 0; }

	.boxed .col-sm-6 { min-height: 240px; }
	.boxed .col-sm-6 .boxed-text { padding: 30px 60px; }
	.row-eq-height { display: block; }

	#header .card-intro { padding: 20px 15px; width: 80%; margin: 0 auto -1px auto; margin-bottom: 20px; }
	#header .card-intro h2 { margin: 0 0 10px 0; }
	#header .card-intro img { width: 60px; height: auto; display: none; }
	#header .card-intro p { font-size: 11px; margin: 0; }
	#header .card-intro hr { margin: 10px auto; width: 30%; }
	.panel-default .panel-body .inner { padding: 15px; }
	#social-news .panel .title { font-size: 20px; margin-bottom: 6px; }
	#social-news .panel .metadata { bottom: 6px; }

	#intro { padding: 50px 0; }
	.img-cover img.back-img { height: 30vh !important; }
	.gold-brush-01, .gold-brush-02 { display: none; }
	#concept img { height: auto !important; width: 100% !important; margin: 0 auto; }
	.carousel-indicators li { padding: 8px; margin: 0 15px; }
	#newsletter { padding: 50px 0; }
	#newsletter .form-inline .form-group { float: none; margin-left: 0; width: 100% !important; }
	#newsletter .form-inline .form-group .form-control { border-right-color: #c2c2c2; }
	#newsletter .form-inline .btn { width: 58%; }
	#booking { padding: 50px 0; }
	#events { overflow: hidden; }
	#events img.back-img { height: 450px !important; }
	#menu { padding: 50px 0 20px 0; }
	#menu .item { margin-bottom: 30px; }
	#menu a { font-size: 18px; }
	#team { padding: 50px 0 20px 0; }
	#team img { width: 100%; height: auto; }
	#team .card-team .card-name { bottom: 30px; left: 30px; }
	#team .card-team .card-name-mini { bottom: 20px; left: 20px; width: 80%; }
	#team .card-big:after { border: 3px solid #fff; top: 12px; left: 12px; bottom: 12px; right: 12px; }
	#team .card-mini:after { border: 1px solid #fff; top: 10px; left: 10px; bottom: 10px; right: 10px; }
	#team .card-team p { font-size: 11px; line-height: 1.2; }
	#contact .well { padding: 2em; }
	#contact .well:after { border: 3px solid #343434; top: 10px; left: 10px; bottom: 10px; right: 10px; }
	#contact .small { font-size: 12px; }
	#contact address.mb-50,
	#contact .mb-30 { margin-bottom: 15px !important; }
	#tab-content-press .item { min-height: auto; }

	#dining { padding: 80px 0 50px 0; }

	#prefooter .big-logo { width: 136px; height: auto; }
	#prefooter ul { font-size: 13px; }
	#prefooter ul img { width: 100px; height: auto; }
	#prefooter .list-social a { width: 46px; height: 46px; }
	#footer { font-size: 13px; }

	.btn { font-size: 13px; padding: 6px 22px; }
	.btn-sm { font-size: 13px; padding: 4px 16px; }
	.btn-lg { font-size: 15px; padding: 10px 28px; }

}



/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.animated {
		/*CSS transitions*/
		-o-transition-property: none !important;
		-moz-transition-property: none !important;
		-ms-transition-property: none !important;
		-webkit-transition-property: none !important;
		transition-property: none !important;
		/*CSS transforms*/
		-o-transform: none !important;
		-moz-transform: none !important;
		-ms-transform: none !important;
		-webkit-transform: none !important;
		transform: none !important;
		/*CSS animations*/
		-webkit-animation: none !important;
		-moz-animation: none !important;
		-o-animation: none !important;
		-ms-animation: none !important;
		animation: none !important;
	}
}




/* ------------------------- TEXT LEGIBILITY ------------------------- */
@media 	only screen and (-webkit-min-device-pixel-ratio: 1.25),
		only screen and ( min-device-pixel-ratio: 1.25),
		only screen and ( min-resolution: 200dpi),
		only screen and ( min-resolution: 1.25dppx) {
			-webkit-font-smoothing: subpixel-antialiased;
		}
