/* #Media Queries Responsive
================================================== */

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

	/*#home-banner-container #home-banner{ height: 935px; }*/

	/* Home | At A Glance */
	#full-body ul#at-a-glance-features > li > div { min-height: 209px; }

	#full-body ul#at-a-glance-features > li.li1 > div, 
	#full-body ul#at-a-glance-features > li.li6 > div{ min-height: 431px; }

	#full-body ul#at-a-glance-features > li.li4 > div, 
	#full-body ul#at-a-glance-features > li.li5 > div{ min-height: 423px; }
	
	.restaurant-detail-carousel-container .related-carousel{ display: block; position: relative; background: #000 url(../images/preloader-small.gif) no-repeat center center; min-height: 350px;  }
}

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

	/* Home Page */
	#home-banner-container .reservation-social-nav { top: 50px; }

	#home-banner-container #caption{ bottom: 120px; }
	#home-banner-container #caption h2 { font-size: 35px; line-height: 40px; }

	#home-banner-container #goto-next a{ height: 40px; width: 40px; }
	#home-banner-container #goto-next a:before{ line-height: 40px; }


	/* Inner Page */
	#header.inner-header .main-nav > li > a{ padding: 5px 13px; font-size: 13px; }


	#home-banner-container .rooms-list > div { padding: 15px; } 

	.room-detail-text .cost-container ul li span { font-size: 20px; margin-top: 5px; margin-bottom: 5px; }


	/* Home | At A Glance */
	#full-body ul#at-a-glance-features > li > div { min-height: 171px; }

	#full-body ul#at-a-glance-features > li.li1 > div, 
	#full-body ul#at-a-glance-features > li.li6 > div{ min-height: 355px; }

	#full-body ul#at-a-glance-features > li.li4 > div, 
	#full-body ul#at-a-glance-features > li.li5 > div{ min-height: 348px; }

	#inner-top .contact-p {font-size:13px;margin-top: 2px;}
	#inner-top .contact-p span {margin-top: 0px;}
	
}

/* Tablet to desktop
------------------------- */
@media (min-width: 768px) and (max-width: 979px) {

	/* Home Page */
	#home-banner-container .reservation-social-nav { top: 50px; }

	#home-banner-container #caption{ bottom: 120px; }
	#home-banner-container #caption h2 { font-size: 35px; line-height: 40px; }

	#home-banner-container #goto-next a{ height: 40px; width: 40px; }
	#home-banner-container #goto-next a:before{ line-height: 40px; }

	#header .main-nav > li > a { padding: 5px 8px; font-size: 13px; }

	#inner-top .contact-p {font-size:13px !important;}

	#full-body .wc-text h1{ font-size: 32px; }

	#full-body ul#at-a-glance-features > li > div .desc h2 { font-size: 26px; }
	#full-body ul#at-a-glance-features > li > div .small-desc h2 { font-size: 22px; }

	/* Footer */
	#footer h2{ margin-bottom: 20px; }

	#footer p.info, #footer ul.links{ margin-bottom: 20px; }

	#footer .stay-in-touch h2, #footer .stay-in-touch ul.social{ text-align: left; }


	/* Inner Page */
	#header.inner-header .main-nav{ max-width: 570px; margin-top: 20px; }
	#header.inner-header .main-nav > li > a{ padding: 5px 13px; font-size: 13px; }

	.rooms-and-suites-header { margin: 30px 0px; }
	.rooms-and-suites-header h3{ margin: 0px; font-size: 32px; }
	.rooms-and-suites-header h1{ font-size: 40px; }

	.room-detail-text h1.header { font-size: 28px; }

	#home-banner-container .rooms-nav,
	#home-banner-container .rooms-list{ display: none; }

	ul.rooms-and-suites li .thumb-title { font-size: 20px; }
	ul.rooms-and-suites li .thumb-title span { font-size: 20px; }
	ul.rooms-and-suites > li .view-detai{ top: 0px; bottom: auto; }

	.room-detail-text .cost-container ul li span { font-size: 20px; margin-top: 5px; margin-bottom: 5px; }
	
	.room-detail-text .cost-container{ height: auto; margin-top: 0px; }
	.room-detail-text .cost-container ul{ width: 100%; padding: 10px 10px;  }
	.room-detail-text .cost-container ul li{ display: block; width: 100%; margin-bottom: 10px; }
	
	.reservation_container{ width: 100%; }

	.virtual-tour-container .virtual-tour-ul li{ min-width: 173px; }

	/* Home | At A Glance */
	#full-body ul#at-a-glance-features > li > div { min-height: 130px; }

	#full-body ul#at-a-glance-features > li.li1 > div, 
	#full-body ul#at-a-glance-features > li.li6 > div{ min-height: 271px; }

	#full-body ul#at-a-glance-features > li.li4 > div, 
	#full-body ul#at-a-glance-features > li.li5 > div{ min-height: 266px; }

	/*Photo Gallery Page */
	#gallery-thumbs .magnet-filter.gallery-tab-nav li { margin-right: 5px; padding: 10px 10px; }

	.photo-gallery-container ul.photo-gallery{ margin: -5px -5px 0px; }
	.photo-gallery-container ul.photo-gallery > li{ width: 24.9%; }
	.photo-gallery-container ul.photo-gallery > li > div{ margin: 5px 5px; }
	.photo-gallery-container ul.photo-gallery > li > div > a > h4{ font-size: 14px; }
}

/* All Mobile Sizes (devices and browser)
------------------------- */
@media only screen and (max-width: 767px) {

	body { font-size: 13px; }
	#header a.mobilemenu{ display: block; }

	#body-box-container { padding: 0px; }

	/* hEADER */
	#home-banner-container #home-banner,
	#header .main-nav,
	#home-banner-container .reservation-social-nav,
	#home-banner-container #goto-next,
	#home-banner-container #caption,
	#home-banner-container .specials-nav,
	#home-banner-container .specials,
	#home-banner-container .ui-effects-wrapper { display: none !important; }

	#header{ position: relative; background: #000; }
	#home-banner-container #home-weather{ position: relative; }

	#header.inner-header{ top: 0px; }
	.inner-header .logo{ float: none; }
	#header .logo img { max-height: 100px; }

	#inner-top{ display: none; }


	/* Home */

	/* Mobile Slider */
	#home-banner-container .flexslider{ display: block; }

	#full-body .wc-text p.welcome-detail { line-height: 22px; }

	#home-banner-container #home-weather ul { margin-top: 20px; }
	#home-banner-container #home-weather ul > li:not(.last-child){ border-color: #484848; }
	#home-banner-container #home-weather ul > li{ color: #484848; padding: 0px 10px; text-shadow: none; }
	#home-banner-container #home-weather ul > li span{ margin-bottom: 0px; font-size: 15px; line-height: 20px; }

	#full-body .wc-text h1 { font-size: 23px; line-height: 23px; }
	#full-body .wc-text h1 span { font-size: 17px; margin-bottom: 5px; }
	#full-body .wc-text p.quote{ padding: 0px 0 5px; }


	#full-body h3.page-title{ font-size: 25px; line-height: 25px; margin-top: 0px; margin-bottom: 20px; text-align: left; }
	#full-body h3.page-title:after{ background: transparent; height: 0px; max-width: 100px; margin: 20px 0 0px;     border-top: 2px solid #a76127; }

	#full-body ul#at-a-glance-features > li{ width: 100% !important; position: relative; max-width: 400px; float: none; margin: 0 auto; }

	#full-body ul#at-a-glance-features > li > div .desc { left: 10px; bottom: 10px; }
	#full-body ul#at-a-glance-features > li > div .desc h2,
	#full-body ul#at-a-glance-features > li > div .small-desc h2 { font-size: 22px; margin: 0px; }

	#full-body ul#at-a-glance-features > li > div .desc .explore{ display: none; }


	/* Inner Page */
	.rooms-and-suites-header { margin: 10px 0px; }
	.rooms-and-suites-header h3{ margin: 0px; font-size: 24px; line-height: 28px; }
	.rooms-and-suites-header h1{ margin: 0px; font-size: 30px; line-height: 30px; }

	ul.rooms-and-suites > li{ width: 100% !important; position: relative; max-width: 500px; float: none; margin: 0 auto; }
	ul.rooms-and-suites li .thumb-title { font-size: 20px; }
	ul.rooms-and-suites li .thumb-title span { font-size: 20px; }
	ul.rooms-and-suites > li .view-detai{ top: 0px; bottom: auto; }

	#home-banner-container .rooms-nav,
	#home-banner-container .rooms-list{ display: none; }

	.room-detail-text h1.header{ margin: 0px 0 10px; font-size: 20px; line-height: 24px; }
	.room-detail-text h2.small-header{ font-size: 18px; padding-bottom: 7px; }
	.room-detail-text h2 span.title-block{ bottom: -9px; }
	.room-detail-text p{ margin-top: 10px; }

	.related-carousel{ margin-bottom: 10px; }
	.wellness-virtual-tour{ margin-bottom: 20px; }

	.room-detail-text .cost-container ul li span { font-size: 20px; margin-top: 5px; margin-bottom: 5px; }

	.room-detail-text .room-details-ul li{ padding: 6px 0px; font-size: 13px; }
	.room-detail-text .room-details-ul li span{ margin-right: 0px; }

	.room-detail-text .room-complementary-ul li{ width: 100%; padding: 0px; margin-right: 0px; }

	.room-detail-text .cost-container{ height: auto; margin-top: 0px; }
	.room-detail-text .cost-container ul{ width: 100%; }
	.room-detail-text .cost-container ul li{ display: block; width: 100%; margin-bottom: 10px; }


	.reservation_container{ width: 100%; }

	.virtual-tour-container .virtual-tour-ul li{ min-width: 120px; }

	/* Footer */
	#footer h2{ margin-bottom: 20px; }
	#footer p.info, #footer ul.links{ margin-bottom: 20px; }
	#footer .stay-in-touch h2, #footer .stay-in-touch ul.social{ text-align: left; }

	#footer ul.links{ font-size: 12px; }
	#footer ul.links > li:before{ margin-right: 0px; font-size: 9px; }

	/*Photo Gallery Page */
	#gallery-thumbs .magnet-filter.gallery-tab-nav li { margin: 0 5px 10px 0; padding: 5px 8px; }
	
}


/* Mobile Landscape & Tablet Portrait
------------------------- */
@media only screen and (min-width: 480px) and (max-width: 767px) {

	/*Photo Gallery Page */
	.photo-gallery-container ul.photo-gallery{ margin: -5px -5px 0px; }
	.photo-gallery-container ul.photo-gallery > li{ width: 49.5%; }
	.photo-gallery-container ul.photo-gallery > li > div{ margin: 5px 5px; }
	.photo-gallery-container ul.photo-gallery > li > div > a > h4{ font-size: 14px; }
	
}

/* Mobile Portrait
------------------------- */
@media only screen and (max-width: 479px) {
	/*Photo Gallery Page */
    .customer_profile_info p b{width:inherit}
	.photo-gallery-container ul.photo-gallery{ margin: 0px; }
	.photo-gallery-container ul.photo-gallery > li{ width: 100%; margin-bottom: 10px; }
	.photo-gallery-container ul.photo-gallery > li > div{ margin: 0px 0px; }
	.photo-gallery-container ul.photo-gallery > li > div > a > h4{ font-size: 14px; }
	
	/* Virtual Tour Page */
	.virtual-tour-container .virtual-tour-ul li{ width: 100%; max-width: 300px; margin-left: auto; margin-right: auto; }
	.room-detail-text .cost-container ul li.first{color: #000; border-right: none;}
	.room-detail-text .cost-container ul li.second span {font-size: 13px;}

	/*.room-detail-text .cost-container ul li {margin-right: 0px !important;}
	.weekdays-offer {
		margin-right: 15px !important;
		padding-right: 0px !important;
		border-right: none !important;
		display: inline-block;
		font-size: 12px !important;
	}
	.weekdays-offer span{
		font-size: 15px !important;
	}
	.weekend-offer {
		margin-right: 15px !important;
		padding-right: 0px !important;
		border-right: none !important;
		display: inline-block;
		clear: both !important;
		font-size: 12px !important;
	}
	.weekend-offer span{
		font-size: 15px !important;
	}*/
}