#booknow {
    background-color: darkgreen;
    color: white;
/*    display: block;*/
/*    height: 40px;*/
/*    line-height: 40px;*/
    text-decoration: none;
    width: auto;
    text-align: center;
	padding-left: 25%;
	padding-right: 25%;
	padding-top: 2%;
	padding-bottom: 2%;
	border-radius: 15px;
	font-size: 1.5em;
}


.flex-container {
  display: flex;
  flex-direction: row;
	width:100%;
  font-size: auto;
  text-align: center;
/*  margin-top: -0.1%;*/
/*	background-color: wheat;*/
font-family: 'Century Gothic', sans-serif;
/*font-size: auto;*/
/*border: 1px solid #f39535;	*/
}
form{
	position:absolute;
	z-index: 100;
}
.btn{
	  display:none;
/*
  width: 35px;
	background: url("img/back.png") no-repeat
*/

}
.f1{
  color:black;
/*  padding: 10px;*/
  flex: 50%;
/*  border: 3px solid #f39535;*/
  font-size: auto;
}
.f2{
/*  text-align: left;	*/
/*	text-align: justify;*/
  flex: 30%;
  max-width: 30%;
/*  background: orange;*/
  font-family: 'Kanit', sans-serif;
  font-size: calc(8px + 0.390625vw);
/*  border: 3px solid #f39535;*/
}

.f3{
   color:black;
/*  padding: 10px;*/
  flex: 20%;
	max-width: 20%;
/*  border: 3px solid #f39535;*/
	font-family: 'Kanit', sans-serif;
	font-size: calc(8px + 0.390625vw);
/*  font-family: 'Kanit', sans-serif;*/
}
.flexicon{
	  display: flex;
  flex-direction: row;
	width:80%;
	text-align: center;
	font-size: auto;
	margin-left: 10%;
	margin-right: 10%;
	margin-bottom: -2%;
	margin-top:2%;
}
.name {
/*text-align: center;*/
	text-align: justify;
/*	text-align-last: center;*/
/*text-align: justify;*/
/*text-align: justify;*/
	margin-left: 10%;
	margin-right: 10%;
	color:black;
	font-family: 'Kanit', sans-serif;
}
้h4{
	color:black
}

hr {
    display: block;
	width:80%;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin-left: 1em 0;
    padding: 0;
}
strong{
	padding-bottom: 1
}
.icon{
/* font-weight:bold*/
	margin-top:2%;
}
.left{
/*	padding-right: 20%;*/
	text-align: justify;
	margin-left: 10%;
	margin-right: 10%;
}
.flex1{
/*background: green;*/
text-align: left;
justify-content: center;
/*margin-left: -20px;*/
flex: 50%;
}
.flex2{
/*background: orange;*/
/*text-align: left;	*/
padding-left: 8%;	
text-align: justify;	
/*justify-content: center;	*/
flex: 50%;
}
/*
span{
	margin-right: 10%
}
*/
.logoleft{
	float:left;
	margin-left: 10%;
	max-width: 50%;
/*	width:100%*/
}
.logoright{
/*	float:right;*/
/*	max-width: 50%;*/
/*	float:right;*/
	margin-left: 35%;
/*	text-align: justify;*/
}



.slick-slider .slick-prev, .slick-slider .slick-next {
  z-index: 100;
  font-size: 2.5em;
  height: 40px;
  width: 40px;
  margin-top: -20px;
/*  color: #B7B7B7;*/
  position: absolute;
  top: 50%;
  text-align: center;
  color: #000;
  opacity: .7;
  transition: opacity .25s;
  cursor: pointer;
}
.slick-slider .slick-prev:hover, .slick-slider .slick-next:hover {
  opacity: 1;
}
.slick-slider .slick-prev {
  left: 0;
}
.slick-slider .slick-next {
  right: 0;
}
/*
#detail{
width:100%
}
*/

#detail .product-images {
	object-fit: cover;	
max-width:50vw;
  width: 100vw;
  float: left;
  margin: 0;
}
#detail .product-images li, #detail .product-images figure, #detail .product-images a, #detail .product-images img {
  display: block;
  outline: none;
  border: none;
}
#detail .product-images .main-img-slider figure {
  margin: 0 auto;
  padding: 0 2em;
}
#detail .product-images .main-img-slider figure a {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}
#detail .product-images .main-img-slider  a img {
  max-width: 960px;
 object-fit: cover;	
  width: 100%;
/*  max-width: 800px;*/
  height: 540px;
  margin: 0 auto;
/*  border-top-left-radius: 15px;*/
/*  border-top-right-radius: 15px;*/
}
#detail .product-images .thumb-nav {
  margin: 0 auto;
  padding:10px 10px;
  max-width: 50%;
}
#detail .product-images .thumb-nav.slick-slider .slick-prev, #detail .product-images .thumb-nav.slick-slider .slick-next {
  font-size: 1.2em;
  height: 20px;
  width: 26px;
  margin-top: -10px;
}
#detail .product-images .thumb-nav.slick-slider .slick-prev {
  margin-left: -30px;
}
#detail .product-images .thumb-nav.slick-slider .slick-next {
  margin-right: -30px;
}
#detail .product-images .thumb-nav li {
  display: block;
  margin: 0 auto;
  cursor: pointer;
}
#detail .product-images .thumb-nav li img {
  display: block;
  width: 100%;
  max-width: 75px;
  margin: 0 auto;
  border: 2px solid transparent;
  -webkit-transition: border-color .25s;
  -ms-transition: border-color .25s;
  -moz-transition: border-color .25s;
  transition: border-color .25s;
}
#detail .product-images .thumb-nav li:hover, #detail .product-images .thumb-nav li:focus {
  border-color: #999;
}
#detail .product-images .thumb-nav li.slick-current img {
  border-color: #d12f81;
}
	iframe, video {
width:80%;
height:25vh
	}

.footer {
	height:auto;
   position: absolute;
/*   left: 0;*/
   margin-top:0.4vw;
   width: 100%;
   background-color: black;
   color: #fff;
   text-align: center;
   font-size: calc(8px + 0.390625vw);
}
.booking{
	position:relative;
	width:100%;;
	height: auto;
/*	background-color: red;*/
	display: inline-block;
}
.btnBooking{
	width:70%;
	background-color: #8cc43f;
	color:black;
	border: none;
	padding: 10px;
	border-radius: 15px;
	margin-top: 5px;
	font-size: 1.2em;
}
#CheckIn, #CheckOut{
	width:50%;
	text-align: center;
	border-radius: 10px;
	background-color:#8cc43f;
	font-size: 1.2em;
   
}
.a{
	text-align: left;
	color:white;
	font-size: 1.2em;
}
.formbooking{
	width:80%;
	margin:0 auto;
	background: black;
	border-radius: 15px;
/*	border-style: inset;*/
	padding:5px;
}
.myButton {
	background:linear-gradient(to bottom, #FAC945 5%, #FF8002 100%);
	background-color:#FAC945;
	border-radius:28px;	
	border:2px solid #A6A6A6;
	display:inline-block;
	cursor:pointer;
	color:#000000;
/*	font-family:Arial;*/
	font-size:1.2em;
	padding:1px 31px;
	text-decoration:none;
	text-shadow:0px 1px 0px #FF8002;
}
.myButton:hover {
	background:linear-gradient(to bottom, #5cbf2a 5%, #44c767 100%);
	background-color:#5cbf2a;
	color: #ffffff;
}
.myButton:active {
	position:relative;
	top:1px;
}	
@media(max-width:1200px){
form{
	position:relative
}	
	  .flex-container {
    flex-direction: column;
/*	width:100%*/
  }
.f1{
/*  color:black;*/
/*  padding: 10px;*/
  flex: 80%;
  max-width: 100%;
/*  border: 3px solid #f39535;*/
  font-size: auto;
}	
.f2{
  flex: 80%;
  max-width: 100%;
}

.f3{
  flex: 80%;
  max-width: 100%;
}		
#detail .product-images {
max-width:100vw;
	
}
	iframe , video{
		width: 80%;
/*		height: %;*/
	}	
	form{
	position:absolute;
	z-index: 100;
}
.btn{
/*	border-radius: 50%;*/
	  display:block;
	opacity: 0.5;
/*  height: 30px;*/
  width: 35px;
	background: url("img/back.png") no-repeat
}
}