/* Extra small devices (phones, less than 576px) */
@media (min-width: 320px) {
	.navbar-brand {max-width: 170px;}
}
@media (max-width: 575.98px) {
	header {height: 100px;}
	button.navbar-toggler {border-radius: 0; border-color: #f00;}
	.logo, .logo::before {height: 70px;}
	.double-border {width: 95vw; height: auto;}
	.welcome-logo img { max-width: 75%; margin-top: 1em }
	.hero-slider {height: 70vh;}
	.hero-slider .slide-content h2 {font-size: 2.5rem;}
	.hero-slider .slide-inner {height: 70vh;}
	.booking-section ul li {width: 100%; margin-bottom: 10px;}
	.section-title {font-size: 2.3rem; margin-bottom: 1rem; line-height: 40px;}
	.welcome-content p.lead { font-size: 1.7rem; line-height: 33px; padding: 0 1em; }
	.welcome-content p.sublead { color: #4E4E4E; font-size: 1.3rem; line-height: 30px; margin-bottom: 0rem; }
	.home-accommodation-section, .home-banquet-section, .home-facilities-section, .home-dining-section, .home-offers-section {padding: 3em 0;}
	.home-accommodation-section .section-titles {text-align: center;}
	.home-accommodation-section .section-titles h2 {font-size: 35px; max-width: 100vw;}
	.home-accommodation-section .section-titles .navigLink a {width: 100%; text-align: center;}
	.home-banquet-section .contentSection {padding: 0 1em 1em 1em;}
	.home-banquet-section .contentSection a.commonlinkBTN, .home-facilities-section a.commonlinkBTN {padding: 1vh 15vw; margin: 0 auto;}
	.home-facilities-section .section-titles p {padding-bottom: 0.5em;}
	.home-facilities-section ul.service-list {align-items: center; justify-content: space-between}
	.home-facilities-section ul.service-list li {width: 25%; font-size: 12px; text-align: center;background-color: transparent;}
	.home-facilities-section h3 {width: 100%; text-align: center;}
	.home-dining-section {padding-top: 0em;}
	.home-dining-section .bg-image {margin-top: 0; height: auto; min-height: 50vh;}
	.home-dining-section .contentCol {padding: 0 2em;}
	.home-dining-section .custom-text-style {font-size: 14px; line-height: 1.6;}
	.home-dining-section .heading {font-size: 40px;line-height: 59px;}
	
	.innerPageSection {padding: 1em 0;}
	.innerPageSection .roomsLandingRow {padding: 1em 0;}
	.innerPageSection .roomsContent h2 {font-size: 8vw; padding-top: 1em;}
	.pageBanner .bannerSection h1 {font-size: 2.8rem;}
	.popup a img { padding: 0 5%; }
	
	#footerSection {padding-top: 2em;}
	#footerSection .logofooter {text-align: center;}
	#footerSection .addressFooter {padding: 0 0.5em;}
	#footerSection .footerColumns h4 {padding-bottom: 0;}
	#footerSection .footerColumns {padding-bottom: 1.5em;}
	#footerSection .footerColumns ul.socialLinks {margin-top: 1em;}
	#footerSection .footerColumns ul.socialLinks li a i { font-size: 6vw; padding: 5px 6px; }
	#footerSection .mostfooter {text-align: center;}
	#footerSection .mostfooter .credit {float: unset;}
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
  /* Your styles here */
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
  /* Your styles here */
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
  /* Your styles here */
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .hero-slider .slide-content h2 {font-size: 3rem;}
  .section-title {font-size: 2.5rem;}
  .welcome-content p.lead {font-size: 2.3rem;}
  .home-accommodation-section .section-titles h2 {font-size: 40px; max-width: 50vw;}
  /*.home-accommodation-section .item {height: 50vh; margin: 0 10px;}*/
  /*.home-accommodation-section .accomSlides .owl-item.active .slideCaptions {top: 81vh;}*/
  /*.home-accommodation-section .accomSlides .owl-item.active .slideCaptions .infoBar {padding: 1em;}*/
}