@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

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

/************
1. 1600px
************/

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

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

@media only screen and (max-width: 1440px)
{
	.booking-subinner .field-row label span{left: 233px;}

	.booking-subinner .field-row .fontIcon span{left: 142px;}

	.section_title span{font-size: 36px;}

	.section_title h3 {font-size: 40px; line-height: 46px; margin-bottom: 40px;}

	.services_area .service-inner {padding: 44px;}

	.attr-carousel {margin: 120px 0;} 

	.contactform button{font-size: 16px;}

	.about_area {padding-top: 90px;padding-bottom: 90px;}

  .services_area{padding-top: 90px;padding-bottom: 90px;}

  .gallery-sec {margin-bottom: 90px;}

  .footer {padding: 60px;}
}

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

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

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

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

.section_title h3 {
  font-size: 36px;}

.section_title span {
  font-size: 32px;
}  

.services_area .service-inner {padding: 30px;}
.services_area .service-border{padding: 42px;}
.services_area .service-border .service-text-area { padding: 22px;}


.booking-subinner .field-row label span {
  left: 200px;}

 .booking-subinner .field-row .fontIcon span {
  left: 123px;}
}

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

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

}

/************
4. 810px
************/

@media only screen and (max-width: 810px)
{
	.booking-outer {top: 415px;}

	.section_title h3 {font-size: 30px;}

	.rooms-sec{margin: 60px;}

	.attr-sec{margin: 60px;}

	.attr-carousel{margin: 0px;}

	.single-gallery-image {margin-top: unset;}
}

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

@media only screen and (max-width: 1024px)
{
.slider_area .single_slider {height: 60vh;}

.booking-outer {top: 326px;}

.booking-subinner .field-row label span {left: 112px;}

.booking-outer .booking-subinner p { text-align: left;}

.booking-subinner input, select {text-align: center;}

.about_area {padding-top: 60px;padding-bottom: 60px;}

.services_area {padding-top: 60px;padding-bottom: 60px;}

.section_title h3 {font-size: 32px;}

.room-cover .section_title h3{margin-bottom: 20px;}

.attr-cover .section_title h3{margin-bottom: 20px;}

.gallery-sec{padding-top: 60px;}

.single-gallery-image{height: 220px;}


.booking-outer {
  top: 338px;
}

}

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

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

}

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

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

/************
8. 800px
************/

@media only screen and (max-width: 800px)
{
	.slider_area .single_slider {height: 50vh;
		background-size: cover;
		background-repeat: no-repeat;}

  .booking-outer {top: 430px;}

  .booking-subinner .field-row label span {
  left: 38px; bottom: -5px;}

  .booking-outer .booking-subinner p{text-align: center;}

  .booking-subinner input, select{text-align: center;}

  .section_title h3 { font-size: 28px;}

  .section_title span {font-size: 24px;}

  .button{padding: 10px 15px;}

  .room-cover .section_title h3 {margin-bottom: 10px;}

  .room-sec{margin:90px;}

  .attr-sec{margin: 90px 0px;}

  .attr-carousel{margin: unset;}

  .single-gallery-image{ margin-top: 30px; height: 140px;}

  .gallery-sec {margin-bottom: 60px;}

}


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

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

}

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

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

/************
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)
{

.header-area .main-header-area.sticky {top: -41px;}
.slider_text{padding-top: 50px;}

p{font-size: 14px;}

.slicknav_btn {margin-top: -5px; margin-right: 20px;}

.slider_area .single_slider {height: 36vh;}	

.slider_area .single_slider .slider_text h3 {
  font-size: 20px; letter-spacing: 0px;}

h3{font-size: 20px;}

.slider_area .single_slider {
  height: 45vh;}

.booking-outer{position: unset;} 

.booking-inner{padding: 15px;}

.booking-subinner .field-row .fontIcon span {left: 298px; bottom: 26px;}

.booking-subinner .field-row label span {left: 298px; bottom: 26px;}

.booking-outer .booking-subinner p{text-align: left;} 

.booking-subinner input, select{text-align: left;}

.about_area .about_info p {font-size: 14px; }
}

/*412*/
@media only screen and (max-width: 412px){

	.header-area .main-header-area.sticky {top: -70px;}

  .slider_area .single_slider {height: 40vh;}

  .booking-subinner .field-row label span {margin-top: -5px; margin-right: 33px;left: 253px;}

  .booking-subinner .field-row .fontIcon span {left: 253px;}

  .rooms-sec{margin: 0px;}

  .gallery-sec{margin-top: 0px;}

  .footer-menu-cover ul li {padding: 10px 15px;}

}
/************
14. 414px
************/

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

.header-area .main-header-area.sticky{top: 45px;}

.slider_area .single_slider {height: 40vh;}

.slider_text{padding-top: 50px;}

.slider_area .single_slider {height: 100vh;}

.booking-outer{position: unset;} 

.booking-inner{padding: 30px;}
.booking-outer .booking-subinner p{text-align: left;} 

.booking-subinner input, select{text-align: left;}

.booking-subinner .field-row label span {left: 254px; bottom: 25px;}

.booking-subinner .field-row .fontIcon span {left: 254px;}

.about_area{padding: 60px 30px;}

.about_area .about_info a{margin-bottom:unset;}

.services_area {padding-top: 60px; padding-bottom: 60px;}

.section_title h3{margin-bottom: 20px;}

.gallery-sec .gallery-item {margin-bottom: 60px;}

.slicknav_btn {margin-top: -5px; margin-right: 20px;}

.booking-subinner .field-row label span {left: 218px;}

.booking-subinner .field-row .fontIcon span{left: 218px;}
}

@media only screen and (max-width: 375px)
{
.header-area .main-header-area.sticky {
  top: -70px;}

.slider_area .single_slider {
  height: 35vh;}

.booking-subinner .field-row label span {
  left: 247px;}

.booking-subinner {background-color: #fff;border-radius: 80px; padding: 20px 15px 10px 20px;}

.contactform button{padding: 20px;}

p{font-size: 14px;}

.slicknav_btn {margin-top: -5px; margin-right: 20px;}

.slider_area .single_slider {height: 36vh;}	

.slider_area .single_slider .slider_text h3 {
  font-size: 20px; letter-spacing: 0px;}

h3{font-size: 20px;}

.booking-inner{padding: 15px;}

.booking-subinner .field-row label span {left: 243px;}

.booking-subinner .field-row .fontIcon span {left: 243px;}

.footer-menu-cover ul li {padding: 10px 8px;}

.section_title h3 {font-size: 24px;margin-bottom: 20px;}

.section_title span {font-size: 22px;}

.services_area .service-border .service-text-area .serv-icon {
  font-size: 45px;
  display: block;
  padding: 10px 0px;}

.attr-cover .section_title h3{margin-bottom: 20px;}  

.gallery-sec .section_title h3 {margin-bottom: 0px;}

.footer-menu-cover ul li {padding: 15px 10px;}
}

/*384 */
@media only screen and (max-width: 384px){

.header-area .main-header-area.sticky{
top: -46px;}

.header-area .main-header-area.sticky {
  padding: 20px 10px;}

.rooms-sec{margin: unset;}  
}


/*360*/

  @media only screen and (max-width: 360px)
{
	.booking-subinner .field-row label span {
  left: 247px;}

  .booking-subinner .field-row .fontIcon span{left: 247px;}
}
/* 390px */
@media only screen and (max-width: 390px)
{
.slider_area .single_slider{height: 40vh;}

.booking-inner {padding: 15px;}

.booking-subinner .field-row label span{left: 262px;}

.booking-subinner .field-row .fontIcon span{left: 262px;}

.section_title h3 {font-size: 24px;}

.services_area .service-border .service-text-area .serv-icon {font-size: 45px;padding: 15px 0px;}

.footer-menu-cover ul li{padding: 10px;}
}

/* 320px */
@media only screen and (max-width: 320px)
{

p{font-size: 14px;}

h3 {font-size: 18px;}

.slicknav_btn {margin-top: -5px; margin-right: 20px;}

.services_area .service-inner {padding: 15px;}

.services_area .service-border {padding: 30px;}

.footer {padding: 30px;}

.footer-menu-cover ul li {padding: 10px 8px;}

.footer .footer-cover .footer-inner h5 { font-size: 18px;}
}