body {

	padding: 0;

	margin: 0;

	font-family: 'Open Sans', sans-serif;

	overflow-x: hidden;

}

* {

	border: none;

	outline: none;

	text-decoration: none;

}

a:hover, a:focus {

	text-decoration: none;

}



h1, h2, h3, h4{

	font-family: 'Cinzel', serif;

}

img{

	max-width: 100%;

}



.body-wrap {

  float: left;

  width: 100%;

  margin: 0;

  padding: 0 40px;

  -webkit-transition: all 300ms ease-in-out;

	-moz-transition: all 300ms ease-in-out;

	-ms-transition: all 300ms ease-in-out;

	transition: all 300ms ease-in-out;

}

.header {

  position: fixed;

  z-index: 6;

  background: #fff;

  left: 0;

  right: 0;

  width: auto;

  padding: 20px 40px;

  -webkit-transition: all 300ms ease-in-out;

	-moz-transition: all 300ms ease-in-out;

	-ms-transition: all 300ms ease-in-out;

	transition: all 300ms ease-in-out;

  z-index: 20;

}

.hamburger {

  float: left;

  width: 40px;

  margin: 6px 0 0 0;

  padding: 0;

  cursor: pointer;

}

.hamburger span {

  background: #000;

  width: 100%;

  margin: 0 0 6px;

  padding: 2px;

  float: left;

  border-radius: 2px;

}

.head-book {

  float: right;

}

.head-book a {

  background: #c59d5f;

  padding: 6px 20px;

  font-size: 16px;

  text-transform: uppercase;

  color: #fff;

  border: 1px solid #c59d5f;

  font-family: 'Cinzel', serif;

  font-weight: 600;

  float: left;

  text-decoration: none;

}

.head-book a:hover {

  background: #fff;

  color: #c59d5f;

  border: 1px solid #c59d5f;

}

.logo {

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  margin: 0 auto;

  width: 275px;

  z-index: 5;

  padding: 14px 25px 0;

}

.language {

	float: right;

	width: 90px;

	font-size: 14px;

	text-transform: uppercase;

	position: relative;

	z-index: 999;

}

.language ul {

	list-style: none;

	margin: 0;

	padding: 0;

}

.language ul > li {

	float: left;

	width: 100%;

	padding: 7px 15px;

	cursor: pointer;

	color: #333;

}

.language li li {

	padding: 0;

}

.language li li a {

	padding: 9px 10px;

	color: #fff;

	background: #000;

	float: left;

	width: 100%;

	text-align: center;

}

.language li ul {

  display: none;

  position: absolute;

	float: left;

	width: 45px;

	left: 25px;

	top: 34px;

}

.language li:hover ul {

	display: block;

}



/*====== Banner =========*/

.banner-area {

	float: left;

	width: 100%;

  padding: 0;

  margin: 77px 0 0 0;

}

/*#project-banner {

  left: -40px;

  right: -40px;

  width: 100vw;

}*/

#project-banner .carousel-control {

  width: 70px;

  background: none;

}

.banner-area .item {

	height: calc(100vh - 70px);

	overflow: hidden;

}



.spcl-book a {

  background: #F2EEEB;

  color: #000 !important;

}

.spcl-book a:hover{

	background: #DDD9D6 !important;

}

#project-banner .carousel-caption {

  position: absolute;

  left: 60px;

  top: 60px;

  bottom: 60px;

  right: 60px;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

}



#project-banner .carousel-caption h2{

  font-size: 42px;

  font-weight: bold;

  margin: 0;

  padding: 0;

  text-shadow: 0 0 3px rgba(0,0,0,0.9);

}

#project-banner .carousel-caption h3{

  font-size: 36px;

  font-weight: bold;

  margin: 0;

  padding: 0;

  text-shadow: 0 0 3px rgba(0,0,0,0.9);

}

#project-banner .carousel-caption hr{

  float: left;

  width: 100%;

  margin: 5px 0;

  padding: 0;

  max-width: 600px;

}

/* YOUR CSS simplified */  

.carousel-inner > .item > img, .carousel-inner > .item > a > img {

  display: block;

  height: auto;

  width: 100%;

  line-height: 1;

}



/*Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)*/

.carousel-fade .carousel-inner .item {

  opacity: 0;

  transition-property: opacity;

}    

.carousel-fade .carousel-inner .active {

  opacity: 1;

}    

.carousel-fade .carousel-inner .active.left,

.carousel-fade .carousel-inner .active.right {

  left: 0;

  opacity: 0;

  z-index: 1;

}    

.carousel-fade .carousel-inner .next.left,

.carousel-fade .carousel-inner .prev.right {

  opacity: 1;

}    

.carousel-fade .carousel-control {

  z-index: 2;

}



/*WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."

  Need to override the 3.3 new styles for modern browsers & apply opacity*/

@media all and (transform-3d), (-webkit-transform-3d) {

    .carousel-fade .carousel-inner > .item.next,

    .carousel-fade .carousel-inner > .item.active.right {

      opacity: 0;

      -webkit-transform: translate3d(0, 0, 0);

              transform: translate3d(0, 0, 0);

    }

    .carousel-fade .carousel-inner > .item.prev,

    .carousel-fade .carousel-inner > .item.active.left {

      opacity: 0;

      -webkit-transform: translate3d(0, 0, 0);

              transform: translate3d(0, 0, 0);

    }

    .carousel-fade .carousel-inner > .item.next.left,

    .carousel-fade .carousel-inner > .item.prev.right,

    .carousel-fade .carousel-inner > .item.active {

      opacity: 1;

      -webkit-transform: translate3d(0, 0, 0);

              transform: translate3d(0, 0, 0);

    }

}

/*====== Booking =========*/

.booking-section {

  float: left;

  width: 100%;

  margin: 0;

  padding: 0;

  position: relative;

}

.booking-area {

	float: left;

	width: 100%;

	padding: 10px 0;

}

.sb-booking {

	background: none;

	float: left;

	padding: 0;

	width: 100%;

}



.main_book_form_item {

	float: left;

	position: relative;

	width: 14%;

}

.main_book_form_item.booking-heading {

	width: 16%;

}

.main_book_form_item h2{

	font-size: 23px;

	margin: 8px 0 0;

	font-family: 'Open Sans', sans-serif;

}

.main_book_form_item h2 span {

  font-size: 12px;

  float: left;

  text-transform: uppercase;

  width:100%;

}

.date_picker input#search_arrival {

	cursor: pointer;

}

.booking-area input[type=text] {

	width: calc(100% - 40px);

	margin: 0;

	padding: 5px;

	height: 40px;

	background: transparent;

	color: #000;

	border: none;

	margin: 10px;

	font-size: 14px;

}

.booking-area select {

	width: calc(100% - 10px);

	padding: 5px 10px;

	height: 40px;

	font-size: 14px;

	background: transparent;

	color: #2b2b2b;

	border: none;

	margin: 10px 0;

	-webkit-appearance: none;

	-moz-appearance: none;

	text-indent: 1px;

	text-overflow: '';

	background: transparent url(../images/select-arrow.png) no-repeat;

	background-position: right 10px center;

}

.main_book_form_item:nth-child(7), .main_book_form_item:nth-child(4), .main_book_form_item:nth-child(5), .main_book_form_item:nth-child(6) {

	border-right: 1px solid rgba(0,0,0,0.1);

}

.booking-area select option {

	font-size: 12px;

}

.ui-datepicker-trigger {

	position: absolute;

	right: 14px;

	top: 25px;

}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {

	text-align: center;

}

#ui-datepicker-div {

	font-size: 12px;

}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {

	border: none;

}

.sb-booking .form_submit {

	width: calc(100% + 1px);

	margin: 0;

	padding: 5px 10px;

	height: 60px;

	background: #c59d5f;

	color: #fff;

	border: none;

	margin: 0;

	-webkit-transition: all 0.4s ease;

	-moz-transition: all 0.4s ease;

	-o-transition: all 0.4s ease;

	transition: all 0.4s ease;

}

.sb-booking .form_submit:hover {

	background: #b58d4f;

}

.whybook {

  float: left;

  width: 100%;

  margin: 0;

  padding: 40px 0;

  text-align: center;

}

.whybook img{

	margin-bottom: 20px;

}



.welcome-home {

  float: left;

  width: 100%;

  margin: 0;

  padding: 80px 0;

}

.welcome-home h2 {

  font-weight: 600;

  font-size: 36px;

  float: right;

  position: relative;

}

.welcome-home h2 span{

	color: #c59d5f;

}

.welcome-home h2:before {

  content: "";

  position: absolute;

  left: -80px;

  right: 0;

  border: 2px solid #c59d5f;

  bottom: -4px;

}

.welcome-home .col-sm-4 img {

  width: 220px;

  float: right;

  margin: 20px 0;

  clear: both;

}

.welcome-space {

  float: left;

  padding-left: 40px;

}

.welcome-space h3{

	margin-bottom: 20px;

}

.welcome-space p{

	font-size: 16px;

}

.welcome-space a {

  background: #c59d5f;

  float: right;

  padding: 10px 20px;

  color: #fff;

  margin: 20px 30px 0;

  text-transform: uppercase;

  border: 1px solid #c59d5f;

}

.welcome-space a:hover {

	background: #fff;

  color: #c59d5f;

  border: 1px solid #c59d5f;

}



.home-welcome2 {

  float: left;

  width: 100%;

  margin: 0;

  padding: 0;

}

.home-welcome2 img{

	width: 50%;

	float: left;

}

.second-image{

	padding-left: 4px;

}

.home-welcome2-text h2 {

  font-weight: 600;

  font-size: 36px;

  float: right;

  position: relative;

  width: 100%;

}

.home-welcome2-text h2 span{

	color: #c59d5f;

}

.home-welcome2-text h2:before {

  content: "";

  position: absolute;

  left: -120px;

  right: 0;

  border: 2px solid #c59d5f;

  bottom: -8px;

}

.home-welcome2-text {

  float: left;

  width: 50%;

  margin: 0;

  padding: 20px;

  text-align: center;

}

.home-welcome2-text p{

	font-size: 24px;

  float: left;

  width: 100%;

  margin: 10px 0 30px;

  font-family: 'Cinzel', serif;

}



.home-welcome2-text a {

  background: #c59d5f;

  padding: 10px 20px;

  color: #fff;

  margin: 10px 30px 0;

  text-transform: uppercase;

  display: inline-block;

  border: 1px solid #c59d5f;

}

.home-welcome2-text a:hover {

	background: #fff;

  color: #c59d5f;

  border: 1px solid #c59d5f;

}



.home-room {

  float: left;

  width: 100%;

  margin: 0;

  padding: 80px 0;

  position: relative;

}

.home-room h2 {

  font-weight: 600;

  font-size: 36px;

  float: left;

  position: relative;

  margin: 0 0 0 40px;

}

.home-room h2 span{

	color: #c59d5f;

}

.home-room h2:before {

  content: "";

  position: absolute;

  left: -40px;

  right: 0;

  border: 2px solid #c59d5f;

  bottom: -8px;

}



.hm-room-area {

  float: left;

  width: 100%;

  margin: 30px 0 0 0;

  padding: 0 40px;

  font-family: 'Cinzel', serif;

}

.room-booking {

  float: left;

  width: 100%;

  background: #c59d5f;

  padding: 30px 15px;

  position: relative;

  z-index: 3;

}

.rm-left, .rm-right {

  float: left;

  width: 50%;

  margin: 0;

  padding: 0;

}

.rm-left {

  font-size: 15px;

  color: #000;

  font-weight: 600;

}

.rm-right a{

  font-size: 20px;

  color: #fff;

  font-weight: 600;

  float: right;

}

.rm-right a:hover{

  color: #000;

}

.hm-room-area h3 {

  position: absolute;

  bottom: 112px;

  left: 15px;

  right: 15px;

  text-align: center;

  color: #fff;

  font-weight: 600;

  font-size: 36px;

  text-shadow: 0 0 3px rgba(0,0,0,0.9);

}

.hm-room-area h3 span {

  font-size: 20px;

  width: 100%;

  float: left;

}

.hm-room-area .owl-nav {

  position: absolute;

  left: -40px;

  right: -40px;

  top: 45%;

  font-size: 40px;

  z-index: -1;

}



.hm-room-area .owl-nav .owl-prev{

	float: left;

}

.hm-room-area .owl-nav .owl-next{

	float: right;	

}

.hm-room-area img{

	float: left;

	position: relative;

	z-index: 0;

	-o-transition: all 300ms ease-in-out;

	-webkit-transition: all 300ms ease-in-out;

	-moz-transition: all 300ms ease-in-out;

	-ms-transition: all 300ms ease-in-out;

	transition: all 300ms ease-in-out;

}

.hm-room-area .item{

	overflow: hidden;

	float: left;

}

.hm-room-area .item:hover img{

	transform: scale(1.1);

	-o-transition: all 300ms ease-in-out;

	-webkit-transition: all 300ms ease-in-out;

	-moz-transition: all 300ms ease-in-out;

	-ms-transition: all 300ms ease-in-out;

	transition: all 300ms ease-in-out;

}



.home-building {

  float: left;

  width: 100%;

  margin: 0;

  padding: 0;

  position: relative;

  text-align: center;

}

.home-building h2 {

  font-weight: 600;

  font-size: 36px;

  float: left;

  position: relative;

  margin: 0 0 0 40px;

}

.home-building h2 span{

	color: #c59d5f;

}

.home-building h2:before {

  content: "";

  position: absolute;

  left: -40px;

  right: 0;

  border: 2px solid #c59d5f;

  bottom: -8px;

}

.home-building img {

  float: left;

  padding: 30px 40px;

}

.home-building p {

  float: left;

  width: 100%;

  padding: 0 40px;

  font-size: 16px;

  text-align: center;

}

.home-building a {

  background: #c59d5f;

  padding: 10px 20px;

  color: #fff;

  margin: 20px 30px 0;

  text-transform: uppercase;

  display: inline-block;

  border: 1px solid #c59d5f;

}

.home-building a:hover {

	background: #fff;

  color: #c59d5f;

  border: 1px solid #c59d5f;

}



.home-gallery {

  float: left;

  width: 100%;

  margin: 0;

  padding: 80px 0;

  position: relative;

  text-align: center;

}

.home-gallery h2 {

  font-weight: 600;

  font-size: 36px;

  float: left;

  position: relative;

  margin: 0 0 0 40px;

}

.home-gallery h2 span{

	color: #c59d5f;

}

.home-gallery h2:before {

  content: "";

  position: absolute;

  left: -40px;

  right: 0;

  border: 2px solid #c59d5f;

  bottom: -8px;

}

.gallery-box {

  float: left;

  width: 100%;

  margin: 25px 0 0 0;

  padding: 0 40px;

}

.gallery-box a{

  float: left;

  width: 25%;

  margin: 0;

  padding: 3px;

}

.footer {

  float: left;

  width: 100%;

  margin: 40px 0 0 0;

  padding: 40px 0 0 0;

  border-top: 2px solid #000;

}

.footer ul {

  list-style: none;

  margin: 0;

  padding: 0;

}

.footer li a {

  font-family: 'Cinzel', serif;

  font-size: 16px;

  padding: 8px 0;

  width: 100%;

  color: #333;

  float: left;

}

.footer li a:hover{

	color: #000;

}

.footer-left li a{

	text-align: left;

}

.footer-right li a{

	text-align: right;

}

.footer-middle {

  text-align: center;

}

.footer-middle img{

	max-width: 220px;

	margin-bottom: 42px;

}

.footer-middle a{

	color: #333;

}

.footer-middle a:hover{

	color: #000;

}

.social {

  float: left;

  width: 100%;

  margin: 42px 0 0 0;

  padding: 0;

  text-align: right;

}

.social-head{

	font-size: 18px;

	color: #000;

	font-weight: 600;

}

.social a {

  color: #c59d5f;

  font-size: 20px;

  margin: 0 0 0 15px;

}

.social a:hover{

  color: #000;

}

.sft-sb {

  text-align: center;

  border-top: 1px solid #ccc;

  margin: 30px 0 0 0;

  padding: 20px 0;

}

.sft-sb a{

	color: #000;

}



/*menu*/

.hambergur-menu {

  float: left;

  width: 340px;

  text-align: center;

  position: fixed;

  z-index: 9;

  background: #fff;

  height: 100vh;

  padding: 20px;

  left: -340px;

  -webkit-transition: all 300ms ease-in-out;

	-moz-transition: all 300ms ease-in-out;

	-ms-transition: all 300ms ease-in-out;

	transition: all 300ms ease-in-out;

}



.hambergur-menu img {

  max-width: 220px;

  padding: 6px 0;

}

.hambergur-menu ul {

  float: left;

  width: 100%;

  margin: 0;

  padding: 30px 0 0;

  list-style: none;

}

.hambergur-menu li a {

  font-family: 'Cinzel', serif;

  font-size: 18px;

  padding: 8px 0;

  width: 100%;

  color: #333;

  float: left;

  font-weight: 600;

}

.hambergur-menu li a.active{

	color: #c59d5f;

}



.hambergur-menu li a:hover{

	color: #c59d5f;

}



.body-wrap.menu-open {

  transform: translateX(340px);

  -webkit-transition: all 300ms ease-in-out;

	-moz-transition: all 300ms ease-in-out;

	-ms-transition: all 300ms ease-in-out;

	transition: all 300ms ease-in-out;

}

.menu-open {

  overflow: hidden;

}

.hambergur-menu.menu-open {

  left: 0;

  -webkit-transition: all 300ms ease-in-out;

	-moz-transition: all 300ms ease-in-out;

	-ms-transition: all 300ms ease-in-out;

	transition: all 300ms ease-in-out;

}



.header.topfix {

  position: fixed;

  z-index: 20;

  background: #fff;

  left: 0;

  right: 0;

  width: auto;

  padding: 10px 40px;

}

.header.topfix .logo{

	display: none;

}

.menu-open .header {

  left: 340px;

  right: -340px;

	-webkit-transition: all 300ms ease-in-out;

	-moz-transition: all 300ms ease-in-out;

	-ms-transition: all 300ms ease-in-out;

	transition: all 300ms ease-in-out;

}

.hamburger.menu-open span:nth-child(1) {

  transform: rotate(45deg) translateX(13px) translateY(5px);

}

.hamburger.menu-open span:nth-child(2) {

  opacity: 0;

}

.hamburger.menu-open span:nth-child(3) {

  transform: rotate(-45deg) translateX(9px) translateY(-1px);

}



.spcl-attraction {

  float: left;

  width: 100%;

  margin: 0;

  padding: 32px;

  text-align: left;

}

.spcl-attraction h3 {

  font-weight: 600;

  float: left;

  width: 100%;

  margin: 0;

  padding: 0 0 20px 0;

}

.spcl-attraction ul {

  float: left;

  width: 100%;

  margin: 0;

  padding: 0 0 0 20px;

}

.spcl-attraction li {

  float: left;

  width: 100%;

  margin: 0;

  padding: 5px 0;

}

.spcl-attraction li span {

  font-weight: 600;

  min-width: 180px;

  float: left;

}

.spcl-attraction iframe{

  width: 100%;

  height: 370px;

}



.view-room {

  float: right;

  border: 2px solid #c59d5f;

  padding: 6px 20px;

  color: #c59d5f;

  margin: 3px 40px 0;

}

.view-room:hover {

  border: 2px solid #c59d5f;

  color: #fff;

  background: #c59d5f;

}





/*========Room===========*/

.banner-area2 {

  float: left;

  width: 100%;

  padding: 0;

  margin: 0;

}

.body-wrap2 {

  float: left;

  width: 100%;

  margin: 0;

  padding: 0;

  -webkit-transition: all 300ms ease-in-out;

  -moz-transition: all 300ms ease-in-out;

  -ms-transition: all 300ms ease-in-out;

  transition: all 300ms ease-in-out;

}

.room-section-inner {

  float: left;

  width: 100%;

  margin: 0;

  padding: 40px 0 0;

  display: flex;

  align-items: center;

  justify-content: center;

}

.room-section-inner ul {

  float: left;

  width: 100%;

  margin: 0;

  padding: 0 0 0 20px;  

  line-height: normal;

}

.room-section-inner li{

  float: left;

  width: 33.33%;

  margin: 0;

  padding: 0px 25px 5px 0;

  line-height: 1.2em;

  font-size: 15px;

}

.room-section-inner h2{

  margin-bottom: 20px;

  font-weight: 600;

  color: #c59d5f;

}

.room-section-inner h2 span{

  position: relative;

}

.room-section-inner h2 span:before {

  content: "";

  position: absolute;

  left: 0;

  right: 0;

  border: 1px solid #c59d5f;

  bottom: 5px;

}

.room-section-inner .owl-nav {

  position: absolute;

  left: -1px;

  right: -1px;

  top: 45%;

  font-size: 20px;

}

.room-section-inner .owl-nav button i{

  padding: 10px !important;

  background: #fff !important;

}

.room-section-inner .owl-nav .owl-prev{

  float: left;

}

.room-section-inner .owl-nav .owl-next{

  float: right; 

}

.room-section-inner p {

  font-size: 15px;

}

.room-section-inner p span {

  font-size: 15px;

  font-weight: normal;

  line-height: normal;

  float: left;

  width: 100%;

  margin-bottom: 20px;

}

.room-section-inner:nth-child(2n+1) {

  flex-direction: row-reverse;

}







.service-page .home-building{

  padding: 40px 0;

}

.service-page .home-building p{

  text-align: left;

}

.service-page .home-building h3{

  text-align: left;

  float: left;

  width: 100%;

  font-weight: 600;

  padding: 0 40px;

}

.service-page .home-building ul{

  float: left;

  width: 100%;

  padding: 0 60px;

}

.service-page .home-building li{

  float: left;

  width: 33.33%;

  margin: 5px 0;

  padding: 0;

  text-align: left;  

  font-size: 16px;

}

.service-page .spcl-attraction {

  padding: 40px 20px 0;

}



.gallery-page h3{

  float: left;

  padding: 40px 0 0 40px;

  width: 100%;

  margin: 0;

  font-weight: 600;

}



/*=====================================================

MEDIA QUERY

=====================================================*/

@media (max-width:767px) {

	.banner-area .item {

	  height: auto !important;

	}

	.main_book_form_item.booking-heading {

	  display: none;

	}

	.main_book_form_item {

	  width: 16.6%;

	}

	.home-welcome2 img, .home-welcome2-text {

	  width: 100%;

	  float: left;

	}

	.banner-area {

    float: left;

    width: 100%;

    padding: 0;

    margin: 116px 0 0 0;

  }

	.header {

	  top: 50px;

	  padding: 20px 10px 10px;

	}

	.logo {

	  top: -50px;

	  width: 100%;

	  background: #fff;

	  border-radius: 0;

	  margin: 0;

	  padding: 0;

	  text-align: center;

	}

	.logo img {

	  width: 180px;

	  margin: 9px 0 0;

	}

	.header.topfix {

	  top: 0;

	  padding: 10px;

    background: #fff;

	}

	.header.topfix .logo img{

		transform: translateY(-10px);

	}

	.header.topfix .logo {

	  display: block;

	}

	.body-wrap {

	  padding: 0 10px;

	}



	/*menu*/

	.hambergur-menu {

	  width: 280px;

	  left: -280px;

	}

	.hambergur-menu img {

	  max-width: 150px;

	}	

	.body-wrap.menu-open {

	  transform: translateX(280px);

	}

	.menu-open .header {

	  left: 280px;

	  right: -280px;

	  -webkit-transition: all 300ms ease-in-out;

		-moz-transition: all 300ms ease-in-out;

		-ms-transition: all 300ms ease-in-out;

		transition: all 300ms ease-in-out;

	}

	.menu-open .header.topfix {

		-webkit-transition: all 300ms ease-in-out;

		-moz-transition: all 300ms ease-in-out;

		-ms-transition: all 300ms ease-in-out;

		transition: all 300ms ease-in-out;

	}

	.main_book_form_item {

	  width: 100%;

	  border-right: none !important;

	}

	.welcome-space {

	  float: left;

	  padding-left: 0;

	}

	.rm-left, .rm-right {

	  width: 100%;

	  text-align: center;

	}

	.rm-right a {

	  float: none;

	}

	.room-booking {

	  padding: 15px;

	}

	.light.cc_dialog .cc_dialog_text {

	  font-size: 12px !important;

	}

	.footer ul {

	  display: none;

	}

	.social {

	  float: left;

	  width: 100%;

	  margin: 12px 0 0 0;

	  padding: 0;

	  text-align: center;

	}

	.sft-sb {

	  float: left;

	  width: 100%;

	}

	.gallery-box a {

	  width: 100%;

	}

	#ui-datepicker-div {

	  width: 300px !important;

	}

	.welcome-space {

	  text-align: center;

	}

	.welcome-space a {

	  float: none;

	  display: inline-block;

	}

	h2{

		font-size: 32px !important;

	}

	.home-building img {

	  padding: 30px 0px;

	}

	.gallery-box {

	  padding: 0;

	}

	.welcome-home {

	  padding: 40px 0;

	}

	.home-building p {

	  padding: 0 10px;

	}

  .spcl-attraction {

    padding: 32px 0;

  }

  .spcl-attraction iframe{

    margin-top: 20px;

  }

  #project-banner {

    left: 0;

    right: 0;

    width: 100%;

  }

  #project-banner .carousel-caption{

    display: none;

  }

  .view-room{

    display: none;

  }

  .rm-right {

    margin-top: 30px;

  }

  .hm-room-area h3 {

    bottom: 142px;

  }

  .social a {

    padding: 0 8px 0;

  }

  .room-section-inner {

    display: block;

  }

  .room-section-inner li{

    width: 50%;

  }

  .service-page .home-building li{

    width: 100%;

  }

  .body-wrap.gallery-page {

    padding-top: 90px;

  }

  .gallery-page .home-gallery {

    padding-bottom: 0px;

  }

}



@media (min-width: 768px) and (max-width:1023px) {

	.banner-area .item {

	  height: auto !important;

	}

	.main_book_form_item.booking-heading {

	  display: none;

	}

	.main_book_form_item {

	  width: 16.6%;

	}

	.home-welcome2 img, .home-welcome2-text {

	  width: 100%;

	  float: left;

	}

	.banner-area {

	  margin-top: 77px;

	}

  .spcl-attraction .col-sm-4, .spcl-attraction .col-sm-8{

    width: 100%;

  }

  .spcl-attraction iframe {

    margin-top: 40px;

  }

  .spcl-attraction li span {

    min-width: 70%;

  }

  .logo {

    width: 225px;

    padding: 20px 25px 0;

  }

  .hambergur-menu img {

    max-width: 180px;

    padding: 6px 0;

  }

  #project-banner .carousel-caption h3 {

    font-size: 28px;

  }

  #project-banner .carousel-caption h2 {

    font-size: 36px;

  }

  .room-section-inner {

    display: block;

  }

  .service-page .home-building li{

    width: 50%;

  }

}



@media (min-width: 1024px) and (max-width:1279px) {

	.banner-area {

	  margin-top: 77px;

	}

	.banner-area .item {

	  height: auto !important;

	}

	.home-welcome2-text h2 {

	  font-size: 27px;

	}

	.home-welcome2-text p {

	  font-size: 16px;

	  margin: 10px 0;

	}

	.home-welcome2-text a {

	  padding: 6px 20px;

	  margin: 5px 0 0;

	}

	.rm-left, .rm-right {

	  width: 100%;

	  text-align: center;

	}

	.rm-right a {

	  float: none;

	}

	.room-booking {

	  padding: 15px;

	}

}



@media (min-width: 1280px) and (max-width:1365px) {

	.home-welcome2-text h2 {

	  font-size: 32px;

	}

	.home-welcome2-text p {

	  font-size: 20px;

	  margin: 10px 0 20px;

	}	

}



@media (min-width: 1280px) {

  .banner-area .item img{

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

  }

  .booking-section.topfix {

    position: fixed;

    bottom: 0;

    background: #fff;

    z-index: 9;

    left: 40px;

    right: 40px;

    width: auto;

  }

  .booking-section.topfix .booking-area {

    border-top: 1px solid #ccc;

  }



}



@media (min-width: 1600px) {

}



.pre-footer {
	display: block;
    width: 100%;
    max-width: 800px;
    margin: auto;
    padding: 30px 10px 0px;
    float: none;
    clear: both;
}
.pre-footer p {
	text-align: center;
	font-size: 1.5em;
	margin-bottom: 0;
}