/* Small devices (tablets, 768px and up)*/
@media (min-width: @screen-sm-min) {

}

/* Medium devices (desktop, 992px and up)*/
@media (min-width: @screen-md-min) {

}

/* Large devices (Large desktop 1200px and up)*/ 
@media (min-width: @screen-lg-min){

}


@media (max-width: @screen-xs-max) {

}

@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {

}

@media (max-width: @screen-md-min) and (max-width: @screen-md-max) {

}

@media (min-width: @screen-lg-min) {

}



@charset "utf-8";
/* CSS Document */

/******************************

[Table of Contents]

1. 1600px
2. 1440px
3. 1280px
4. 1199px
5. 1024px
6. 991px
7. 959px
8. 880px
9. 768px
10. 767px
11. 539px
12. 479px
13. 400px

******************************/

@media only screen and (max-width: 1920px)
{
.book-a-stay {
  bottom: 0px;}
}
/************
1. 1600px
************/



@media only screen and (max-width: 1600px)
{
	
}

/************
2. 1440px
************/

@media only screen and (max-width: 1440px)
{
.book-a-stay{bottom: 0px;}

.about-section {margin: 0px;}

.room-section{margin: 0px;padding-bottom: 0px;}

.room-section .service-icons span {
  font-size: 68px;}

.amenities-section .ame-content {padding: 60px 80px 60px 55px;}  
}

/************
3. 1380px
************/

@media only screen and (max-width: 1280px)
{
.book-a-stay {bottom: 0px;}

.book-a-stay .typing h1{font-size: 44px;}
}


/************
3. 1280px
************/

@media only screen and (max-width: 1280px)
{
	
}

/************
4. 1199px
************/

@media only screen and (max-width: 1199px)
{
	
}

/************
4. 1100px
************/

@media only screen and (max-width: 1100px)
{
	
}

/************
5. 1024px
************/

@media only screen and (max-width: 1024px)
{
	.navbar-area .navbar .navbar-nav .nav-item a{color: #212121;}

	.navbar-area .navbar .navbar-nav .nav-item a::before {background-color: transparent;}

.book-a-stay{padding: 20px;}
.book-a-stay .book-cover a i { padding-right: 20px; font-size: 30px;}
.navbar-area .navbar-brand img {max-width: 75%;}

.navbar-area .navbar .navbar-nav .nav-item a {font-size: 16px; padding: 11px 9px;}

.about-section{margin: 0px;}

.room-section{margin: 0px; padding-bottom: 0px;}

.room-section .service-icons span {font-size: 48px;}

.room-section .service-icons p {font-size: 16px;}  
}

.section-title .title {font-size: 42px;}

/************
6. 991px
************/

@media only screen and (max-width: 912px)
{
		.navbar-area .navbar .navbar-toggler .toggler-icon { background-color: #fff; left: 270px;}

	.navbar-area nav .hometown-buttons .main-btn{display: none;}
}

/************
7. 959px
************/

@media only screen and (max-width: 959px)
{
	
}
@media only screen and (max-width: 820px){

	.navbar-area .navbar .navbar-toggler .toggler-icon { background-color: #fff; left: 245px;}

	.navbar-area nav .hometown-buttons .main-btn{display: none;}

	.navbar-area .navbar .navbar-nav .nav-item a{color: #212121;}
}
}
/************
8. 880px
************/

@media only screen and (max-width: 810px)
{
	.navbar-area .navbar .navbar-toggler .toggler-icon { background-color: #fff; left: 260px;}

	.book-a-stay{bottom: 0px;}

	.book-a-stay .typing {text-align: center; font-size: 34px;}

	.book-a-stay h5{text-align: center;}

	.book-a-stay .book-cover a i{font-size: 30px;}

	.single-portfolio .portfolio-image img{height: 230px;}

	.section-title .title{font-size: 34px;}

	.about-section{padding: 90px 0px;} 

	.about-section .about-content{padding: 40px 33px 40px 33px;}

	.room-section{padding: 90px 0px; margin: 0px 0px;}

	.room-section .service-icons span {font-size: 48px;}

	.room-section .service-icons p {font-size: 16px; font-weight: 400;}

	.amenities-section{margin:90px 0px; padding: 90px 0px;}

	.amenities-section .ame-content {padding: 40px 33px 40px 33px;}

	.navbar-area nav .hometown-buttons .main-btn{right: 30px;}

	.navbar-area .navbar .navbar-nav .nav-item a{color: #212121;}
}

/************
9. 768px
************/

@media only screen and (max-width: 800px)
{
  .book-a-stay {bottom: 0px;padding: 20px;}

  .book-a-stay h1{font-size: 36px;}

  .book-trigger{padding: 10px 15px;}

  .about-section .about-content .section-title h4 {font-size: 24px;}

  .about-section .about-content {padding: 60px 33px 60px 33px;}

  .meeting-section{padding: 60px 0px;}

  .room-section{padding: 60px 0px;}

  .room-section .service-icons span {
  font-size: 34px;}

  .amenities-section {margin: 60px 0px;}

  .room-cover {padding-top: 90px;}

  .amenities-section .ame-content {
  padding: 40px 33px 40px 33px;}

  .attraction-section {
  margin: 60px 0;
  padding: 60px 20px;}

  .portfolio-area {
  padding-top: 0px;}
}

/************
10. 767px
************/

@media only screen and (max-width: 768px)
{
	.navbar-area .navbar .navbar-toggler .toggler-icon { background-color: #fff; left: 200px;}
}

/************
11. 575px
************/

@media only screen and (max-width: 575px)
{
	
}

/************
11. 539px
************/

@media only screen and (max-width: 539px)
{
	 
}

/************
12. 480px
************/

@media only screen and (max-width: 480px)
{

}

/************
13. 479px
************/

@media only screen and (max-width: 428px)
{
	.navbar-area .navbar .navbar-nav .nav-item a{color: #212121;}

	.navbar-area .navbar .navbar-toggler .toggler-icon {left: 83px;}

  .hometown-buttons .hometown-three {padding: 0px 20px;}

  .book-a-stay {bottom: 0px;padding: 5px;}

  .book-a-stay h1{font-size: 24px;text-align: center;}

  .book-a-stay h5{font-size: 16px;text-align: center;}

  .book-trigger{padding: 5px 15px;}

  .book-a-stay .book-cover a i {font-size: 20px;}

  .book-cover .btn{font-size: 20px;}

  .meeting-section{padding: 200px 0;}

  .meeting-section .meeting-img{margin-top: 100px;margin-bottom:0px;}

  .meeting-section .meeting-content{position: unset;transform: unset;padding: 0;}

  .room-cover .item .cover .header-content h3{font-size: 16px;}

  .room-cover .item .cover .header-content h4{font-size: 14px;}

  .amenities-section{padding: 0px;}

  .amenities-section .ame-img{padding: 195px 0px 0px 0px;}

  .attraction-section{padding: 60px 10px;}
}

@media only screen and (max-width: 360px){
		.navbar-area .navbar .navbar-nav .nav-item a{color: #212121;}

    .book-a-stay {bottom: 0px;}

    .slider-area {padding-top: 69px;}
}


@media only screen and (max-width: 360px){

	body{font-size: 14px;}

	.navbar-area .navbar .navbar-nav .nav-item a{color: #212121;}

	.navbar-area .navbar-brand img {
  max-width: 40%;}

  .book-a-stay {
  bottom: 0px;}

  .about-section .about-content .section-title h4{font-size: 20px;}

  .meeting-section {padding-top: 270px;padding-bottom: 60px;}

  .room-section {padding: 10px 0px;}

  .room-cover .item .cover .header-content {width: 100%;padding: 0px 10px;}

  .room-cover .item .cover .header-content h3{margin: 5px 0 0px;}

  .room-cover .item .cover {
  padding: 70px 0;}

  .room-cover .item .cover .header-content h4 {font-size: 14px;}

  .amenities-section {padding: 40px 0px;}

  .amenities-section .ame-content .section-title h4 {font-size: 20px;}

  .amenities-section .ame-content {padding: 40px 20px 40px 20px;}

  .amenities-section .ame-img {padding: 40px 0px 0px 0px;}

  .section-title .title{padding-bottom: 0px;}

  .attraction-section .section-title .sub-title{font-size: 18px;}

  .section-title .title {padding-bottom: 0px;}
}

@media only screen and (max-width: 412px){
.book-a-stay {bottom: 0px;}

.book-a-stay .typing h1 { font-size: 28px;}

	.navbar-area .navbar .navbar-nav .nav-item a{color: #212121;}

	.navbar-area .navbar .navbar-toggler .toggler-icon { background-color: #fff; left: -1px;}

	.navbar-area nav .hometown-buttons .main-btn{display: none;}

}

@media only screen and (max-width: 414px){

.book-a-stay {bottom: 0px;}

.navbar-area .navbar .navbar-toggler .toggler-icon {left: -1px;color: #fff;}

.navbar-area .navbar .navbar-nav .nav-item a{color: #212121;}

.book-a-stay {bottom: 0px;}

.room-section .section-title h5{padding-bottom: 20px;}

.section-title .title {font-size: 28px;}
}

@media only screen and (max-width: 415px)
{
	 .navbar-area .navbar .navbar-toggler .toggler-icon{background-color: #fff;}

	 .header-area .navbar-area nav .hometown-buttons{display: none;}

	 .book-a-stay{bottom: 0px;padding: 10px;}

	 .book-a-stay h1{font-size: 20px;text-align: center;}

	 .book-a-stay h5{font-size: 16px;text-align: center;}

	 .btn {padding: 15px 20px;font-size: 20px;}

	 .book-a-stay .book-cover a i{padding-right: 20px; font-size: 20px;}

	 .about-section{padding: 60px 0px;margin: -15px;}

	 .about-section .about-img img{width: 100%;}

	 .about-section .about-content{padding: 60px 60px 40px 50px;}

	 .meeting-section{padding-top: 368px;
	 	padding-bottom: 100px; padding-left: 15px; padding-right: 15px;
	 	text-align: center;}

	 .meeting-img{margin-top: 140px;}

	 .hometown-buttons .hometown-three{padding: 0px 20px;}

	 .room-section {margin: 60px 0;padding: 60px 0px;}

		.room-section .section-title h5 { font-size: 16px;}

    .room-section .service-icons span{font-size: 45px;}

    .room-section .service-icons {padding: 20px 0px;}

    .section-title .title {padding-bottom: 20px;}

    .room-cover {padding-top: 60px;}

    .room-cover .item .cover .header-content h3 {font-size: 16px;}

    .room-cover .item .cover .header-content h4 {font-size: 16px;}

    .room-cover .item .cover {padding: 75px 0;}

    .amenities-section .ame-content {padding: 40px 51px 40px 50px;position: unset;transform: none;}

    .amenities-section {margin: 50px 0; padding: 60px 0px;}

    .attraction-section { padding: 60px 30px;}

    .portfolio-area { padding-top: 60px;}
}


/************
14. 400px
************/

@media only screen and (max-width: 390px)
{
		.book-a-stay {bottom: 0px;}

		.book-a-stay h1 {font-size: 20px;}

		.book-a-stay h5 {font-size: 14px;}
}

@media only screen and (max-width: 360px)
{
.book-a-stay .typing h1 {
  font-size: 28px;
}
}

@media only screen and (max-width: 375px)
{

	body{font-size: 14px;}

	.navbar-area .navbar .navbar-toggler .toggler-icon {
  background-color: #fff;left: -1px;}

  .book-a-stay {bottom: 0px;}

  .book-a-stay .typing h1 {font-size: 32px;}

  .about-section .about-content .section-title h4{font-size: 20px;}

  .book-cover .btn{padding: 10px 9px;}

  .section-title .title{font-size: 22px;}

  .room-section{ padding: 40px 0px;}

  .meeting-section { padding-top: 250px;}
}

@media only screen and (max-width: 540px)
{
	.navbar-area .navbar .navbar-toggler .toggler-icon { background-color: #fff; left: -1px;}

	.navbar-area nav .hometown-buttons .main-btn{display: none;}
}

@media only screen and (max-width: 280px)
{
	.navbar-area .navbar .navbar-toggler .toggler-icon { background-color: #fff; left: 0px;}

	.navbar-area nav .hometown-buttons .main-btn{display: none;}
}