/* Eric Meyer's Reset CSS v2.0 - https://cssreset.com */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:normal}ol,ul{list-style:none}li{list-style:disc;margin-left:15px;/* list-style-type: none; */}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}



/* FONT AWESOME
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('../css/font/fontawesome-webfont.eot?v=3.2.1');
  src: url('../css/font/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('../css/font/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('../font/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('../font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* FONT AWESOME
 * -------------------------- */

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; 
}

body{
  position: relative;
}

h1,h2,h3,h4,h5,h6{
  margin-bottom: 0.5em;
  font-weight: unset;
}
.wrapper-rtdk img {
    max-width: 100%;
    height: auto;
}

div#sgpb-popup-dialog-main-div {
  width: 900px !important;
  height: 450px !important;
}

/*.page-id-5608 .wrapper {
  position: initial;
}*/

/*.home .wrapper {
  position: initial;
}*/

a.ui-button.ui-widget.ui-state-default.ui-spinner-button.ui-spinner-up.ui-corner-tr.ui-button-text-only::after,
a.ui-button.ui-widget.ui-state-default.ui-spinner-button.ui-spinner-up.ui-corner-tr.ui-button-text-only::after {
  content: '▲';
  position: absolute;
  top: 0;
  font-size: 10px;
  margin: auto;
  left: 3px;
}

a.ui-button.ui-widget.ui-state-default.ui-spinner-button.ui-spinner-down.ui-corner-br.ui-button-text-only::after,
a.ui-button.ui-widget.ui-state-default.ui-spinner-button.ui-spinner-down.ui-corner-br.ui-button-text-only::after {
  content: '▼';
  position: absolute;
  top: 0;
  font-size: 10px;
  margin: auto;
  left: 3px;
}

/*transfer hide kohchang https://www.santhiya.com/santhiyatree/kohchang/location/*/
#tablepress-59 td.column-1,
#tablepress-59 td.column-5,
#tablepress-59 td.column-6{
  display: none;
}

#tablepress-59 a.img_box_transfer {
  background-size: initial;
}

#tablepress-59 tr.row-4 td.column-3{
  display: none;
}

#tablepress-59 tr.row-4 td.column-4{
  display: none;
}

.tablepress#tablepress-62 td.column-3 {
  background-color: #fce8cf;
}

/*transfer hide kohchang https://www.santhiya.com/santhiyatree/kohchang/location/*/

/*more detail member*/
.col-md-12.box-banner-l-r.mobile{
  padding: 0px;
}

.col-md-12.box-banner-l-r.mobile .col-md-6.box-banner-l {
  padding: 0px;
  padding-right: 1px;
}

.col-md-12.box-banner-l-r.mobile .col-md-6.box-banner-r {
  padding: 0px;
  padding-left: 1px;
}

.col-md-12.box-banner-l-r {
  padding: 0px;
}

.col-md-6.box-banner-l {
  padding-left: 0px;
  z-index: 1;
}

.col-md-6.box-banner-r {
  padding-left: 1px;
  z-index: 1;
}

.popup-member h2 {
  font-size: 18px;
  text-align: center;
  color: #666666;
  font-weight: bold;
  color: #7e4f35;
}

h2.main{
  text-align: left;
}
.mm-vou{
  border-radius: 15px;
  margin: 0 1%;
  width: 41.66666667%;
}
@media(max-width: 425px){
  .mm-vou{
    width: 100%;
  }
  .content-blocks-vou > section {
    background: #fadaab;
    width: 250px !important;
    padding: 10px !important;
    left: 0 !important;
    position: relative;
  }
}

@media(max-width: 350px){
  img.img-travelerChoice {
    width: 65px !important;
    box-shadow: 4px 4px 8px black;
  }
  .main-travelerChoice {
    position: absolute;
    top: 50px !important;
    left: 20px !important;
    z-index: 1000;
  }
}
.popup-member p {
  color: #666666;
  text-align: left;
  line-height: 1.4em;
}

.popup-member button[name=close] {
  padding: 9px;
  float: right;
  background-color: #885223;
  color: white;
}

.popup-member {
  background: rgba(100, 100, 100, 0.5);
  position: fixed;
  display: none;
  z-index: 5000;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}
.popup-member{
  max-width: 600px;
  width: 90%;
  position: fixed;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  background: #ffffff;
  padding: 10px;
  z-index: 5001;
  height: auto;
  text-align: center;
  border: 2px solid #7e4f35;
  border-radius: 10px;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.4);
}


/*more detail member*/


/*new box home santhiya*/

.content-blocks section.section-box-hotel-all {
  padding-bottom: 35%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  transition: 0.5s;
}

.content-blocks-vou {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.content-blocks-vou > section {
  background: #fadaab;
/*  width: 300px;*/
  padding: 10px;
  position: relative;
  margin-top: 2%;
}
.content-blocks-vou > section img {
  max-width: 100%;
  height: auto;
}
.content-blocks-vou > section h2 {
  margin-top: 12px;
  font-size: 120%;
  font-weight: bold;
}
.content-blocks-vou > section a, .content-blocks-vou > section a:hover {
  color: #5d3816;
  text-decoration: none;
}

.content-blocks-vou > section a.readmore,
.content-blocks-vou > section a.readmore:hover,
.content-blocks-vou > section a.booknow,
.content-blocks-vou > section a.booknow:hover {
  position: absolute;
  bottom: 10px;
  right: 10px;
  font-weight: bold;
}
.content-blocks-vou > section a.readmore:hover,
.content-blocks-vou > section a.booknow:hover{
  -webkit-animation-name: hvr-bob-float, hvr-bob;
  animation-name: hvr-bob-float, hvr-bob;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;

}
.content-blocks section .header-name {
  padding-top: 10px;
  color: white;
  font-weight: bold;
  font-size: 15px;
}


.content-blocks section .text-price-hotel {
  font-size: 12px;
  color: white;
  padding-top: 5px;
}

ul.detail-in-res {
  width:  100%;
  height:  100%;
  margin-top:  1em;
}

ul.detail-in-res>li {
  margin-left: 0px;
}

ul.detail-in-res li {
  width: 31.33%;
  display: inline-grid;
}

li.med {
  border-left:  1px solid;
  border-right:  1px solid;
  line-height: 45px;
}

i.fa.fa-clock-o,i.fa.fa-phone,i.fa.fa-bell {
  font-size: -webkit-xxx-large;
  text-align: center;
  margin-bottom: 11px;
}
ul.detail-in-res h2 {
  text-align:  center;
  font-size: 21px;
}
ul.detail-in-res p {
  text-align:  center;
}

.content-blocks section .box-main-book-see {
  display: block;
  position: absolute;
  bottom: 0px;
  color: white;
  text-align: center;
  padding-left: 0px;
  width: 99%;
}

.content-blocks section .box-main-book-see a {
  color: white !important;
}

.content-blocks section .col-md-12.col-xs-12.box-booking {
  padding: 10px;
  background-color: #a1723b;
  transition: 0.3s;
}

.content-blocks section .box-see-more {
  padding: 10px;
  border: 1px solid white;
  margin-top: 10px;
  margin-bottom: 10px;
  transition: 0.3s;
}

.content-blocks section .box-see-more:hover,
.content-blocks section .col-md-12.col-xs-12.box-booking:hover{
  transform: translateY(-0.5rem) scale(1.0125);
  box-shadow: 0 0.5em 1.1rem -1.2rem rgba(0,0,0,0.5);
}

.content-blocks section a.box-in-booking {
  font-weight: bold;
}
/*new logine member desktop*/

.box-logo-login-member .img-member-new-desk{
  width: 30%;
  display: inline-block;
  margin-top: 1px;
}

.box-logo-login-member .name-profile{
  width: 70%;
  display: inline-block;
  float: right;
  margin-top: 6px;
}

.img-profile-acc {
  border: solid 2px #FFFFFF;
  border-radius: 50%;
  padding: 12px 13px;
  width: 50%;
  background-size: contain;
  background-position: center center;
  background-color: #bd8c5c;
  background-repeat: no-repeat;
}

.border-right-member {
  display: block;
  width: 1.5px;
  height: 30px;
  top: 5px;
  position: absolute;
  background-color: #f3cfb5;
  right: 150px;
}

.img-profile-acc-m {
  border: solid 2px #7e4f35;
  padding: 12px 15px;
  border-radius: 50%;
  width: 40%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.box-logo-login-member {
  width: 140px;
  height: 30px;
  background-color: #f3cfb5;
  right: 0px;
  top: 5px;
  position: absolute;
  margin-right: 5px;
  padding-left: 10px;
  border-radius: 5px;
  box-shadow: 1px 1px 5px #704624;
}

.bar-search-member.homemain {
  /*width: 100%;*/
  width: 35%;
  position: absolute;
  height: 40px;
  top: 60px;
  /*background-image: linear-gradient(to right, #643916 , #8f6748);*/
  background-image: none;
}

.bar-search-member{
  /*width: 18%;*/
  width: 35%;
  /*right: 473px;*/
  right: 0px;
  position: absolute;
  height: 40px;
  /*top: 60px;*/
  top: 58px;
  background-image: linear-gradient(to right, #643916 , #8f6748);
}

/*new logine member desktop*/

.tp-bullets.tp-thumbs.round {
  width: -webkit-fill-available !important;
  background-color: rgba(255,255,255,1) !important;
  bottom: -56px !important;
  left: 0% !important;
  margin-left: 0px !important;
  opacity: 1 !important;
}

.tp-mask {
  width: auto !important;
}

.tp-thumbcontainer >div {
 opacity: 1 !important;
}

.block.welcome-destination-link{
  margin-top: 54px !important;
}

.reservation_bar {
  margin-top: 54px !important;
}
/*search main*/

.box-search-home {
  margin-top: 30px;
}

.list-search-main {
  margin-bottom: 20px;
  padding: 0px 15px 0px 15px;
}

span.link-search a {
  color: #006621;
  font-style: normal;
}

.list-search-main span.title_search h1 {
  font-size: 24px !important;
  margin-bottom: 5px;
}
.list-search-main span.title_search a{
  text-decoration: unset;
  color: #c56700;
}

.list-search-main span.title_search a:hover{
  color: #ce4800;
}
/*search main*/


.price_sell {
  text-decoration: line-through red;
/*  text-align: left;
  padding-left: 30px;*/
  font-size: 16px;
}

div#sgpb-popup-dialog-main-div {
  padding: 0px !important;
}

div#sgpb-popup-dialog-main-div .aligncenter,
div#sgpb-popup-dialog-main-div p{
  margin-bottom: 0px !important;
}

a.in-img-b.website .circle-footer.member-img {
  background-size: cover;
  border: 2px solid #ad6d4b;
  border-radius: 50%;
  margin: 0 auto;
  background-color: #e0b487;
  height: 46px;
  width: 46px;
}

a.in-img-b.website span {
  position: relative;
  top: 0px;
}

a.in-img-b.website {
  position: absolute;
  right: 5px;
  top: 42px;
  text-align: center;
}

a.in-img-b.website .circle-footer {
  border: 2px solid #ad6d4b;
  border-radius: 50%;
  margin: 0 auto;
  background-color: #e0b487;
  padding: 4px;
  right: 5px;
  text-align: center;
}

a.in-img-b.website .circle-footer img.img-footer-icon-acc {
  width: 28px;
  height: 30px;
  padding-right: 2px;
}

a.but-syy-h {
  position: absolute;
  width: 40%;
  height: 80px;
  bottom: 0px;
  margin-left: 30%;
  margin-right: 30%;
}

.foot-mobile-bar {
  display: none;
}

.main-new-box-rt {
  display: none;
}

.tooltip.top {
  padding: 2px 0;
  margin-top: 2px;
}

.tooltip.in {
  filter: alpha(opacity=90);
  opacity: .9;
}

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  filter: alpha(opacity=0);
  opacity: 0;
  line-break: auto;
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 4px;
}

.page-container h1{
  font-size: 30px;
}

p,ol,ul {
  margin-bottom: 1em;
  font-size: 13px;
}

p.dropcap:first-letter {
  display: block;
  float: left;
  font-size: 40px;
  line-height: 40px;
  margin: 0px 8px 5px 0;
}

blockquote{
  padding: 35px;
  position: relative;
}

blockquote p{
  padding-left: 35px;
}

blockquote:before{
  font-family: FontAwesome;
  -webkit-font-smoothing: antialiased;
  content: "\f10d";
  font-size: 30px;
}

h2 {
  font-family: "Helvetica Neue",Arial,Verdana;
  text-transform: uppercase;
}

h3 {
  font-family: "Helvetica Neue",Arial,Verdana;
  font-weight: normal;
  text-transform: uppercase;
}



.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.alignleft, 
.alignright, 
.aligncenter{
  height: auto;
}

.page-id-39 .contactUsR{
  top: -50px;
}

.page-id-4167 .contactUsR{
  top: -75px;
}

.page-id-11199 .contactUsR{
  top: -50px;
}

.text-off-2 {
  margin-top: 50px;
}

/*.page-id-4167 .contactUsR{
  top: -75px;
}*/

/*sub menu home Santhiya*/
.navhome {
  color: #5d3716;
  text-decoration: none;
  text-transform: uppercase;
  list-style: none;
}
.navhome li {
  list-style: none;
  float: left;
  margin-right: 3px;
  position: relative;
  border-right: 1px solid black;
}

.navhome li:last-child {
  list-style: none;
  float: left;
  margin-right: 10px;
  position: relative;
  border-right: 0px solid black;
  margin-left: 0px;
  margin-right: -12px;
}

.navhome a {
  display: block;
  color: #5d3716;
  text-decoration: none;
  padding-right: 10px;
}

.navhome a:hover {
  color: #fff;
}

/*--- DROPDOWN ---*/
.navhome ul.sub-menu {
  list-style: none;
  position: absolute;
  left: -9999px; /* Hide off-screen when not needed (this is more accessible than display: none;) */
  border-right: 0px solid black;
}
.navhome ul.sub-menu > li {
  padding-top: 1px; /* Introducing a padding between the li and the a give the illusion spaced items */
  float: none;
  border-right: 0px solid black;
  /*border-bottom: 1px solid white;*/
  margin-left: 0px;
  /*background-color: rgba(161,114,60,.9);*/
  width: 100px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.navhome ul.sub-menu a {
  white-space: nowrap; /* Stop text wrapping and creating multi-line dropdown items */
  border-right: 0px solid black;
  color: white;
  /*text-shadow: 1px 1px 4px rgba(3, 3, 3, 1);*/
}

.navhome li:hover ul.sub-menu { /* Display the dropdown on hover */
  left: 0; /* Bring back on-screen when needed */
  border-right: 0px solid black;
}
.navhome li:hover ul.sub-menu a { /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
  text-decoration: none;
  border-right: 0px solid black;
}

.navhome li:hover ul.sub-menu li a:hover { /* Here we define the most explicit hover states--what happens when you hover each individual link. */
  color: #eac287;
  border-right: 0px solid black;
}

/*sub menu home Santhiya*/

.alignleft {float: left;margin-right: 30px;}
.alignright {float: right;margin-left: 30px;}
.alignleft,.alignright,.aligncenter{
  /*border: 10px solid #fff;
  -moz-box-shadow: 0 0 10px #888;
  -webkit-box-shadow: 0 0 10px #888;
  box-shadow: 0 0 10px #888;*/
  margin-bottom: 10px;
  max-width: 100%;
}

img.no-border {
  border: 0;
  box-shadow: none;
}

.wp-caption {
    background: #fff;
}

.wp-caption > p {
    margin: 5px 0 0;
    text-align: center;
}

.wp-caption > img {
    max-width: 100%;
    height: auto;
}

.one_half,
.one_of_tree,
.two_of_tree {
  float: left;
}

.one_half{width: 50%;}
.one_of_tree{width: 230px;}
.two_of_tree{width: 700px;}



/* Footer Stick
=================================*/
/*.home .wrapper {
  position: relative;
  z-index: unset;
}*/

.wrapper {
  position: relative;
  z-index: 1;
}

.footer {
  position: relative;
  height: 99px;
  margin: 0 auto;
}
/* end Footer Stick
=================================*/


.header {
  height: 168px;
  text-align: center;
  position: relative;
  z-index: 2;
}

.logo {
  position: relative;
  top: 40px;
  left: 4px;
  z-index: 1;
  margin-left: 10px
}

.home .logo {
  position: relative;
  top: 0px;
  left: 0px;
  z-index: 1;
  margin-left: 0px
}

.search.search-results .logo {
  top: 0px;
}

.copyright {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 51px;
  text-align: center;
}

.copyright li {
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: 16px;
  font-size: 11px;
}

.contain-container {
  width: 980px;
  margin: 0 auto;
  /*height: 100%;*/
  /*position: relative;*/
}

.contain-wrapper {
  -moz-box-shadow: 3px 3px 10px #47341a;
  -webkit-box-shadow: 3px 3px 10px #47341a;
  box-shadow: 3px 3px 10px #47341a;
  -moz-border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  z-index: 1;
}

.contain-left {
  float: left;
  width: 635px;
  padding-bottom: 30px;
}

.contain-right {
  float: right;
  width: 310px;
  padding-bottom: 30px;
}

.clear{
  clear: both;
}

.contain-left-container {
  padding-left: 30px;
}

ul.block,
ul.block li {
  margin: 0;
  list-style: none;
  padding: 0;
  position: relative;
  z-index: 1;
}

ul.block:after, [class*="-blocks"]:after {
  content: "";
  display: block;
  clear: both;
}

ul.block li, [class*="-blocks"] > section {
  float: left;
}


/* Header Menu
==========================================*/
#header-menu {
  /*position: absolute;*/
  left: 0;
  bottom: 0;
  margin: 0;
  background: #780678;
  width: 100%;
  display: inline-block;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}

[id*="menu-header-menu"] {
  margin: 0;
  /*padding: 11px;*/
  list-style: none;
  padding-left: 233px;
  height: 57px;
}

[id*="menu-header-menu"]:after {
  content: "";
  display: block;
  clear: both;
}

[id*="menu-header-menu"] > li {
  position: relative;
  display: inline-block;
  list-style: none;
  margin: 0;
  float: left;
  border-right: 1px solid #eac287;
  height: 65px;
  width: 9.2%;
}

.menu > li > a {
  font-family: Arial, sans-serif;
  font-size: 11px;
  /* font-weight: bold; */
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  /* margin: 0px 12px; */
  position: relative;
  padding: 10px 3px;
  display: block;
  /*padding-left: 13px;*/
}

#menu-header-menu-natai.menu > li > a{
  /* padding: 10px 18px; */
}

/*font 11 nav phangan*/
.menu > li#menu-item-86>a,
.menu > li#menu-item-87>a,
.menu > li#menu-item-88>a,
.menu > li#menu-item-1550>a,
.menu > li#menu-item-6156>a,
.menu > li#menu-item-995>a,
.menu > li#menu-item-7556>a,
.menu > li#menu-item-90>a,
.menu > li#menu-item-91>a{
    font-size: 11px;
}
/*----------------*/
[id*="menu-header-menu"] ul {
  position: absolute;
  -moz-box-shadow: 0 1px 5px #333;
  -webkit-box-shadow: 0 1px 5px #333;
  box-shadow: 0 1px 5px #333;
  display: none;
}

[id*="menu-header-menu"] ul li {
  border-bottom: 1px solid rgba(146, 135, 127, 1);
  position: relative;
  background: rgba(74, 187, 176, 0.8);
  list-style: none;
  margin-left: 0;
  text-align: left;
}

[id*="menu-header-menu"] ul li.current-menu-item ,
[id*="menu-header-menu"] ul li:hover {
  /*background: rgba(32,140,129, 0.8);*/
}

[id*="menu-header-menu"] ul li a {
  /*color: white;*/
  color: #eac287;
  text-decoration: none;
  font-weight: normal;
  text-transform: uppercase;
  text-shadow: 1px 1px 4px rgba(3, 3, 3, 1);
  display: inline-block;
  padding: 5px;
  width: 100%;
}
/*##########################################new######################################################*/
ul.sub-menu {
  width: 200% !important;
  /*width: 160% !important;*/
}
ul.sub-menu li a span {
  width: 100%;
}
.ddsmoothmenu .menu ul li {
  /*color: #eac287;*/
  font-family: arial;
  font-size: 11px;
  font-weight: normal;
  text-transform: uppercase;
  padding: 1em;
}

[id*="menu-header-menu"] ul li:hover > a {
  color: #ffffff;
}

[id*="menu-header-menu"] ul {
  position: absolute;
  -moz-box-shadow: 0 1px 5px #333;
  -webkit-box-shadow: 0 1px 5px #333;
  box-shadow: 0 1px 5px #333;
  display: none;
  background-color: #8c7e74;
}

[id*="menu-header-menu"] ul li {
  border-bottom: 1px solid rgba(146, 135, 127, 1);
  position: relative;
  /* background: rgba(74, 187, 176, 0.8); */
  list-style: none;
  margin-left: 0;
  text-align: left;
  background-color: #8c7e74 !important;
}


/*menu kohphangan*/

li#menu-item-87{
  box-sizing: content-box;
  width: 92px;
}

li#menu-item-88{
  box-sizing: content-box;
  width: 92px;
}

li#menu-item-1150{
  box-sizing: content-box;
  width: 92px;
}

li#menu-item-1550{
  box-sizing: content-box;
  width: 92px;
}

li#menu-item-6156{
  box-sizing: content-box;
  width: 92px;
}

li#menu-item-995{
  box-sizing: content-box;
  width: 92px;
}

li#menu-item-7556{
  box-sizing: content-box;
  width: 92px;
}

li#menu-item-90{
  box-sizing: content-box;
  width: 92px;
}

li#menu-item-91{
  box-sizing: content-box;
  width: 92px;
  border: 0px solid;
}

/*menu kohphangan*/

/*koh chang*/
/*ul#menu-header-menu-koh-chang li:nth-child(1){
  box-sizing: content-box;
  width: 100px;
}*/


/*menu kohchang*/
ul#menu-header-menu-koh-chang {
  font-size: 10px;
}

li#menu-item-3996{
  box-sizing: content-box;
  width: 125px;
}

li#menu-item-3999{
  box-sizing: content-box;
  width: 110px;
}

li#menu-item-4029{
  box-sizing: content-box;
  width: 110px;
}

li#menu-item-4025{
  box-sizing: content-box;
  width: 110px;
}

li#menu-item-4033{
  box-sizing: content-box;
  width: 122px;
}

li#menu-item-4036{
  box-sizing: content-box;
  width: 110px;
}

li#menu-item-8830,
li#menu-item-10780{
  box-sizing: content-box;
  width: 110px;
}

li#menu-item-4325{
  box-sizing: content-box;
  width: 110px;
  border: 0px solid;
}
/*menu kohchang*/


/*nav no show sub nav*/
.noneshowrightbody{
  display: none;
}


/*nav no show sub nav*/

/*li#menu-item-1150{
  box-sizing: content-box;
  width: 100px;
}

li#menu-item-1150{
  box-sizing: content-box;
  width: 100px;
}*/
/*koh chang*/
/*#########################################################new############################################################*/

[id*="menu-header-menu"] > li.current-menu-item,
[id*="menu-header-menu"] > li.current-menu-parent,
[id*="menu-header-menu"] > li:hover {
}

[id*="menu-header-menu"] > li:last-child:hover {
  /*border-top-right-radius: 5px;*/
}

.page-container {
  position: relative;
  padding: 20px 10px;
  min-height: 1100px;
}

.page-container hr {
  border: 0;
  border-top: 1px solid #058A7C;
  margin: 20px 0;
}


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
| Top Menu
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
ul#menu-header-top-home-menu,
ul#menu-header-top-home-menu-thai,
ul#menu-header-top-home-menu-chinese-simplified{
  position: absolute;
  top: 20px;
  right: 325px;
}

ul.block.top-home-menu li {
  margin-left: 10px;
  border-left: 1px solid #5d3716;
  padding-left: 10px;
}

ul.block.top-home-menu li:first-child {
  border: 0;
}

ul.block.top-home-menu li a {
  color: #5d3716;
  text-decoration: none;
  text-transform: uppercase;
}

div#fixheader .header-top-menu ul.language  {
  top: 20px;
  right: 103px;
}

div#fixheader .main-social-home-new  {
  display: none;
}


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
| Social Menu
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
ul.block.social-menu > li {
  margin-right: 5px;
}

ul.block.social-menu > li:hover {
  transform: translateY(-0.5rem) scale(1.0125);
}

ul.block.social-menu > li > a {
  display: block;
  position: relative;
  width: 33px;
  height: 32px;
}

ul.block.social-menu > li.tripadvisor > a {
  background: url(../img/social/tripadvisor1.png) no-repeat;
  background-size: cover;
}

ul.block.social-menu > li.instargram > a {
  background: url(../img/social/Instagram_icon.png) no-repeat;
  background-size: cover;
}

ul.block.social-menu > li.facebook > a {
  background: url(../img/social/facebookbutton.png) no-repeat;
  background-size: cover;
}

ul.block.social-menu > li.Tripadvisor > a {
  background: url(../img/social/tripadvisor1.png) no-repeat;
  background-size: cover;
}

ul.block.social-menu > li.Ig > a {
  background: url(../img/social/Instagram_icon.png) no-repeat;
  background-size: cover;
}

ul.block.social-menu > li.Facebook > a {
  background: url(../img/social/facebookbutton.png) no-repeat;
  background-size: cover;
}

ul.block.social-menu > li.youtube > a {
  background: url(https://www.santhiya.com/wp-content/uploads/2017/11/Youtube.png) no-repeat;
}

ul.block.top-social-menu {
  position: absolute;
  right: 0;
  top: 10px;
}

ul.block.footer-social-menu {
  position: absolute;
  left: 0;
  top: 80px;
  right: 0;
  text-align: center;
  z-index: 5;
}

ul.block.footer-social-menu > li {
  float: none;
  display: inline-block;
  z-index: 5;
}

ul.block.footer-social-menu > li:hover {
  transform: translateY(-0.5rem) scale(1.0125);
}

ul.block.footer-block {
  position: absolute;
  left: 0;
  bottom: 20px;
  right: 0;
  text-align: center;
}
ul.block.footer-block > li {
  float: none;
  display: inline-block;
  margin: 0 20px;
}

ul.block.footer-block > li:hover {
  transform: translateY(-0.5rem) scale(1.0125);
}

.footer-kohphangan ul.block.footer-block-home > li:nth-child(8) img {
  width: 100% !important;
  height: 100px !important;
  margin-bottom: -9px !important;
}


@media screen and (min-width: 400px) and (max-width: 900px){
  .footer-kohphangan ul.block.footer-block-home > li:nth-child(8) img {
    height: 56px !important;
    margin-bottom: -40px !important;
    width: 250% !important;
  }
}
@media screen and (min-width: 250px) and (max-width: 400px){
  .footer-kohphangan ul.block.footer-block-home > li:nth-child(8) img {
    width: 200% !important;
    height: 51px !important;
    margin-bottom: -33px !important;
  }
  .footer-kohphangan ul.block.footer-block-home > li:nth-child(2) img {
    height: auto !important;
    width: 250% !important;
  }
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
| Footer Menu
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
div#footer-menu {
  text-align: center;
  position: relative;
  top: 20px;
}

ul.block.footer-menu li {
  float: none;
  display: inline-block;
  border-left: 1px solid #e5cc9e;
  margin-left: 10px;
  padding-left: 10px;
}

ul.block.footer-menu li:first-child {
  border-left: 0;
}



/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
| Homepage
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.home-block{
  width: 1010px;
  margin: 0 auto 5px;
  height: 242px;
  position: relative;
}

.home-block .reservation{
  width: 235px;
  height: 200px;
  position: absolute;
  left: 20px;
  top: 20px;
}



/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
| Gallery                                                      |
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
ul.gallery li {
  width: 200px;
  margin: 20px;
  overflow: hidden;
}

ul.gallery li img {
  max-width: 100%;
  height: auto;
  border: 7px solid #fff;
  box-shadow: 0 0 10px #888;
}

ul.gallery li div {
  text-align: center;
}

ul.block.gallery.download li div {
  margin-top: 5px;
}



/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
| Button                                                       |
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
a.btn{
  color:#fff;
  text-decoration:none;
  margin-right: 10px;

  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}

.btn{display:inline-block;padding:4px 10px 4px;font-size:13px;line-height:18px;color:#333333;text-align:center;text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);background-color:#fafafa;background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));background-image:-webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:-moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);background-image:-ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:-o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-repeat:no-repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);border:1px solid #ccc;border-bottom-color:#bbb;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);cursor:pointer;*margin-left:.3em;}.btn:first-child{*margin-left:0;}
.btn:hover{color:#333333;text-decoration:none;background-color:#e6e6e6;background-position:0 -15px;-webkit-transition:background-position 0.1s linear;-moz-transition:background-position 0.1s linear;-ms-transition:background-position 0.1s linear;-o-transition:background-position 0.1s linear;transition:background-position 0.1s linear;}

.btn:hover {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
}

.btn:hover:before{
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
}
.btn:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.btn:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;outline:0;}
.btn.active,.btn:active{background-image:none;-webkit-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);background-color:#e6e6e6;background-color:#d9d9d9 \9;color:rgba(0, 0, 0, 0.5);outline:0;}
.btn.disabled,.btn[disabled]{cursor:default;background-image:none;background-color:#e6e6e6;opacity:0.65;filter:alpha(opacity=65);-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
.btn-large{padding:9px 14px;font-size:15px;line-height:normal;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.btn-large .icon{margin-top:1px;}
.btn-small{padding:5px 9px;font-size:11px;line-height:16px;}
.btn-small .icon{margin-top:-1px;}
button.btn,input[type="submit"].btn{*padding-top:2px;*padding-bottom:2px;}button.btn::-moz-focus-inner,input[type="submit"].btn::-moz-focus-inner{padding:0;border:0;}
button.btn.large,input[type="submit"].btn.large{*padding-top:7px;*padding-bottom:7px;}
button.btn.small,input[type="submit"].btn.small{*padding-top:3px;*padding-bottom:3px;}

.btn { text-shadow: 0px -1px 0px #663d25; color: #ffffff; background-color: #663d25; background-image: -moz-linear-gradient(top, #653c25, #663d25); background-image: -ms-linear-gradient(top, #653c25, #663d25); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#653c25), to(#663d25)); background-image: -webkit-linear-gradient(top, #653c25, #663d25); background-image: -o-linear-gradient(top, #653c25, #663d25); background-image: linear-gradient(top, #653c25, #663d25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#653c25', endColorstr='#663d25', GradientType=0); border-color: #663d25 #663d25 #663d25 #663d25; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn:hover, .btn:active, .btn.active, .btn.disabled, .btn[disabled] { background-color: #663d25; }
.btn:hover { color: #ffffc8; text-shadow: 0px -1px 0px #9d1300; }
.btn:focus { color: #ffb364; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); border-color: #663d25 #663d25 #663d25 #663d25; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn.active, .btn:active { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); color: #ffb364; }
.rsvn_box_content .btn:hover,
.rsvn_box_content .btn:active,
.rsvn_box_content .btn:focus,
.reservation_bar .btn:hover,
.reservation_bar .btn:active,
.reservation_bar .btn:focus{
  color: #ffffff;
  text-shadow: none;
  background-color: #a1723b;
  background-position: 0 -30px;
}

/* class: .btn-book-now,  color theme: Wonka Land */
.btn-book-now { text-shadow: 0px -1px 0px #ae6800; color: #ffffff; background-color: #CC8604; background-image: -moz-linear-gradient(top, #eaa422, #ae6800); background-image: -ms-linear-gradient(top, #eaa422, #ae6800); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eaa422), to(#ae6800)); background-image: -webkit-linear-gradient(top, #eaa422, #ae6800); background-image: -o-linear-gradient(top, #eaa422, #ae6800); background-image: linear-gradient(top, #eaa422, #ae6800); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaa422', endColorstr='#ae6800', GradientType=0); border-color: #CC8604 #ae6800 #ae6800 #CC8604; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-book-now:hover, .btn-book-now:active, .btn-book-now.active, .btn-book-now.disabled, .btn-book-now[disabled] { background-color: #ae6800; }
.btn-book-now:hover { color: #ffffcc; text-shadow: 0px -1px 0px #904a00; }
.btn-book-now:focus { color: #ffea68; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); border-color: #CC8604 #ae6800 #ae6800 #CC8604; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-book-now.active, .btn-book-now:active { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); color: #ffea68; }
/* end .btn-book-now */




/*+++++++++++++++++++++++++++++++++++++++++++++
| Welcome Page
+++++++++++++++++++++++++++++++++++++++++++++*/
.welcome-container {
  margin-bottom: 30px;
}

.welcome-container:after {
  content: "";
  display: block;
  clear: both;
}

.welcome-content {
  float: left;
  /*width: 60%;*/
  width: 100%;
}

.welcome-reservation {
  float: right;
  width: 391px;
  display: none;
}

.welcome-content h1,
.welcome-content p.p-first {
  text-align: center;
}

ul.block.welcome-destination-link li {
  width: 25%;
  padding: 15px 0;
  border-right: 1px solid #dfc393;
  min-height: 52px;

  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}

ul.block.welcome-destination-link li:hover:before{
  left: 0;
  right: 0;
}

ul.block.welcome-destination-link li:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 51%;
  right: 51%;
  bottom: 0;
  background: #5b3a1e;
  height: 4px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

ul.block.welcome-destination-link li:last-child {
  padding: 15px 0;
}

ul.block.welcome-destination-link {
  background: #a1723b;
  text-align: center;
  margin: -2px 0 5px;
}

ul.block.welcome-destination-link li a {
  color: #fadaab;
  font-size: 16px;
  text-decoration: none;
  text-transform: uppercase;
}

ul.block.welcome-destination-link li a span{
  /*font-size: 12px;*/
  font-size: 10px;
}

ul.block.welcome-destination-link li:first-child:before {
  content: '';
  /*display: block;
  width: 1px;
  background: #fadaab;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;*/
}

ul.block.welcome-destination-link li:last-child:before {
  content: '';
  /*display: block;
  width: 1px;
  background: #fadaab;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;*/
}

#reservation_box {
  background: #fcedd7;
}

#reservation_box h3 {
  background: #5a3914;
  font-size: 16px;
  font-weight: normal;
  color: #fadaab;
  text-align: center;
  padding: 13px 0;
}

.rsvn_box_content {
  padding: 10px 25px 15px;
  color: #7e5a33;
}

.rsvn_box_row {
  border: solid 1px #50320c;
  background: #fff;
  margin-bottom: 10px;
  padding: 3px 5px;
}

.rsvn_box_row input {
  width: 110px;
  color: #7e5a33;
}

.rsvn_box_row select {
  width: 125px;
  color: #7e5a33;
}

ul.block.rsvn_box_spinner li {
  width: 50%;
  margin-bottom: 10px;
}

ul.block.rsvn_box_spinner li input {
  width: 20px;
  text-align: right;
  color: #7e5a33;
}

.rsvn_box_spinner .ui-spinner,.rsvn_box_spinner .ui-spinner-button {
  border-color: #50320c;
}

#reservation_box input.btn {
  width: 115px;
  margin: 0 auto;
  display: block;
}

/*+++++++++++++++++++++++++++++++++++++++++++++
| Additional Style
+++++++++++++++++++++++++++++++++++++++++++++*/
[class*="menu-header-top-menu-"]{
  position: absolute;
  top: 0;
  /*right: 279px;*/
  /*right: 470px;*/
  right: 167px;
}

[id*="menu-header-top-menu"] > li > a {
  font-size: 12px;
  color: #5d3716;
  text-decoration: none;
  margin: 10px 10px 10px 0;
  display: inline-block;
  border-left: 1px solid #5d3716;
  padding-left: 10px;
  font-weight: bold;
}

[id*="menu-header-top-menu"] > li > a:hover {
  color: #7c4f37;
}

[id*="menu-header-top-menu"] > li:first-child > a {
  border: 0;
}

.header .weather-container {
  top: 45px;
  right: 125px;
  color: #5d3716;
}

.header .localtime-container{
  z-index: 2;
}

.header .virtualtour {
  position: absolute;
  right: 0;
  top: 50px;
}

.content-blocks > section {
  background: #fadaab;
  margin: 0 10px 20px;
  width: 300px;
  padding: 10px;
  position: relative;
}

.content-blocks > section img {
  max-width: 100%;
  height: auto;
}

.content-blocks > section h2 {
  margin-top: 5px;
  font-size: 14px;
  font-weight: bold;
}

.content-blocks > section a, .content-blocks > section a:hover {
  color: #5d3816;
  text-decoration: none;
}

.content-blocks > section a.readmore,
.content-blocks > section a.readmore:hover,
.content-blocks > section a.booknow,
.content-blocks > section a.booknow:hover ,
.content-blocks > section a.bookspa{
  position: absolute;
  bottom: 10px;
  right: 10px;
  font-weight: bold;
  font-size: 12px;
  text-transform: initial;
}

.content-blocks > section a.readmore:hover,
.content-blocks > section a.booknow:hover{
  -webkit-animation-name: hvr-bob-float, hvr-bob;
  animation-name: hvr-bob-float, hvr-bob;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;

}

.content-blocks.accom > section a.readmore{
  right: auto;
  left: 10px;

  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

/* Bob */
@-webkit-keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  50% {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
  }
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}
@keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  50% {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
  }
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

@-webkit-keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

.content-blocks.accom > section a.readmore:hover {
  right: auto;
  left: 10px;

  -webkit-animation-name: hvr-bob-float, hvr-bob;
  animation-name: hvr-bob-float, hvr-bob;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;

}

.awards-item-thumbnail {
  float: left;
  width: 150px;
  margin: 0 20px 15px 0;
}

.awards-item-thumbnail-thai {
  float: left;
  width: auto;
  margin: 0 20px 15px 0;
}

.awards-item-thumbnail img {
  max-width: 100%;
  height: auto;
}

.awards-item-blocks {
  margin-bottom: 15px;
  border-bottom: 1px solid #CC9E74;
}

.no-panding {
  padding: 0px;
}

.awards-year {
  margin-bottom: 20px;
}

.awards-item-desc h3 {
  font-size: 14px;
  font-weight: bold;
}

.awards-item-thumbnail #CDSWIDCOE {
  margin: 0;
}

.content-blocks.accom > section ul.block li {
  width: 50%;
}

.content-blocks.accom > section ul.block li:nth-child(2n+2) {
  width: 50%;
}
.title-sp{
  text-align: center;
}
.content-blocks.accom > section ul.block {
  margin-bottom: 5px;
}

.tablepress.table-spa-signature thead th {
  background-color: #653C25;
  color: #fff;
}

body.page-id-27 .tablepress th.column-1 {
  width: 55%;
}

.tablepress.table-spa-signature th.column-2,
.tablepress.table-spa-signature th.column-3 {
  width: 185px;
}

.tablepress.table-spa-signature tr:nth-child(odd) td {
  background: #fdd9a9;
}

.tablepress.table-spa-signature tr:nth-child(4n+1) td,.tablepress.table-spa-signature tr:nth-child(4n+2) td {
  background: #fce8cf;
}

.tablepress.table-spa-signature tr:nth-child(2n+1) td {
  border-bottom: 0;
  font-weight: bold;
  padding-bottom: 0;
}

.tablepress.table-spa-signature tr:nth-child(2n+2) td {
  border-top: 0;
  padding-bottom: 20px;
}

.tablepress.table-spa-signature.table-spa-signature-nodesc tr td {
  background-color: #fdd9a9;
  padding-bottom: 10px;
  border-bottom: 1px solid #FFCC72;
  font-weight: normal;
}

.tablepress.table-spa-signature.table-spa-signature-nodesc tr.even td {
    background-color: #FCE8CF;
}

.tablepress.table-transfer-schedule td{
  text-align: center;
  vertical-align: middle;
}

table#tablepress-76 td {
  background: #fce8cf;
  border: 1px solid #FFCC72;
  font-family: "Helvetica Neue",Arial,Verdana;
}

.tablepress.table-transfer-schedule tr:nth-child(1) td {
  background: #fdd9a9;
  vertical-align: middle;
}

.tablepress.table-transfer-schedule tr:nth-child(2) td {
  border-top: 0;
  text-align: center;
}

.tablepress.table-transfer-schedule tr:nth-child(1) td:nth-child(4) {
  border-left: 1px solid #FFCC72;
  text-align: center;
}

.tablepress.table-transfer-schedule.private-car tr:nth-child(2) td {
  text-align: left;
  background-color: #FCE8CF;
}

.tablepress.table-transfer-schedule.private-car tr.row-9 td {
  background-color: #FDD9A9;
}

table#tablepress-62 td.column-1{
  width: 50%;
}

.page-container.accom {
  background: #fedaaa;
  padding: 0;
}

.accom .info-container {
  width: 730px;
  float: left;
  padding: 30px;
  background: #f6d6ad; /* Old browsers */
  background: -moz-linear-gradient(top,  #f6d6ad 0%, #fedaaa 500px); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6d6ad), color-stop(500px,#fedaaa)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #f6d6ad 0%,#fedaaa 500px); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #f6d6ad 0%,#fedaaa 500px); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #f6d6ad 0%,#fedaaa 500px); /* IE10+ */
  background: linear-gradient(to bottom,  #f6d6ad 0%,#fedaaa 500px); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6d6ad', endColorstr='#fedaaa',GradientType=0 ); /* IE6-9 */

}
.accom .book-container {
  width: 320px;
  float: left;
  padding: 35px 20px 0;
  text-align: center;
}

.book-container .book-block {
  background: #fdecd6;
  box-shadow: 0px 0px 5px 0px #ccc;
  margin-bottom: 15px;
}

.book-block .book-block-inner {
  padding: 20px 15px;
  text-align: center;
}

.book-block-inner .btn-book {
  display: inline-block;
  text-transform: uppercase;
  margin-bottom: 15px;
  margin: 0 auto;
}

.book-block .book-block-footer {
  text-align: center;
  padding: 15px;
  background: #f3e3cc;
  border-top: 1px solid #D4C5AF;
}

.book-container .share-block {
  padding: 15px;
  background: #f3e3cc;
  box-shadow: 0px 0px 5px 0px #ccc;
}

.home-container-blocks {
  padding: 20px 0 30px;
}

.home-container-blocks section {
  width: 50%;
  padding: 0 10px;
}

.page-template-p_HomePageNatai .home-container-blocks section {
  padding: 10px 10px;
}

.home-container-blocks section.thumbnail {
  text-align: right;
  /*background-color: #dfc393;*/
  /*background-color: #c69c6d;*/
  border: 1px solid #e3c797;
}

.home-container-blocks section.thumbnail img {
  /*border: 1px solid #5d3816;*/
  padding: 0;
  max-width: 100%;
  height: auto;
  margin-bottom: 10px;
}

.reservation_bar {
  background: #eec081;
  padding: 15px;
  position: relative;
  -webkit-box-shadow: 0px 5px 15px -5px rgba(50, 50, 50, 1);
  -moz-box-shadow: 0px 5px 15px -5px rgba(50, 50, 50, 1);
  box-shadow: 0px 5px 15px -5px rgba(50, 50, 50, 1);
}

.from-search-main .reservation_bar.phangannone {
  display: none;
}

ul.block.form-rsvn-bar li {
  margin-right: 9px;
}

ul.block.form-rsvn-bar li input[type="text"] {
  width: 15px;
  text-align: center;
  font-size: small;
  height: 23px;
}

ul.block.form-rsvn-bar li label {
  padding-top: 5.5px;
}

ul.block.form-rsvn-bar li input#checkin ,
ul.block.form-rsvn-bar li input#hid,
ul.block.form-rsvn-bar li input#checkout{
  width: 86px;
  text-align: center;
  height: 30px;
  color: #603913;
  font-weight: normal;
  display: inline;
  font-size: 10px;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
}

input#checkin {
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
}

input#checkout {
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
}

a.btn.btn-find-rooms {
  position: absolute;
  right: -21px;
  top: 50%;
  margin-top: -19px;
}

ul.block.form-rsvn-bar-link {
  position: absolute;
  bottom: 2px;
  left: 350px;
}

ul.block.form-rsvn-bar li h3 {
  margin: 0;
  line-height: 1;
  font-size: 20px;
  margin-right: 10px;
  margin-top: 2px;
}

ul.block.form-rsvn-bar-link a {
  font-size: 10px;
  text-decoration: none;
  color: #5d3816;
  font-weight: bold;
}

ul.block.form-rsvn-bar-link li {
  padding-right: 5px;
  margin-right: 5px;
  border-right: 1px solid;
}

ul.block.form-rsvn-bar-link li:last-child {
  border: 0;
}


.tablepress.table-transfer-schedule tr.row-4 td {
  background: #fce8cf;
}

.tablepress.table-transfer-schedule tr.row-7 td ,
.tablepress.table-transfer-schedule.table-transfer-syn tr.row-5 td {
  background: #fdd9a9;
}

/* https://www.santhiya.com/kohphangan/map-location/ tablepress-id-1 */
.tablepress.table-transfer-schedule.tablepress-id-1 tr.row-3 td {
  background: #fdd9a9;
}

.tablepress.table-transfer-schedule.tablepress-id-1 tr.row-1 td:last-child,
.tablepress.table-transfer-schedule.tablepress-id-1 tr.row-4 td:last-child {
  border-left: 1px solid #FFCC72;
  vertical-align: middle;
  text-align: center;
}

.tablepress.table-transfer-schedule.tablepress-id-1 tr.row-6 td,
.tablepress.table-transfer-schedule.tablepress-id-1 tr.row-7 td{
  background: #fce8cf;
}

.tablepress.table-transfer-schedule.tablepress-id-1 tr.row-9 td {
  background: #fdd9a9;
}



.download-blocks > section {
  width: 49% ;
  padding: 20px;
  background-color: rgba(124, 79, 55, 0.1);
}

.download-blocks > section.dw-kohphangan {
    float: right;
}

.download-blocks > section h2 {
    font-size: 19px;
    margin: 10px 0 0;
}

.download-blocks > section h2 a {
    text-decoration: none;
}

.download-blocks > section img {
  max-width: 100%;
  height: auto;
}


/************ career ***********/
.career {
  display: inline-block;
  width: 100%;
}

.career>section {
  float: left;
  width: 100%;
  margin-right: 2%;
  border: 0px solid #000;
  /*height: 420px;*/
  margin-bottom: 10px;
  padding: 10px;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #FBD9AB;
}

.career>section:nth-child(3n+3) {
  margin-right: 0;
}


.page-home-career .career>section:nth-child(3n+3) {
  margin-right: 23px;
}

.career>section>ul>li {
  list-style: none;
  margin-bottom: 10px;
  display: inline-block;
  width: 95%;
  border-bottom: 1.5px solid;
  padding-bottom: 20px;
}

.detail {
  margin-top: 10px;
  display: none;
}

.career>section h1 {
  text-align: center;
}

.career>section>h1 {
  /*font-size: 18px;*/
  font-family: "Helvetica Neue",Arial,Verdana;
  font-size: 30px;
  font-weight: normal;
  text-transform: uppercase;
}

a.a-detail {
  float: right;
}

a.apply-link {
  float: right;
  color: #fff;
  background-color: #242121;
  padding: 2px 5px;
  text-decoration: none;
  font-size: 10px;
}

.box-address {
  margin-top: 3px;
}

.box-address>span.address {
  float: left;
  width: 80%;
}

.box-possition>a.position {
  float: left;
  width: 65%;
  font-weight: bold;
}

.box-possition>span.amout {
  float: left;
  margin: 0 5px;
}

.box-possition {
  display: inline-block;
  width: 100%;
}

/************** career from ****************/
.career .row>div{
  margin-bottom:10px;
  clear: both;
  display: inline-block;
  width: 100%;
}

.career .row label {
  float: left;
  width: 25%;
  min-height: 20px;
  line-height: 35px;
}

.career .row span>input{
 border:0px;
 padding: 7px 10px;
}

.career>.wpcf7 {
  display: inline-block;
  /*width: 50%;*/
  margin-left: 20px;
}

.career .row span {
  float: left;
  width: 75%;
  display: inline-block;
}

.captchar>img {
  float: left;
  max-width: 86px;
  width: 18%;
  height: auto;
}

.career .row .captchar>span{
  width: 56% !important;
  float: right;
}

.career .row span>input {
  width: 100%;
  box-sizing: border-box;
  max-width: 100%;
  text-align: left;
}

.career .row .captchar>span>input {
  width: 100%;
  float: right;
}

.career input.wpcf7-submit {
  width: 100px;
  height: 30px;
}



/************ CSS Responsive *************/
.img-responsive{
  max-width: 100%;
  width: 100%;
  height: auto;
}






/************************  koh Change ********************/
.header.header-koh-chang .weather-container{
  right:0;
}

a.logo.logo-koh-chang {
  top: 40px;
  left: 5px;
}

.home-container-blocks.santhiya-tree h1 {
  font-size: 2.1em;
}

.home-container-blocks.santhiya-tree h1,
.home-container-blocks.santhiya-tree h2,
.home-container-blocks.santhiya-tree h3,
.home-container-blocks.santhiya-tree h4,
.home-container-blocks.santhiya-tree h5,
.home-container-blocks.santhiya-tree h6{
  color: #5d3816;
  text-transform: inherit;
}

span.txt-upper {
  text-transform: uppercase;
}



/*********************   welcome ********************/
.page-welcome #header-menu {
  visibility: hidden;
}

.page-welcome .weather-container.weatherFeed {
  top: 33px;
}

.page-welcome .reservation_bar ,
.home .reservation_bar {
  display: none;
}

.page-welcome .header .virtualtour {
  top: 42px;
}




/******************** chrismas ***********************/
.img-christmas {
  background-image: url('//www.santhiya.com/wp-content/uploads/2016/12/christmas.png');
  padding-bottom: 80%;
  background-size: cover;
  background-repeat: no-repeat;
  display: inline-block;
  width: 100%;
  position: relative;
}

.crm-img {
  display: inline-block;
  width: 33%;
}

.crm-img>img {
  display: inline-block;
  max-width: 100%;
}

.crm-img-1>img {
  width: 65%;
}

.crm-img-2>img {
  width: 60%;
}

.crm-img-3>img {
  width: 76%;
}

.box-crm-chlild {
  position: absolute;
  bottom: 19%;
}

.crm-img-1 {
  text-align: right;
}

.crm-img-2 {
  text-align: center;
}

.crm-img-3 {
  text-align: left;
}

@media(max-width:768px){

  img.logo-tf-stkc {
    width: 41.2%;
  }
  .crm-img{
    width:32.5%;
  }
}

.page-id-5 .zopim{
  display: none !important;
}
/******************** Find room ***********************/
#resform>ul.form-rsvn-bar{
/*  display: inline-block;
  padding-top: 4px;
  font-weight: normal;
  font-family: inherit;
  width: 100%;*/
  display: flex;
  /* margin-left: 15px; */
  padding-top: 4px;
  font-weight: normal;
  font-family: inherit;
  justify-content: center;
  width: 100%;
  align-items: center;
  flex-wrap: wrap;
}


/********************** custom devP *************************/
.block li strong {
  font-size: 12px;
  text-transform: initial;
}

.block li {
  font-size: 12px;
  text-transform: initial;
}

.content-blocks section a{
  font-size: 12px;
  text-transform: initial;
}

.content-blocks.accom section p {
  font-size: 12px;
  text-transform: initial;
  font-weight: normal;
}

.content-blocks.accom.natai section p {
  font-size: 11.5px;
}

.content-blocks.dining section p {
  font-size: 12px;
  text-transform: initial;
  font-weight: normal;
}

.content-blocks.resort_features section p {
  font-size: 12px;
  text-transform: initial;
  font-weight: normal;
}

.content-blocks > section {
  width: 23%;
}

.page-home-career .content-blocks > section {
  width: 22%;
}

.contain-container{
  max-width: 1170px;
  width: 100%;
  text-align: left;
}

.container-ig .box-ig .bx-wrapper{
  max-width: 1170px !important;
}

.container-fb .box-fb .bx-wrapper{
  max-width: 1170px !important;
}

.santhiya_slide_caption{
  width: 1170px !important;
}
/* .home-container-blocks.santhiya-tree section.thumbnail img{
  max-width: 70%;
} */
.content-blocks.spa section ul li {
  font-size: 12px;
  text-transform: initial;
  font-weight: normal;
  margin-left: 1em;
}

.fixdisnone{
  display: none;
}

.search.search-results .header-top-menu.fixdisnone{
  display: inline-block;
}
/*rate calendar reservation*/

  .inner-addon {
    position: relative;
  }

  .inner-addon .glyphicondate {
    position: absolute;
    padding: 7.5px;
    pointer-events: none;
  }

  .left-addondate .glyphicondate {
    left: 5px;
    top: 6px;
  }

  .left-addonio.textio {
    left: 10px;
    top: -3px;
    font-weight: bold;
    font-size: 11px;
  }

  .inner-addon .textio {
    position: absolute;
    padding: 4px;
    pointer-events: none;
    font-size: 11px;
    width: 70%;
  }

.kohphangan .pickerrangein,
.kohphangan .pickerrangeout{
  font-size: 11px;
  padding-right: 15px;
  padding-top: 14px;
  border: 1px solid #ccc;
  width: 105px;
}
  /*new group calendar*/
  .calendar-win-left {
    padding: 0px;
  }

  .calendar-win-left .pickerrangein {
    border: 0px solid #ccc;
    border-radius: 0px;
    border-right: 1px solid black;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
  }

  .calendar-win-rigth {
    padding: 0px;
  }

  .calendar-win-rigth .pickerrangeout{
    border: 0px solid #ccc;
    text-align: center;
  }

  .pickerrange .inner-addon.left-addondate {
    background-color: white;
    text-align: center;
  }

  .calendar-win-left .inner-addon.left-addondate{
    border-right: 1px solid black;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
  }

  .calendar-win-rigth .inner-addon.left-addondate{
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
  }

  /*new group calendar*/

.pickerrange lable{
  display: none;
}

.mobilecalendar.discalendar {
  display: none;
}

.pickerrangein, .pickerrangeout {
  width: 100%;
  height: 29px;
  background-color: white;
  border-radius: 4px;
  color: #555;
  padding-top: 7px;
  padding-left: 10px;
  border: 1px solid #734e43;
}

label.nonetext {
  display: none;
}

.calendarphangan .t-dates {
  width: 100px;
}

.calendarphangan .t-check-in .t-date-info-title,
.calendarphangan .t-check-out .t-date-info-title {
  top: 0px;
  left: 25px;
}
/*rate calendar reservation*/
@media (min-width: 768px) {
  .header{
    width: 100%;
    position: fixed;
    background-image: url(//www.santhiya.com/kohyaoyai/wp-content/uploads/2014/08/body.jpg);
  }

  .wrapper .contain-container{
    padding-top: 0;
  }

  .page-template-p_WelcomePage-php .wrapper .contain-container{
    /*padding-top: 8.3em;*/
  }

  .fixformreserve{
    position: fixed;
    max-width: 1170px;
    width: 100%;
    /*top: 75px;*/
    top: 95px;
    z-index: 9999;
    padding: 20px 0px 20px 260px;
    margin: 0px !important;
    position: absolute;
  }

  .admin-bar .fixformreserve{
    position: fixed;
    max-width: 1170px;
    width: 100%;
    top: 100px;
    z-index: 9999;
    padding: 20px 0px 20px 260px;
    margin: 0px !important;
  }

  .admin-bar .phangannone.fixformreserve {
    position: fixed;
    max-width: 1172px;
    width: 100%;
    top: 100px;
    z-index: 9999;
    padding: 17px 0px 40px 14px;
    margin: 0px !important;
}

  ul.block.welcome-destination-link.fixulwelcome{
    margin-top: 0px !important;
    display: none;
  }

  .fixulwelcome{
    max-width: 1170px;
    width: 100%;
    position: fixed !important;
    z-index: 9999 !important;
    top: 9.5em;
    padding-left: 200px !important;
    margin: 0px !important;
  }

  .home .fixulwelcome {
    padding-left: 0px !important;
  }

  .admin-bar .fixulwelcome{
    max-width: 1170px;
    width: 100%;
    position: fixed !important;
    z-index: 9999 !important;
    top: 12.5em;
    padding-left: 200px !important;
    margin: 0px !important;
  }

  .home.admin-bar .fixulwelcome{
    padding-left: 0px !important;
  }

  .home.fixformreserve-sc .bar-search-member.homemain{
    top: 78px;
  }

  .search.search-results.fixformreserve-sc .bar-search-member.homemain{
    top: 78px;
  }

  .search.search-results .fixulwelcome {
    padding-left: 0px !important;
  }

  .home.fixformreserve-sc a.in-img-b.website {
    top: 18px;
  }

/*  .fixformreserve-sc .box-logo-member {
    top: 25px;
    right: -100px;
    position: absolute;
    background-color: white;
    width: 100px;
    height: 65px;
  }*/

  /*Overlay Banner*/
  .fixformreserve-sc .box-logo-member {
    position: absolute;
    width: 9em;
    height: 7em;
    z-index: 9999;
    top: -75px;
    right: -115px;
    background: #5d3816;
    padding: 5px 0;
    -webkit-box-shadow: -5px 21px 28px -4px rgba(0, 0, 0, 0.43);
    -moz-box-shadow: -5px 21px 28px -4px rgba(0, 0, 0, 0.43);
    box-shadow: -5px 21px 28px -4px rgba(0, 0, 0, 0.43);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;

    animation: slidein 1s ease-in-out forwards;
  }

  .fixformreserve-sc .box-logo-member:before {
    content: "";
    position: absolute;
    bottom: -6em;
    left: 0;
    width: 0;
    height: 0;
    border-top: 10em solid #5d3816;
    border-right: 9em solid transparent;
    z-index: 997;
  }

  .fixformreserve-sc .box-logo-member:after {
    content: "";
    position: absolute;
    bottom: -6em;
    right: 0;
    width: 0;
    height: 0;
    border-top: 10em solid #5d3816;
    border-left: 9em solid transparent;
    z-index: 998;
  }

  @-webkit-keyframes slidein {
    from {
      transform: translate(0, -400px);
    }
    to {
      transform: translate(0, 100px);
    }
  }

  @-o-keyframes slidein {
    from {
      transform: translate(0, -400px);
    }
    to {
      transform: translate(0, 100px);
    }
  }

  @-moz-keyframes slidein {
    from {
      transform: translate(0, -400px);
    }
    to {
      transform: translate(0, 100px);
    }
  }

  @keyframes slidein {
    from {
      transform: translate(0, -400px);
    }
    to {
      transform: translate(0, 100px);
    }
  }

  /**/

  .fixformreserve-sc a.in-img-b.website {
    top: 9px;
    right: 29px;
    z-index: 99999;
  }

/*  .fixformreserve-sc .box-sc {
    bottom: 64px;
    right: 0px;
  }*/

  .home.fixformreserve-sc div.search-in-place {
    top: 10.7vh !important;
  }

  .fixformreserve-sc a.logo.logo-koh-chang {
    top: 70px;
  }

  .fixformreserve-sc .logo{
    top: 70px;
  }

  .home.fixformreserve-sc .logo {
    top: 25px;
  }

  .admin-bar.fixformreserve-sc div.search-in-place {
    top: 7vh !important;
  }

  .home.admin-bar.fixformreserve-sc div.search-in-place {
    top: 14vh !important;
  }


  .home .fixformreserve-sc .box-sc {
    bottom: -117px;
  }

  .fixformreserve-sc div.search-in-place {
    top: 3.6vh !important;
  }

  .fixpadheader{
    padding-bottom: 117px;
  }

  .heighthead {
    /*height: 90px !important;*/
    height: 110px !important;
  }

  .admin-bar .heighthead {
    height: 110px !important;
  }

  .heighthead .bar-search-member{
    top: 3px;
  }

  .reservation_bar.fixformreserve select#hotelID {
    display: inherit;
    width: 103%;
  }

  .reservation_bar.fixformreserve ul.block.form-rsvn-bar li input#checkin,
  .reservation_bar.fixformreserve ul.block.form-rsvn-bar li input#checkout{
    display: inherit;
    height: 30px;
  }

  .reservation_bar.fixformreserve span.ui-spinner.ui-widget.ui-widget-content.ui-corner-all {
    display: inherit;
  }

  .reservation_bar.fixformreserve span.ui-spinner.ui-widget.ui-widget-content.ui-corner-all {
    display: inherit;
  }

  .reservation_bar.fixformreserve a.btn.btn-find-rooms {
    float: right;
    margin-right: -28px;
    margin-top: -2px;
  }

/*  .koh-chang .reservation_bar.fixformreserve a.btn.btn-find-rooms {
    margin-top: -29px;
  }*/

  .Natai .reservation_bar.fixformreserve a.btn.btn-find-rooms {
    margin-top: 22px;
  }

  .hotels1.fixformreserve a.btn.btn-find-rooms{
    margin-top: 23px;
  }
    /*rate calendar reservation*/
  .reservation_bar.fixformreserve label.nonetext {
    display: inline-block;
  }

  .reservation_bar.fixformreserve .outt{
    padding-left: 18%;
  }
  .reservation_bar.fixformreserve .datepickerwindowio.discalendar{
    margin-top: 7px;
  }
  .reservation_bar.fixformreserve .row.kohphangan {
    margin-left: -30px;
    margin-right: -30px;
  }

  .reservation_bar.fixformreserve .pickerrange lable{
    display: block;
  }
  /*rate calendar reservation*/
}
@media (min-width: 992px) {
  .fixdisplay{
    display: inherit  !important;
  }

  .custom_reservation_bar#reservation_box{
    background-color: #eec081;
    padding: 15px;
    max-width: 1170px;
    width: 100%;
    position: fixed;
    z-index: 9999;
    top: 149px;
    padding-top: 35px;
  }

  .custom_reservation_bar#reservation_box h3{
    background-color: #eec081;
    color: #5d3816;
    padding: 0;
    font-size: 20px;
  }

  .custom_reservation_bar#reservation_box ul.block.form-rsvn-bar li {
    margin-right: 10px;
    color: #5d3816;
  }

  input.btn.custom-reserve {
    margin-top: -10px !important;
    float: right;
  }

  #checkins{
    width: 80px;
  }
}


/********************** custom CSS **************************/
#menu-header-top-menu>li:first-child>a {
  font-weight: bold;
}

.footer-menu a {
  color: #e5cc9e;
}

.horizontal-content .thumbnail-content {
  width: 20%;
  display: inline-block;
}

.horizontal-content .content-detail {
  display: inline-block;
  width: 70%;
  margin-left: 2%;
}

.horizontal-content > section a.readmore {
  right: 100px;
}

ul.dashed {
  list-style-type: none;
}

ul.dashed > li {
  text-indent: -11px;
  list-style: none;
  margin-left: 0px;
  padding-left: 20px;
}

ul.dashed > li:before {
  content: "-";
  text-indent: -5px;
}

#tablepress-5 .column-4,#tablepress-5 .column-5{
  text-align: center;
}

/*################## Dev Earn ##################*/
.table-transfer .row-1 td.column-1,
.table-transfer .row-1 td.column-2{
  background: #fdd9a9;
  border-left: 1px solid #FFCC72;
}

.table-transfer .row-2 td.column-1,
.table-transfer .row-2 td.column-2,
.table-transfer .row-3 td.column-1,
.table-transfer .row-3 td.column-2{
  background: #fce8cf;
  border-left: 1px solid #FFCC72;
}

.rsv_box_content{
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  color: #7d4f35;
}

.rsv_box_content i.fa.fa-calendar {
  top: 11px;
  right: 10px;
}

@media (max-width: 767px) and (min-width: 250px){
  .content-blocks section.section-box-hotel-all{
    height: 450px !important;
  }
  /*mobile home logo login member*/

  .box-logo-login-member .img-member-new-desk {
    width: 100%;
    display: inline-block;
    margin-top: 3px;
  }

  .img-profile-acc-m {
    padding: 17px 20px;
    margin: 0 auto;
    width: 50%;
  }

  .bar-search-member.homemain {
    width: 100%;
    position: fixed;
    height: 0px;
    top: 60px;
    background-image: linear-gradient(to right, #643916 , #8f6748);
  }

  .box-logo-login-member {
    width: 70px;
    height: 70px;
    position: absolute;
    margin-right: 0px;
    border-radius: 0px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    background-color: #835b38;
    padding: 0px;
    box-shadow: 1px 1px 5px #000;
  }

  .img-profile-acc {
    background-color: #e0b487;
    border: solid 1px #FFFFFF;
    border-radius: 50%;
    padding: 15px 20px;
    width: 50%;
    padding-left: 10px;
    background-size: contain;
    background-position: center center;
    margin: 0 auto;
  }

  .box-logo-login-member .name-profile {
    width: 100%;
    display: inline-block;
    float: inherit;
    text-align: center;
    color: white;
  }
  /*mobile home logo login member*/

  .tp-mask .tp-thumbcontainer .bullet.thumb{
    height: 30px !important;
  }

  .tp-bullets.tp-thumbs .tp-mask {
    height: 30px !important;
  }

  .tp-bullets.tp-thumbs.round{
    height: 35px !important;
    bottom: -35px !important;
  }

  .main-new-box-rt {
    display: block;
    margin-top: 45px !important;
  }

  .block.welcome-destination-link {
    margin-top: 33px !important;
  }

  .zopim {
    display: none !important;
  }

  .goog-logo-link {
    display:none !important;
  } 

  .goog-te-gadget{
    color: transparent !important;
  }

  .box-menu-mobile select.goog-te-combo {
    width: 100%;
    height: 20px;
  }

  .page-id-26 a.nav-book-room ,
  .page-id-26 a.nav-book-tra,
  .page-id-4027 a.nav-book-room ,
  .page-id-4027 a.nav-book-tra{
    height: 46px;
    position: relative;
    z-index: 100;
  }

  .page-id-26 .nav-meun-mobile-main a,
  .page-id-4027 .nav-meun-mobile-main a{
    border-bottom: 0px solid;
  }

  .page-id-26 .nav-meun-mobile-main a.actb-t,
  .page-id-4027 .nav-meun-mobile-main a.actb-t {
    padding: 1.5em 1em 2.2em 1em;
  }

  .new-moblie-book-r-tt.menu-nav-block ,
  .new-moblie-book-r-t.menu-nav-block{
    z-index: 102;
    position: relative;
  }

  
  .rsv_box_content i.fa.fa-calendar {
    top: 0px;
  }

  .reservation_bar.phangannone{
    display: none;
  }

  #reservation_box,
  .reservation_bar {
    /*display:none;*/
  }

  .welcome-reservation-for-m,
  .welcome-reservation-for-m #reservation_box{
    display: inline-block !important;
    width: 100%;
  }

  .reservation_bar_m{
    display: inline-block !important;
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
    margin-top: 2%;
    padding-bottom: 5px;
  }

  ul.block.form-rsvn-bar li h3{
    text-align: center;
    color: #7d4f35;
    font-weight: bold;
    margin-bottom: 0px;
    margin-top: 0px;
    font-size: 16px;
    padding: 13px 0;
    background: linear-gradient(to bottom, rgba(192,147,87,1) 0%, rgba(224,178,119,1) 26%, rgba(232,187,128,1) 42%, rgba(232,187,128,1) 58%, rgba(224,178,119,1) 77%, rgba(192,147,87,1) 100%);
  }

  ul.block.welcome-destination-link li a {
    color: #fadaab;
    font-size: 10px;
    text-decoration: none;
    text-transform: uppercase;
  }
}
.rsv_box_content p {
  margin-bottom: 0px;
  margin-top: 10px;
}

.rsv_box_content .form-group {
  margin-bottom: 0px;
}

.rsv_box_content i.fa.fa-calendar {
  color: #5d3918;
}

.rsv_box_content input,
.rsv_box_content select{
  border: 1px solid #734e43;
}

#reservation_box h3,
.reservation-bar-for-m h3{
  color: #7d4f35;
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 0px;
  margin-top: 0px;
  background: rgba(192,147,87,1);
  background: -moz-linear-gradient(top, rgba(192,147,87,1) 0%, rgba(224,178,119,1) 26%, rgba(232,187,128,1) 42%, rgba(232,187,128,1) 58%, rgba(224,178,119,1) 77%, rgba(192,147,87,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(192,147,87,1)), color-stop(26%, rgba(224,178,119,1)), color-stop(42%, rgba(232,187,128,1)), color-stop(58%, rgba(232,187,128,1)), color-stop(77%, rgba(224,178,119,1)), color-stop(100%, rgba(192,147,87,1)));
  background: -webkit-linear-gradient(top, rgba(192,147,87,1) 0%, rgba(224,178,119,1) 26%, rgba(232,187,128,1) 42%, rgba(232,187,128,1) 58%, rgba(224,178,119,1) 77%, rgba(192,147,87,1) 100%);
  background: -o-linear-gradient(top, rgba(192,147,87,1) 0%, rgba(224,178,119,1) 26%, rgba(232,187,128,1) 42%, rgba(232,187,128,1) 58%, rgba(224,178,119,1) 77%, rgba(192,147,87,1) 100%);
  background: -ms-linear-gradient(top, rgba(192,147,87,1) 0%, rgba(224,178,119,1) 26%, rgba(232,187,128,1) 42%, rgba(232,187,128,1) 58%, rgba(224,178,119,1) 77%, rgba(192,147,87,1) 100%);
  background: linear-gradient(to bottom, rgba(192,147,87,1) 0%, rgba(224,178,119,1) 26%, rgba(232,187,128,1) 42%, rgba(232,187,128,1) 58%, rgba(224,178,119,1) 77%, rgba(192,147,87,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c09357', endColorstr='#c09357', GradientType=0 );
}

.rsv_box_content i.fa.fa-search {
  background-color: #996235;
  padding: 5px;
  border-radius: 5px;
  color: #edc085;
}

.row.search-box i.fa.fa-search,
.row.search-box p{
  display: inline-block;
  margin-bottom: 5px;
}

.btn-check-rate {
  margin-top: 10px;
  text-align: center;
}

.btn-check-rate>a{
  background-color: #996235;
  border-radius: 0px;
  color: #ffe2ae;
  border: 0px;
  box-shadow: 0px 0px 5px #b6ab99;
}

.btn-check-rate>a:hover,
.btn-check-rate>a:focus,
.btn-check-rate>a:active {
  text-shadow: none;
  color: #ffe2ae;
  background-color: #a1723b;
}

/*#menu-header-menu>li>a:after,
#header-menu>ul>li>a:after{
  color:#ffe6c4;
  content: " | ";
  padding-left: 10px;
}*/

.header .weather-container {
  display: inline-block;
  width: 100%;
  padding: 0 20px !important;
  margin: 0;
  box-sizing: border-box;
  display: none !important;
}

.header-top-menu .language{
  position: absolute;
  top: 1px;
  /*right: 120px;*/
  /*right: 305px;*/
  right: 0px;
  padding-top: 4px;
}

.reservation_bar ul li label {
  font-weight: normal;
  font-size: 14px;
}

.reservation_bar .h_name{
  display: inline;
  width: 57%;
  height: 27px;
  padding: 0;
  font-size: 12px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;

}

.reservation_bar.fixformreserve .block.form-rsvn-bar {
  margin-top: 14px;
}

.reservation_bar.fixformreserve .block.form-rsvn-bar li {
  margin-right: 20px;
}

.language li {
  list-style:none;
}

.box-menu-mobile div#google_translate_element {
  position: absolute;
  right: 0;
  margin-top: -15px;
  height: 2.3em;
  overflow: hidden;
  /*width: 8em;*/
}

.box-menu-mobile select.goog-te-combo {
  width: 100%;
  font-size: 9px;
  color: black;
}

/*div#fixheader .language */
div.language 
{
  top: 10px;
  right: 115px;
}

/*div .rev_slider_wrapper {
  margin-top: 100px !important;
  display: inline-block;
  display: inline-block;
  width: 100%;
}*/

div .rev_slider_wrapper {
  /*margin-top: 160px !important;*/
  display: inline-block;
  width: 100%;
}

body.home .header {
  height: 99px;
}

body.home .rev_slider_wrapper {
  margin-top: 0px !important;
}

.search.search-results .rev_slider_wrapper {
  margin-top: 102px !important;
}

body.home.page-template.page-template-p_WelcomePage.page-template-p_WelcomePage-php.page.page-id-5.page-welcome div#rev_slider_1_1_wrapper {
  margin-top:0px !important;
}

/* Custom css */
.header-top-menu>ul.block.footer-social-menu{
  left: initial;
  top: 4px;
  right: 2px;
  text-align: initial;
}

div#fixheader ul#menu-header-top-home-menu {
  right: 284px;
  font-size: 11.5px;
}
/*serch destination box*/
ul.selectdastination li,
ul.select_dest {
  cursor: pointer;
}

.reservation_bar div#hotelID {
  margin-left: auto;
  width: 131px;
  font-size: smaller;
  position: absolute;
  right: 0;
}

div#fixheader .header-top-menu {
  display: inline-block;
}

#hotelID>ul>li:hover {
  background-color: #1171b7;
  color: #fff;
  text-decoration: none;
  width:130px;
}

ul.selectdastination {
  display: grid;
  background-color: #fff;
  box-shadow: 3px 1px 6px 0 #e6e7e8;
}

.reservation_bar input#dest {
  width: 100px;
  font-size: 11px;
  display: table-row-group;
  height: 29px;
  text-align: left;
}

.reservation_bar.fixformreserve input#dest {
  display: inherit !important;
  cursor: pointer;
}

.rsv_box_content div#hotelID ul>li,
.rsv_box_content ul.select_dest {
  list-style: none;
  margin-right: 15px;
  font-size: 13px;
  padding-bottom: 6px;
  padding-top: 6px;
  background-color: #fff;
  padding-left: 15px;

}

.rsv_box_content div.h_name ul>li:hover {
    width:90%;
    background-color: #1171b7;
    color: #fff;
}

ul.select_dest li {
  list-style: none;
  padding-bottom: 6px;
  padding-top: 6px;
  margin-left: 0px;
}
ul.selectdastination li {
  margin-bottom: 4px;
}

.h_name.fp,
.reservation_bar_m .h_name {
  position: absolute;
  z-index: 5;
  width: 96%;
}

.fp{
  position: relative;
}
/*Gallery*/
li.background-img {
  display: inline-block;
  height: 220px;
  width: 32.33%;
  background-size: cover;
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
  box-sizing: border-box;
  padding: 1em;
  background-position: center;
}

.img-item ul {
  background-size: cover;
  display: inline-block;
  width: 100%;
}

li.item-img {
  height: 300px;
  width: 32.33%;
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
  box-sizing: border-box;
  padding: 1em;
}

a.background-img {
  width: 100%;
  height: 90%;
  display: inline-block;
  background-position: center;
  background-size: cover;
}

ul.box-item {
  display: inline-block;
  width: 100%;
}

li.item-img a.btn {
  width: 100%;
}

.item-box-kohchang {
  width: 100%;
  height: 100%;
  border: 1px solid #5d3816;
  border-radius: 4px;
  /* margin: 5px; */
  padding: 1em;
}

li.img-item {
  height: 300px;
  width: 33.33%;
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
  box-sizing: border-box;
  padding: 1em;
}

.img-accom,
.img-background{
  height: 100%;
}

ul.img,
ul.img-cat {
  display: inline-block;
  /*height: 100%;*/
  width: 100%;
}

@media (max-width: 425px) and (min-width: 250px){
  li.background-img {
    width: 46% ;
  }
  li.img-item ,
  li.item-img{
    width: 100%;
  }
  .skiptranslate.goog-te-gadget {
    height: 29px;
    overflow: hidden;
  }
  div.skiptranslate {
    display: none;
  }
}

@media (min-width: 767px) and (max-width: 1024px){
  li.background-img {
    width: 31.33%;
  }

  html, body {
  overflow-x: hidden;
  }

  body {
    position: relative;
  }

  .home .box-sc {
    width: 15vw;
  }

  li#menu-item-87{
    box-sizing: content-box;
    width: 87px;
  }

  li#menu-item-88{
    box-sizing: content-box;
    width: 60px;
  }

  li#menu-item-1150{
    box-sizing: content-box;
    width: 87px;
  }

  li#menu-item-1550{
    box-sizing: content-box;
    width: 87px;
  }

  li#menu-item-6156{
    box-sizing: content-box;
    width: 60px;
  }

  li#menu-item-995{
    box-sizing: content-box;
    width: 87px;
  }

  li#menu-item-7556{
    box-sizing: content-box;
    width: 87px;
  }

  li#menu-item-90{
    box-sizing: content-box;
    width: 87px;
  }

  li#menu-item-91{
    box-sizing: content-box;
    width: 87px;
    border: 0px solid;
  }


}

@media (min-width: 250px) and (max-width: 767px){
  body.home.page-template.page-template-p_WelcomePage.page-template-p_WelcomePage-php.page.page-id-5.page-welcome div#rev_slider_1_1_wrapper {
      margin-top: -5px !important;
  }

  .search.search-results .rev_slider_wrapper {
    margin-top: 0px !important;
  }

  .search.search-results .header-top-menu{
    display: inline-block !important;
  }
}
/**********************offer***************************/
ul.block-offer {
  width: 100%;
  display: inline-block;
}

li.img-offer {
  height: 270px;
  width: 25%;
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
  box-sizing: border-box;
  padding: 1em;
  position: relative;
  margin-bottom: 20px;
}

a.offer-img {
  height: 160px;
  width: 100%;
  display: inline-block;
  background-size: cover;
  background-position: center;
}

.content-blocks.activities h2 {
  margin-top: 10px;
  font-size: 14px;
  font-weight: bold;
}

.content-blocks.activities a:hover {
  text-decoration: none;
}

a.readmore {
  position: absolute;
  bottom: 10px;
  right: 10px;
  font-weight: bold;
  font-size: 12px;
  text-transform: initial;
}

.img-itm {
  background: #fadaab;
  height: 270px;
  position: relative;
  padding: 1em;
}

.content-img label {
  font-size: 20px;
}

div#attachment_14720,div#attachment_14702,div#attachment_14768,div#attachment_14710 {
  background: none;
}

.content-blocks.spa > section a.readmore {
  bottom: 13px;
  left: 10px;
}

a.edit {
  position:  absolute;
  right: 22px;
}

table#tablepress-42 tr.row-2>td.column-1,
table#tablepress-10 tr.row-3>td.column-1,
table#tablepress-9 tr.row-3>td.column-1,
table#tablepress-8 tr.row-3>td.column-1,
table#tablepress-6 tr.row-3>td.column-1,
table#tablepress-41 tr.row-3>td.column-1,
table#tablepress-3 tr.row-3>td.column-1 {
  width: 650px;
}

/* table#tablepress-41 tr>td,
table#tablepress-9 tr>td {
  border: #FFCC72;
} */

table#tablepress-10 tr>td.column-4,
table#tablepress-42 tr>td.column-4 {
  border-top: none;
}

table#tablepress-42 tr>td.column-4,
table#tablepress-43 tr>td.column-4,
table#tablepress-10 tr>td.column-4,
table#tablepress-9 tr>td.column-4,
table#tablepress-8 tr>td.column-4,
table#tablepress-6 tr>td.column-4,
table#tablepress-41 tr>td.column-4,
table#tablepress-3 tr>td.column-4,
table#tablepress-72 tr>td.column-4{
  border-left: solid 1px #FFCC72;
}

.tablepress.tablepress-id-72 td{
  border-top: 0px solid #ddd;
  border-bottom: 0px solid #FFCC72;
}


table#tablepress-41 tr>td.column-2>center,
table#tablepress-41 tr>td.column-3>center,
table#tablepress-6 tr>td.column-2>center,
table#tablepress-6 tr>td.column-3>center,
table#tablepress-9 tr>td.column-2>center,
table#tablepress-9 tr>td.column-3>center,
table#tablepress-9 tr>td.column-2>center,
table#tablepress-9 tr>td.column-3>center{
  padding-top: 14%;
}

table#tablepress-59 tr.row-1>td {
  width: 25%;
}

a.img_box_transfer {
  /* display: block;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 83px;
  width: 100%; */
  display: block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  height: 110px;
  width: 70%;
  justify-self: anchor-center;
}

table#tablepress-59 tr>td{
   border-left: 1px solid #FFCC72;
}

#tablepress-59 tr.row-6 .column-1 {
  text-align: left;
  padding-left: 20px;
}

body>.header{
  height: 166px;
  max-width: 1170px;
  margin: 0 auto;
  position: relative;
}

.search.search-results >.header{
  height: 99px;
}

a.logo img {
  width: 19%;
  height: auto;
}

table#tablepress-63 tr td,
table#tablepress-63 tr th {
  border-right: 1px solid #FFCC72;
}

table#tablepress-63,
table#tablepress-88 {
  width: 65%;
  margin-left:  auto;
  margin-right:  auto;
}

table#tablepress-63 tr>td.column-1  {
  width: 19%;
}

table#tablepress-63 tr td.column-3 {
  width: 16%;
}

table#tablepress-63 tr td.column-2{
  width: 22%;
}

ul.download-img {
  display: inline-block;
  height: 100%;
  width: 100%;
}

.dw-kohyaoyai ul.download-img>li {
  height: 300px;
  width: 33.33%;
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
  padding: 1em;
  background:  transparent;
}

.dw-kohyaoyai.new-dw-koh ul.download-img>li {
  width: 100%;
  height: 180px;
}

.hide-block-img {
  display: block;
  height: 50px;
}

input#discount_code {
  display: table-row-group;
  width: 70px;
  height: 25%;
}

.reservation_bar.fixformreserve input#discount_code {
  display: inherit;
}

.page-template-p_HomePageKohChang input#dest {
  width: 125px;
  font-size: 12px;
  text-align: center;
}

.page-template-p_HomePageKohChang ul.block.form-rsvn-bar li input#checkin, 
.page-template-p_HomePageKohChang ul.block.form-rsvn-bar li input#hid, 
.page-template-p_HomePageKohChang ul.block.form-rsvn-bar li input#checkout {
  width: 127px;
  font-size: 14px;
}

.discount-mb input#discount_code {
  width:  100%;
}

.max-people-accom{
  display: inline-block;
  margin-bottom: 0;
}

a.background-img.wedding-ga {
  width: 100%;
  height: 100%;
  border-radius: 3px;
}

/*-------------------------------table schedules Kohphangan-------------------------*/
a.img_schedules {
  display: block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  height: 65px;
  width: 100%;
  margin-top: -14px;
  margin-bottom: -28px;
}

a.img_schedules_car {
  display: block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  height: 260px;
  width: 100%;
  margin-top: -14px;
  margin-bottom: -28px;
}

a.img_schedules_ship {
  display: block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  height: 300px;
  width: 100%;
  margin-top: -14px;
  margin-bottom: -28px;
}

a.img_schedules_airport {
  display: block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  height: 180px;
  width: 100%;
  margin-top: -14px;
  margin-bottom: -28px;
}

a.img_schedules_marina {
  display: block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  height: 180px;
  width: 100%;
  margin-top: -14px;
  margin-bottom: -28px;
}

a.img_schedules_resort {
  display: block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  height: 180px;
  width: 100%;
  margin-top: 2px;
  margin-bottom: -14px;
}

table#tablepress-67 tr.row-5 td.column-3,
table#tablepress-67 tr.row-8 td.column-3 {
  border-bottom: 1px solid #ae8255;
}

table#tablepress-67 tr.row-1>td.column-1{
  background-color: #895d32;
  border: 1px solid;
  border-color: #ae8255;
}

table#tablepress-67 tr.row-4>td.column-1,
table#tablepress-67 tr.row-4>td.column-2,
table#tablepress-67 tr.row-4>td.column-3{
  background-color: #e3c297;
}

table#tablepress-67 tr.row-4>td.column-1,
table#tablepress-67 tr.row-4>td.column-2,
table#tablepress-67 tr.row-4>td.column-3{
  font-family: Tahoma,Verdana,Segoe,sans-serif;
  font-size: 1.5em;
  color:#754c24;
  border: 1px solid;
  border-color: #ad8155;
  padding-top: 22px;
  padding-bottom: 22px;
}

.tablepress.table-transfer-schedule-3 {
  display: none;
  border: 1px solid;
  border-color: #ae8255;
}

.tablepress.table-transfer-schedule-3 tbody td {
  background-color: #FCE8CF;
  border: 0;
  border-left: 1px solid;
  border-color: #FFCC72;
  vertical-align: middle;
  text-align: center;
}

.table-transfer-schedule-3 td.column-1 {
  vertical-align: middle;
}

.table-transfer-schedule-3 tr.row-5>td.column-1,
.table-transfer-schedule-3 tr.row-5>td.column-2,
.table-transfer-schedule-3 tr.row-7>td.column-2,
.table-transfer-schedule-3 tr.row-8>td.column-2,
.table-transfer-schedule-3 tr.row-9>td.column-1,
.table-transfer-schedule-3 tr.row-9>td.column-2,
.table-transfer-schedule-3 tr.row-12>td.column-2{
  background-color: #fdd9a9;
  border: 1px solid;
  border-color: #ae8255;
}

.table-transfer-schedule-3 tr.row-5>td.column-1,
.table-transfer-schedule-3 tr.row-9>td.column-1{
  padding-left: 0px;
  padding-right: 0px;
}

.table-transfer-schedule-3 tr.row-5>td.column-3,
.table-transfer-schedule-3 tr.row-6>td.column-3,
.table-transfer-schedule-3 tr.row-7>td.column-3,
.table-transfer-schedule-3 tr.row-8>td.column-3,
.table-transfer-schedule-3 tr.row-9>td.column-3,
.table-transfer-schedule-3 tr.row-10>td.column-3,
.table-transfer-schedule-3 tr.row-12>td.column-3,
.table-transfer-schedule-3 tr.row-13>td.column-3,
.table-transfer-schedule-3 tr.row-14>td.column-3,
.table-transfer-schedule-3 tr.row-15>td.column-3,
.table-transfer-schedule-3 tr.row-16>td.column-3,
.table-transfer-schedule-3 tr.row-17>td.column-3,
.table-transfer-schedule-3 tr.row-19>td.column-3,
.table-transfer-schedule-3 tr.row-20>td.column-3,
.table-transfer-schedule-3 tr.row-21>td.column-3,
.table-transfer-schedule-3 tr.row-22>td.column-3,
.table-transfer-schedule-3 tr.row-23>td.column-3,
.table-transfer-schedule-3 tr.row-24>td.column-3{
  border-bottom: 1px solid #edc997;
  border-right: 1px solid #ae8255;
  font-family: Tahoma,Verdana,Segoe,sans-serif;
  color:#754c24;
  font-weight: bold;
  padding-bottom: 33px;
  padding-top: 33px;
  width: 22%;
}

.table-transfer-schedule-3 tr.row-7>td.column-3,
.table-transfer-schedule-3 tr.row-10>td.column-3,
.table-transfer-schedule-3 tr.row-11>td.column-3,
.table-transfer-schedule-3 tr.row-14>td.column-3{
  border-bottom: 1px solid;
  border-color: #ae8255;
  font-family: Tahoma,Verdana,Segoe,sans-serif;
  color:#754c24;
  font-weight: bold;
  padding-bottom: 33px;
  padding-top: 33px;
}

/*-------------------------------table schedules Kohphangan Option-------------------------*/
.tablepress.table-transfer-schedule-4 {
  display: none;
  border: 1px solid;
  border-color: #ae8255;
}

.tablepress.table-transfer-schedule-4 tbody td {
  background-color: #FCE8CF;
  border: 0;
  border-left: 1px solid;
  border-color: #FFCC72;
  vertical-align: middle;
  text-align: center;
}

a.img_option {
  display: block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  height: 61px;
  width: 100%;
  margin-top: -14px;
  margin-bottom: -28px;
}

a.img_option_airport {
  display: block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  height: 195px;
  width: 100%;
  margin-top: -5px;
  margin-bottom: -24px;
}

a.img_option_marina {
    display: block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 195px;
    width: 100%;
    margin-top: -5px;
    margin-bottom: -24px;
}

table#tablepress-68 tr.row-1>th.column-1{
  background-color: #895d32;
  border-bottom: 1px solid;
  border-color: #ae8255;
}


table#tablepress-68 tr.row-2>td.column-1,
table#tablepress-68 tr.row-2>td.column-2,
table#tablepress-68 tr.row-3>td.column-2,
table#tablepress-68 tr.row-3>td.column-3{
  background-color: #e3c297;
  border-bottom: 1px solid;
  border-color: #ae8255;
}

table#tablepress-68 tr.row-2>td.column-1,
table#tablepress-68 tr.row-2>td.column-2,
table#tablepress-68 tr.row-3>td.column-2,
table#tablepress-68 tr.row-3>td.column-3,
table#tablepress-68 tr.row-4>td.column-1,
table#tablepress-68 tr.row-4>td.column-2,
table#tablepress-68 tr.row-4>td.column-3,
table#tablepress-68 tr.row-11>td.column-1,
table#tablepress-68 tr.row-11>td.column-2,
table#tablepress-68 tr.row-11>td.column-3{
  font-family: Tahoma,Verdana,Segoe,sans-serif;
  color:#754c24;
  font-size: 1.3em;
  border-bottom: 1px solid;
  border-color: #ae8255;
}

table#tablepress-68 tr.row-4>td.column-1,
table#tablepress-68 tr.row-11>td.column-1{
  background-color:#fdd9a9;
}


/*-------------------------------table schedules Kohchang-------------------------*/
a.img_schedules_Kohchang {
  display: block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  height: 65px;
  width: 100%;
  margin-top: -14px;
  margin-bottom: -28px;
}

a.img_schedules_car_Kohchang {
  display: block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  height: 170px;
  width: 100%;
  margin-top: -14px;
  margin-bottom: -28px;
}

a.img_schedules_ship_Kohchang {
  display: block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  height: 300px;
  width: 100%;
  margin-top: -14px;
  margin-bottom: -28px;
}
a.img_schedules_airport_Kohchang {
  display: block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  height: 180px;
  width: 100%;
  margin-top: -6px;
  margin-bottom: -28px;
}

a.img_schedules_marina_Kohchang {
  display: block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  height: 180px;
  width: 100%;
  margin-top: -14px;
  margin-bottom: -28px;
}

a.img_schedules_resort_Kohchang {
  display: block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  height: 180px;
  width: 100%;
  margin-top: -14px;
  margin-bottom: -21px;
}

table#tablepress-69 tr.row-1>td.column-1{
  background-color: #895d32;
  border: 1px solid;
  border-color: #ae8255;
}

table#tablepress-69 tr.row-4>td.column-1,
table#tablepress-69 tr.row-4>td.column-2,
table#tablepress-69 tr.row-4>td.column-3{
  background-color: #e3c297;
}

table#tablepress-69 tr.row-4>td.column-1,
table#tablepress-69 tr.row-4>td.column-2,
table#tablepress-69 tr.row-4>td.column-3{
  font-family: Tahoma,Verdana,Segoe,sans-serif;
  font-size: 1.5em;
  color:#754c24;
  border: 1px solid;
  border-color: #ad8155;
  padding-top: 22px;
  padding-bottom: 22px;
}

.tablepress.table-transfer-schedule-5 {
  display: none;
  border: 1px solid;
  border-color: #ae8255;
}

.tablepress.table-transfer-schedule-5 tbody td {
  background-color: #FCE8CF;
  border: 0;
  border-left: 1px solid;
  border-color: #FFCC72;
  vertical-align: middle;
  text-align: center;
}

.table-transfer-schedule-3 td.column-5 {
  vertical-align: middle;
}

.table-transfer-schedule-5 tr.row-5>td.column-1,
.table-transfer-schedule-5 tr.row-5>td.column-2,
.table-transfer-schedule-5 tr.row-8>td.column-1,
.table-transfer-schedule-5 tr.row-8>td.column-2,
.table-transfer-schedule-5 tr.row-11>td.column-2{
  background-color: #fdd9a9;
  border: 1px solid;
  border-color: #ae8255;
}

.table-transfer-schedule-5 tr.row-5>td.column-1,
.table-transfer-schedule-5 tr.row-9>td.column-1{
  padding-left: 0px;
  padding-right: 0px;
}

.table-transfer-schedule-5 tr.row-5>td.column-3,
.table-transfer-schedule-5 tr.row-6>td.column-3,
.table-transfer-schedule-5 tr.row-7>td.column-3,
.table-transfer-schedule-5 tr.row-8>td.column-3,
.table-transfer-schedule-5 tr.row-9>td.column-3,
.table-transfer-schedule-5 tr.row-10>td.column-3,
.table-transfer-schedule-5 tr.row-11>td.column-3,
.table-transfer-schedule-5 tr.row-12>td.column-3,
.table-transfer-schedule-5 tr.row-13>td.column-3,
.table-transfer-schedule-5 tr.row-14>td.column-3,
.table-transfer-schedule-5 tr.row-15>td.column-3,
.table-transfer-schedule-5 tr.row-16>td.column-3,
.table-transfer-schedule-5 tr.row-17>td.column-3,
.table-transfer-schedule-5 tr.row-19>td.column-3,
.table-transfer-schedule-5 tr.row-20>td.column-3,
.table-transfer-schedule-5 tr.row-21>td.column-3,
.table-transfer-schedule-5 tr.row-22>td.column-3,
.table-transfer-schedule-5 tr.row-23>td.column-3,
.table-transfer-schedule-5 tr.row-24>td.column-3{
  border-bottom: 1px solid #edc997;
  border-right: 1px solid #ae8255;
  font-family: Tahoma,Verdana,Segoe,sans-serif;
  color:#754c24;
  font-weight: bold;
  padding-bottom: 33px;
  padding-top: 33px;
  width: 22%;
}

.table-transfer-schedule-5 tr.row-7>td.column-3,
.table-transfer-schedule-5 tr.row-10>td.column-3,
.table-transfer-schedule-5 tr.row-13>td.column-3{
  border-bottom: 1px solid;
  border-color: #ae8255;
  font-family: Tahoma,Verdana,Segoe,sans-serif;
  color:#754c24;
  font-weight: bold;
  padding-bottom: 33px;
  padding-top: 33px;
}

/*-------------------------------table schedules Kohchang Option-------------------------*/
.tablepress.table-transfer-schedule-6 {
  display: none;
  border: 1px solid;
  border-color: #ae8255;
}

.tablepress.table-transfer-schedule-6 tbody td {
  background-color: #FCE8CF;
  border: 0;
  border-left: 1px solid;
  border-color: #FFCC72;
  vertical-align: middle;
  text-align: center;
}

a.img_option_Kohchang {
  display: block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  height: 61px;
  width: 100%;
  margin-top: -14px;
  margin-bottom: -28px;
}

a.img_option_airport_Kohchang {
  display: block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  height: 195px;
  width: 100%;
  margin-top: -5px;
  margin-bottom: -28px;
}

a.img_option_marina_Kohchang {
  display: block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  height: 195px;
  width: 100%;
  margin-top: -14px;
  margin-bottom: -28px;
}
table#tablepress-70 tr.row-1>th.column-1{
  background-color: #895d32;
  border-bottom: 1px solid;
  border-color: #ae8255;
}


table#tablepress-70 tr.row-2>td.column-1,
table#tablepress-70 tr.row-2>td.column-2,
table#tablepress-70 tr.row-3>td.column-2,
table#tablepress-70 tr.row-3>td.column-3{
  background-color: #e3c297;
  border-bottom: 1px solid;
  border-color: #ae8255;
}

table#tablepress-70 tr.row-2>td.column-1,
table#tablepress-70 tr.row-2>td.column-2,
table#tablepress-70 tr.row-3>td.column-2,
table#tablepress-70 tr.row-3>td.column-3,
table#tablepress-70 tr.row-4>td.column-1,
table#tablepress-70 tr.row-4>td.column-2,
table#tablepress-70 tr.row-4>td.column-3,
table#tablepress-70 tr.row-11>td.column-1,
table#tablepress-70 tr.row-11>td.column-2,
table#tablepress-70 tr.row-11>td.column-3{
  font-family: Tahoma,Verdana,Segoe,sans-serif;
  color:#754c24;
  font-size: 1.3em;
  border-bottom: 1px solid;
  border-color: #ae8255;
}

table#tablepress-70 tr.row-4>td.column-1,
table#tablepress-70 tr.row-11>td.column-1{
  background-color:#fdd9a9;
}

.pfont{
  font-size: 1.5em;
  margin-right:0px;
}
.pricesbtn{
  margin-right:0px !important;
  background-color: #764c24;
  color: #fff !important;
  font-weight: bold;
  padding: 3px 12px;
  margin-top: -7px;
  border-radius: 0;
  height: 45px;
  padding-left:20px;
  padding-right:20px;
}

/*-------------------------------table SCHEDULES & FARES Kohphangan-------------------------*/
a.img_schedules_FARES {
  display: block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  height: 65px;
  width: 100%;
  margin-top: -14px;
  margin-bottom: -28px;
}

a.img_schedules_car {
  display: block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  height: 260px;
  width: 100%;
  margin-top: -14px;
  margin-bottom: -28px;
}

a.img_schedules_ship {
  display: block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  height: 300px;
  width: 100%;
  margin-top: -14px;
  margin-bottom: -28px;
}
a.img_schedules_airport {
  display: block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  height: 180px;
  width: 100%;
  margin-top: -14px;
  margin-bottom: -28px;
}

a.img_schedules_marina {
  display: block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  height: 180px;
  width: 100%;
  margin-top: -14px;
  margin-bottom: -28px;
}

a.img_schedules_resort_FARES {
  display: block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  height: 150px;
  width: 100%;
  margin-top: -14px;
  margin-bottom: -28px;
}

a.img_schedules_resort_FARES2 {
  display: block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  height: 150px;
  width: 100%;
  margin-top: -14px;
  margin-bottom: -28px;
}

a.img_schedules_Time_FARES1 {
  display: block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  height: 180px;
  width: 100%;
  margin-top: -14px;
  margin-bottom: -28px;
}

a.img_schedules_Time_FARES2 {
  display: block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  height: 180px;
  width: 100%;
  margin-top: -14px;
  margin-bottom: -28px;
}

table#tablepress-71 tr.row-1>td.column-1{
  background-color: #895d32;
  border: 1px solid;
  border-color: #ae8255;
}

table#tablepress-71 tr.row-4>td.column-1,
table#tablepress-71 tr.row-4>td.column-2,
table#tablepress-71 tr.row-4>td.column-3,
table#tablepress-71 tr.row-5>td.column-3,
table#tablepress-71 tr.row-5>td.column-4{
  background-color: #e3c297;
}

table#tablepress-71 tr.row-4>td.column-1,
table#tablepress-71 tr.row-4>td.column-2,
table#tablepress-71 tr.row-4>td.column-3,
table#tablepress-71 tr.row-5>td.column-3,
table#tablepress-71 tr.row-5>td.column-4{
  font-family: Tahoma,Verdana,Segoe,sans-serif;
  font-size: 1.3em;
  color:#754c24;
  border: 1px solid;
  border-color: #ad8155;
}

.tablepress.table-transfer-schedule-7 {
  display: none;
  border: 1px solid;
  border-color: #ad8155;
}

.tablepress.table-transfer-schedule-7 tbody td {
  background-color: #FCE8CF;
  border: 0;
  border-left: 1px solid;
  border-color: #ad8155;
  vertical-align: middle;
  text-align: center;
}

.table-transfer-schedule-7 td.column-1 {
  vertical-align: middle;
}

.table-transfer-schedule-7 tr.row-5>td.column-1,
.table-transfer-schedule-7 tr.row-5>td.column-2,
.table-transfer-schedule-7 tr.row-7>td.column-2,
.table-transfer-schedule-7 tr.row-9>td.column-1,
.table-transfer-schedule-7 tr.row-9>td.column-2,
.table-transfer-schedule-7 tr.row-12>td.column-2{
  background-color: #fdd9a9;
  border: 1px solid;
  border-color: #ad8155;
}

.table-transfer-schedule-7 tr.row-5>td.column-1,
.table-transfer-schedule-7 tr.row-9>td.column-1{
  padding-left: 0px;
  padding-right: 0px;
}

#tablepress-71 td.column-1 {
  width: 100px;
}

.table-transfer-schedule-7 tr.row-6>td.column-1,
.table-transfer-schedule-7 tr.row-6>td.column-2,
.table-transfer-schedule-7 tr.row-6>td.column-3,
.table-transfer-schedule-7 tr.row-6>td.column-4,
.table-transfer-schedule-7 tr.row-7>td.column-3,
.table-transfer-schedule-7 tr.row-8>td.column-1,
.table-transfer-schedule-7 tr.row-8>td.column-2,
.table-transfer-schedule-7 tr.row-8>td.column-3,
.table-transfer-schedule-7 tr.row-8>td.column-4,
.table-transfer-schedule-7 tr.row-9>td.column-3,
.table-transfer-schedule-7 tr.row-10>td.column-3{
  border-bottom: 1px solid #ad8155;
  border-right: 1px solid #ad8155;
  font-family: Tahoma,Verdana,Segoe,sans-serif;
  color:#754c24;
  font-weight: bold;
  padding-bottom: 4px;
  padding-top: 4px;
  width: 22%;
}

#tablepress-71 td.column-2,
#tablepress-71 td.column-3,
#tablepress-71 td.column-4 {
  width: 1%;
}

.table-transfer-schedule-7 tr.row-6>td.column-3,
.table-transfer-schedule-7 tr.row-6>td.column-4,
.table-transfer-schedule-7 tr.row-8>td.column-3,
.table-transfer-schedule-7 tr.row-8>td.column-4{
  font-size: 1.5em;
}

.table-transfer-schedule-7 tr.row-7>td.column-3,
.table-transfer-schedule-7 tr.row-10>td.column-3,
.table-transfer-schedule-7 tr.row-11>td.column-3,
.table-transfer-schedule-7 tr.row-14>td.column-3{
  border-bottom: 1px solid;
  border-color: #ad8155;
  font-family: Tahoma,Verdana,Segoe,sans-serif;
  color:#754c24;
  font-weight: bold;
  padding-bottom: 4px;
  padding-top: 4px;
}

/*bar transfer stck*/
/*img.logo-tf-stkc {
  position: absolute;
  width: 48.2%;
}*/
.box-top-tf-stkc{
  width: 100%;
}

.icon_input {
  position:relative;
}

i.input_font_i_calendar.fa.fa-calendar {
  font-size: 16px;
}

.input_font_i_calendar {
  position:absolute;
  bottom:4px;
  right:97px;
  height:24px;
}

i.input_font_i_time.fa.fa-clock-o {
  font-size: 16px;
}

.input_font_i_time {
  position: absolute;
  bottom: -12px;
  right: 97px;
  height: 24px;
}

.bar_transfer {
  padding-bottom: 0;
  background-color: #c69c6d;
}

.title-book-tra {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  background-color: #5d3816;
  color: white;
  padding: 5px;
}

ul.destination li {
  width: 25%;
  text-align: center;
  /*margin-top: 13px;*/
}
.modal-dialog{
    width: 100%;
    margin: 1%;
  }

.modal-dialog{
  width: 50%;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
}

li.details_tf {
  width: 55% !important;
}

li.prices_tf {
  width: 45% !important;
}

.col-md-12.col-xs-12.total_prices {
  text-align: right;
  margin-bottom: 1%;
  text-align: center;
  font-family: "Helvetica Neue",Arial,Verdana;
}

a#purchase_tf_syy {
  position: absolute;
}

i.fa.fa-shopping-cart {
  font-size: 20px;
  z-index: 20;
  float: right;
  margin-top: -7px;
}

.see-all-tf {
  text-align: center;
  border-top: solid;
  width: 90%;
  margin: auto;
  padding-top: 0.5em;
}


.col-md-12.col-xs-12.btn_book_tf {
  text-align: center;
}

ul.destination label {
  color: #e3c797;
}

form#resform-transfer {
  position: relative;
  -moz-box-shadow: 0px 5px 15px -5px rgba(50, 50, 50, 1);
  top: -15px;
}

.block-transfer {
  background: c69c6d;
  background: #c69c6d;
}
.book_transfer {
  margin-top: 1%;
  /*height: 100%;*/
  margin-bottom: 11.5em; 
  margin-top: -5px;
}

.book_transfer ul {
  height: max-content;
}

.destination {
  height: auto;
  background: #5d3816;
  width: 100%;
  margin-top: 2px;
}

.destination ul {
  width: 100%;
  /*height: 100%;*/
  display: inline-block;
}

ul.destination li {
  width: 25%;
  text-align: center;
  /* margin-top: 13px; */
}

section.thumbnail li {
  list-style: none;
  display: inline-block;
  width: 25%;
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
  box-sizing: border-box;
  padding: 1em;
  /*height: 0px;*/
  padding-top: 7px;
}

ul.destination>li{
  height: 20px;
}

.total_prices h2 {
  display: initial;
  font-weight: 700;
  margin-right: 5px;
  font-size: 20px;
}

.total_prices p {
  font-size: 16px;
}

input#time {
  display: inline;
  width: 45%;
  height: 28px;
  font-size: smaller;
  /*margin-left: 16%; */
  margin-bottom: 2%;
  font-weight: bold;
  border-radius: 7px;
  margin-right: 60px;
}

input#time_win {
  display: inline;
  width: 45%;
  height: 28px;
  font-size: smaller;
  /*margin-left: 16%; */
  margin-bottom: 2%;
  font-weight: bold;
  border-radius: 7px;
  margin-right: 60px;
}

input#time_round_win {
  display: inline;
  width: 45%;
  height: 28px;
  font-size: smaller;
  /*margin-left: 16%; */
  margin-bottom: 2%;
  font-weight: bold;
  border-radius: 7px;
  margin-right: 60px;
}

select#time {
  display: inline;
  width: 45%;
  height: 28px;
  font-size: 11px;
  font-weight: bold;
  border-radius: 7px;
  margin-left: 15.5%;
  margin-right: 60px;
  /*margin-left: 31%;*/
}

.book_transfer p {
  display: inline;
}

input.form-control {
  display: inline;
  width: 100%;
  /*height: 25px;*/
}
/*.book_transfer label ,
a.btn.tf_syy {
  margin-top: 1em;
}*/
label.prices {
  font-size: x-large;
  margin-left: 140px;
  margin-top: 10px;
  font-weight: 600;
}

input#tf_adultd, input#tf_child {
  width: 30%;
  padding: 5px;
  margin-top: 1em;
  font-weight: bold;
  margin-left: 20%;
  /*margin-right: 2%;*/
  height: 30px;
  font-size: 11px;
  border-radius: 7px;
}

a#purchase_tf_stck {
  right: 17px;
  width: 64%;
  height: 100;
  text-align: center;
  z-index: 0;
  /*padding: 5%;*/
  font-size: 15px;
  margin-top: 2%;
  height: 33px;
  padding-top: 7px;
  border-radius: 7px;
}

.wording-stkc-main {
  font-size: 9px;
  margin-top: 4px;
  text-align: left;
}

/*.col-md-12.col-xs-12.total_prices {
  margin-bottom: 5px;
  margin-top: 10px;
}*/

a#tf_stkc {
  border-radius: 7px;
}

.col-md-12.col-xs-12.btn_book_tf.stkc i.fa.fa-shopping-cart {
  font-size: 30px;
  /*color: #c69c6d;*/
}
/*bar transfer spn*/
.destination.spn {
  margin-top: -13px;
}

.destination.spn ul{
  margin-bottom: 12px;
}
/*bar transfer spn*/

/* information home spn */
ul.resort-information li.left-block {
  width: 60%;
  margin-top: 10px;
}
ul.resort-information li.right_block {
  width: 40%;
  margin-top: 10px;
}

ul.resort-information h2 {
  font-family: "Helvetica Neue",Arial,Verdana;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
}

.address-hotel p {
  display: inline-block;
  margin-right: 10px;
  font-size: 13px;
}

.home-container-blocks li {
  list-style: none;
  display: inline-block;
  width: 50%;
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
  box-sizing: border-box;
  padding: 1em;
}

.content-home {
  padding: 1em;
  border-bottom: 2px solid;
  line-height: 20px;
}

.home-container-blocks h1 {
  text-align: center;
  margin-bottom: 0;
  font-weight: inherit;
  text-transform: uppercase;
}

.address-hotel ul {
  margin-bottom: 0px;
}
/* information home spn */

/*bar transfer stck*/


/*home page spn*/
h1.title{
  text-align: center;
  margin-top: 10px;
  margin-bottom: 0;
  font-family: "Helvetica Neue",Arial,Verdana;
  text-transform: uppercase;
  font-size: 24px;
  font-weight: unset;
  clear: both;
}

.underline {
  text-align: center;
}

.underline img {
  width: 18%;
}


.content-blocks.spa > section p {
  font-size: 12px;
}

.content-blocks > section:hover {
  opacity: 0.9;
  box-shadow: 1px 2px 15px #000;
}

.hotels72.fixformreserve ul.block.form-rsvn-bar li h3 {
  margin-top: 26px;
}

.hotels1.fixformreserve ul.block.form-rsvn-bar li h3 {
  margin-top: 24px;
}
/*home page spn*/


/*retaurants*/
ul.restaurant {
  height: 100%;
  width: 100%;
  /*display: inline-block;*/
}

.restaurant li {
  height: 470px;
}

.restaurant li{
  list-style: none;
  width: 25%;
  float: left;
  display: inline-block;
  margin-left: 0;
  padding: 5px;
  margin-bottom: 10px;
}

.restaurant li:hover{
  opacity: 0.9;
  box-shadow: 1px 2px 15px #000;
}

.content-des-res{
  padding: 1em;
  background:  #f8d7aa;
  height:  100%;
}

a.item-res{
  margin-bottom: 10px;
}

a.item-res {
  display: block;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding-bottom: 60%;
}

strong.title-res {
  margin-top: 5px;
  font-size: 14px;
  font-weight: bold;
  font-family: "Helvetica Neue",Arial,Verdana;
  text-transform: uppercase;
}

.content-des-res p {
  margin-top: 13px;
  border-top: 2px solid;
  padding: 4px;
  padding-top: 8px;
  margin-top: 7px;
}

strong.content-res {
  margin-right: 3%;
  text-align: justify;
}


/*retaurants*/



/*home natai*/
.header-natai li.instargram {
  right: 80px;
}

ul#menu-header-menu-natai img{
  padding-right: 10px;
  margin: 0 auto;
  display: block;
  margin-bottom: 4px;
}
/*home natai*/

/*koh chang*/
ul.dining-saait {
  padding-top: 30px;
  width: 100%;
  text-align: center;
}

ul.dining-saait li {
  display: inline-grid;
  width: 31%;
  height: 215px;
}

li.dining-saait-li-l {
  border-right: 1px solid;
}

/* li.dining-saait-li-c {
  border-right: 1px solid;
} */
/*koh chang*/

.box-sc {
  margin: 0 auto;
  text-align: center;
  /* bottom: 66px; */
  /*right: 155px;*/
  right: 70px;
  top: 5px;
  /*position: absolute;*/
  position: relative;
  font-family: "Helvetica Neue",Arial,Verdana;
  /*width: 12vw;*/

  width: 60%;
  z-index: 999;
}

/*.box-sc.natai {
  right: 0px;
}*/

.home .box-sc {
  margin: 0 auto;
  text-align: center;
  bottom: 0px;
  /*right: 160px;*/

  /*right: -280px;*/

  /*position: absolute;*/
  position: relative;
  font-family: "Helvetica Neue",Arial,Verdana;
  /*width: 15vw;*/
  width: 8vw;
  top: -8px;
  z-index: 999;
}


.search.search-results .box-sc {
  margin: 0 auto;
  text-align: center;
  bottom: 0px;
  /* right: 160px; */
  /* right: -280px; */
  /* position: absolute; */
  position: relative;
  font-family: "Helvetica Neue",Arial,Verdana;
  /* width: 15vw; */
  width: 8vw;
  top: -8px;
  z-index: 999;
}

.search.search-results form.search-form.search-new-from {
  position: absolute;
  right: 95px;
  top: -7px;
}

.search.search-results div.wp_autosearch_form_wrapper {
  border: 1px solid #c7c7c7 !important;
}

.search.search-results button.wp_autosearch_submit i.fa.fa-search {
  color: gray;
}

div.wp_autosearch_form_wrapper {
  border: 1px solid #5D3816 !important;
}

.home div.wp_autosearch_form_wrapper {
  border: 1px solid #c7c7c7 !important;
}

.home button.wp_autosearch_submit i.fa.fa-search {
  color: gray;
}

div.wp_autosearch_form_wrapper {
  height: 30px !important;
  border-radius: 5px;
  background-color: white;
}

input.wp_autosearch_input {
  height: 25px !important;
  border-radius: 5px;
  width: 84% !important;
  border: none !important;
  outline: none;
  box-shadow: 0px 0px 0px #FFF !important;
  -moz-box-shadow: 0px 0px 0px #FFF !important;
  -webkit-box-shadow: 0px 0px 0px #FFF !important;
  text-indent: 0px !important;
  margin: 0 !important;
  /*padding: 0 !important;*/
  overflow: hidden;
  /*float: left;*/
  line-height: 29px;
  vertical-align: middle;
  color: #000000 !important;
  margin-right: 15px !important;
}

.home .homemain input.wp_autosearch_input{
  height: 28px !important;
  width: 82% !important;
}

.wp_autosearch_submit{
  cursor: pointer;
  height: 50px;
  width: 54px;
  overflow: hidden;
  float: right;
  font-size: 100%;
  -webkit-appearance: none;
  outline: none;
  position: absolute;
  right: 0px;
  top: 0px;
  background-color: transparent;
  border: none;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  display: block !important;
}

button.wp_autosearch_submit{
  width: 25px;
}

button.wp_autosearch_submit i.fa.fa-search {
  margin-bottom: 22px;
  float: right;
  padding-right: 9px;
}

div.search-in-place {
  top: 10.1vh !important;
  width: 13.5vw !important;
  position: fixed;
  max-height: 300px;
  overflow-y: auto;
}

div.search-in-place {
/*  top: 10.1vh !important;
  width: 13.5vw !important;
  position: fixed;
  max-height: 750px;
  overflow-y: scroll;*/
  top: 10.1vh !important;
  width: 14.5vw !important;
  position: fixed;
  margin-left: -17px;
  max-height: 300px;
  overflow-y: auto;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-top: 0px solid;
  background-color: white;
  padding-bottom: 8px;
}


div.search-in-place .label.more {
  background-color: white;
  background: none;
}
div.search-in-place a{
  color: black !important;
}

.admin-bar div.search-in-place {
  top: 13.1vh !important;
  width: 14.9vw !important;
  position: fixed;
  max-height: 300px;
  overflow-y: auto;
}

/*.home div.search-in-place {
  top: 9.5vh !important;
  width: 13.5vw !important;
  position: fixed;
  max-height: 750px;
  overflow-y: scroll;
}*/

.home.admin-bar div.search-in-place {
  top: 12.2vh !important;
  width: 13vw !important;
  position: fixed;
  max-height: 300px;
  overflow-y: auto;
} 

.home div.search-in-place {
/*  top: 10.1vh !important;
  width: 13.5vw !important;
  position: fixed;
  max-height: 750px;
  overflow-y: scroll;*/
  top: 8.7vh !important;
  width: 13vw !important;
  position: fixed;
  margin-left: -8px;
  max-height: 300px;
  overflow-y: auto;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-top: 0px solid;
  background-color: white;
}

.home div.search-in-place a{
  color: black;
}

.search-in-place .item {
  padding: 5px 8px;
}


.search-in-place .item .data .title a{
  text-decoration: unset;
}

.search-in-place .item {
  border-top: 0px solid #FFF !important; 
  border-bottom: 0px solid #DFDFDF !important; 
}

i.fa.fa-search.search-santhiya {
  color: darkslategray;
}

/* Toggle menu home */
/* Important styles */
#toggle-home {
  display: block;
  width: 28px;
  height: 30px;
  /*margin: 30px auto 10px;*/
  float: right;
}

#toggle-home span:after,
#toggle-home span:before {
  content: "";
  position: absolute;
  left: 0;
  top: -9px;
}
#toggle-home span:after{
  top: 9px;
}
#toggle-home span {
  position: relative;
  display: block;
}

#toggle-home span,
#toggle-home span:after,
#toggle-home span:before {
  width: 100%;
  height: 3px;
  background-color: #896443;
  transition: all 0.3s;
  backface-visibility: hidden;
  border-radius: 2px;
}

/* on activation */
#toggle-home.on span {
  background-color: transparent;
}
#toggle-home.on span:before {
  transform: rotate(45deg) translate(5px, 5px);
}
#toggle-home.on span:after {
  transform: rotate(-45deg) translate(7px, -8px);
}
#toggle-home.on + #toggle-menu-home {
  opacity: 1;
  visibility: visible;
  display: block;
}

/* menu appearance*/
#toggle-menu-home {
  top: 20px;
  position: relative;
  color: #999;
  /*width: 200px;*/
  padding: 7px;
  margin: auto;
  font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
  /*text-align: center;*/
  /*border-radius: 4px;*/
  background: white;
  box-shadow: 0 1px 8px rgba(0,0,0,0.05);
  /* just for this demo */
  opacity: 0;
  display: none;
  visibility: hidden;
  transition: opacity .4s;
}

/*#toggle-menu-home:after {
  position: absolute;
  top: -15px;
  right: 0px;
  content: "";
  display: block;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 20px solid white;
}*/

#toggle-menu-home ul,#toggle-menu-home li,#toggle-menu-home li a {
  list-style: none;
  display: block;
  margin: 0;
  padding: 0;
}

#toggle-menu-home li a {
  padding: 5px;
  color: #8b8277;
  text-decoration: none;
  transition: all .2s;
}

#toggle-menu-home li a:hover,
#toggle-menu-home li a:focus {
  background: #a1723b;
  color: #fff;
}

#toggle-menu-home .navhome li {
  list-style: none;
  float: none;
  margin-right: 0px;
  position: unset;
  border-right: 0px solid black;
}

#toggle-menu-home .navhome li:hover ul.sub-menu li:before {
  content: "▶";
  display: inline-block;
  float: left;
  padding-top: 5px;
  padding-right: 5px;
  color: black;
}

div#toggle-menu-home ul#menu-header-top-home-menu{
  position: initial !important;
}

/*.home div#fixheader .header-top-menu .language */
.home .header-top-menu .language
{
  position: absolute;
  top:-15px;
  right: 260px;
  padding-top: 4px;
}

.language.member {
  right: 408px;
  top: -11px !important;
}

body.page-id-50950 .header,
body.page-id-954 .header,
body.page-id-39 .header,
body.page-id-9534 .header {
  height: 99px !important;
}

body.page-id-50950 .logo,
body.page-id-954 .logo,
body.page-id-39 .logo,
body.page-id-9534 .logo {
  top: 2px !important;
}

.search.search-results .header-top-menu .language {
  position: absolute;
  top:-15px;
  right: 260px;
  padding-top: 4px;
}

.home .box-logo-login-member {
  right: 50px;
}

.home .topmenu-home-toggle {
  position: absolute;
  right: 0px;
  top: 7px;
}

.search.search-results .topmenu-home-toggle {
  position: absolute;
  right: 0px;
  top: 7px;
}

.home .topmenu-home-toggle .navhome li ul.sub-menu {
  display: none;
  width: 100% !important;
}

.home .topmenu-home-toggle .navhome li ul.sub-menu li{
  list-style-type: circle;
  position: relative;
  padding-left: 10px !important;
  width: 100%;
}

.home .topmenu-home-toggle .navhome li:hover ul.sub-menu {
  left: 0;
  border-right: 0px solid black;
  position: relative;
  display: block;
  width: 100%;
  border-top: 1px solid gray;
  border-bottom: 1px solid gray;
  transition-delay: 0.1s; /* delays for 1 second */
  -webkit-transition-delay: 0.1s; /* for Safari & Chrome */
}

.search.search-results .topmenu-home-toggle .navhome li ul.sub-menu {
  display: none;
  width: 100% !important;
}

.search.search-results .topmenu-home-toggle .navhome li ul.sub-menu li{
  list-style-type: circle;
  position: relative;
  padding-left: 10px !important;
  width: 100%;
}

.search.search-results .topmenu-home-toggle .navhome li:hover ul.sub-menu {
  left: 0;
  border-right: 0px solid black;
  position: relative;
  display: block;
  width: 100%;
  border-top: 1px solid gray;
  border-bottom: 1px solid gray;
  transition-delay: 0.1s; /* delays for 1 second */
  -webkit-transition-delay: 0.1s; /* for Safari & Chrome */
}

.home .box-logo-login-member.new-member-bar {
  background-color: transparent;
  width: auto;
  height: auto;
  box-shadow: 1px 1px 5px transparent;
}

.home .box-logo-login-member.new-member-bar .name-profile{
  display: none;
}

.home .box-logo-login-member.new-member-bar .img-profile-acc {
  background-repeat: no-repeat;
  background-color: white;
  padding: 13px 16px;
}

.search.search-results .box-logo-login-member.new-member-bar .img-profile-acc {
  background-repeat: no-repeat;
  background-color: white;
  padding: 13px 16px;
}

.search.search-results .box-logo-login-member.new-member-bar .name-profile {
  display: none;
}

.search.search-results .box-logo-login-member.new-member-bar a.box-logo-login-in-link {
  position: absolute;
  top: -13px;
  right: -10px;
}

.search.search-results .box-logo-login-member.new-member-bar {
  background-color: transparent;
  width: auto;
  height: auto;
  box-shadow: 1px 1px 5px transparent;
  right: 50px;
}

.search.search-results .topmenu-home-toggle {
  display: block;
  position: absolute;
  right: 0px;
  top: 7px; 
}

.home .box-logo-login-member.new-member-bar .img-profile-acc-m {
  /*padding: 13px 16px;*/
  padding: 16px 18px;
  border: 1px solid white;
}

.home .box-logo-login-member.new-member-bar a.box-logo-login-in-link {
  position: absolute;
  top: -13px;
  right: -10px;
}

.home .topmenu-home-toggle {
  display: block;
}

.topmenu-home-toggle {
  display: none;
}

.home form.search-form.search-new-from {
  position: absolute;
  right: 95px;
  top: -7px;
}

.home form.search-form.search-new-from .box-sc {
  right: 0px;
  top: 0px;
  z-index: 999;
}

.search.search-results form.search-form.search-new-from .box-sc {
  right: 0px;
  top: 0px;
  z-index: 999;
}

.main-social-home-new {
  position: absolute;
  right: 0px;
  background-color: #a1723b;
  top: 360px;
  /*display: none;*/
}

ul.content-social-right {
  margin: 0 auto;
}

ul.content-social-right li a {
  background-repeat: no-repeat;
  padding: 5px 12px;
  background-size: contain;
}

li.icon-social {
  list-style: none;
  padding: 10px 0px;
  margin: 8px 9px;
  transition: 0.5s;
}

li.icon-social:hover {
  transform: translateX(-0.5rem) scale(1.0125);
  box-shadow: 0 0.5em 1.1rem -1.2rem rgba(0,0,0,0.5);
}

ul.content-social-right li:nth-child(2) {
  border-top: 1px solid white;
  border-bottom: 1px solid white;
  padding: 13px 0px;
}

/* Toggle menu home */

@media (max-width: 767px) and (min-width: 250px){
  /*new member*/

  .home .box-logo-login-member.new-member-bar a.box-logo-login-in-link {
    position: relative;
    top: 0px;
    right: 0px;
  }

  .home .box-logo-login-member.new-member-bar {
    background-color: #835b38;
    width: 70px;
    height: 70px;
    box-shadow: 1px 1px 5px #000;
  }

  .home .box-logo-login-member.new-member-bar .name-profile{
    display: block;
  }

  .home .box-logo-login-member.new-member-bar .img-profile-acc {
    background-repeat: no-repeat;
    background-color: white;
    padding: 13px 16px;
  }

  .home .box-logo-login-member.new-member-bar .img-profile-acc-m {
    padding: 17px 20px;
    border: solid 2px #7e4f35;
  }

  .home form.search-form.search-new-from .box-sc {
    top: 28px;
  }
  /*new member*/

  /*search.search-results new member*/

  .search.search-results .box-logo-login-member.new-member-bar a.box-logo-login-in-link {
    position: relative;
    top: 0px;
    right: 0px;
  }

  .search.search-results .box-logo-login-member.new-member-bar {
    background-color: #835b38;
    width: 70px;
    height: 70px;
    box-shadow: 1px 1px 5px #000;
  }

  .search.search-results .box-logo-login-member.new-member-bar .name-profile{
    display: block;
  }

  .search.search-results .box-logo-login-member.new-member-bar .img-profile-acc {
    background-repeat: no-repeat;
    background-color: white;
    padding: 13px 16px;
  }

  .search.search-results .box-logo-login-member.new-member-bar .img-profile-acc-m {
    padding: 17px 20px;
    border: solid 2px #7e4f35;
  }

  .search.search-results form.search-form.search-new-from .box-sc {
    top: 28px;
  }
  /*search.search-results new member*/

  .home .topmenu-home-toggle {
    display: none;
  }

  .search.search-results .topmenu-home-toggle {
    display: none;
  }

  .home .box-logo-login-member {
    right: 0px;
  }

  .search.search-results .box-logo-login-member {
    right: 0px !important;
  }

  .Natai .reservation_bar_m{
    margin-top: 50px;
  }

  .bar-search-member {
    height: 0px;
    width: 0px;
  }

  .border-right-member,
  .box-logo-login-member{
    display: none;
  }

  .bar-search-member.homemain .box-logo-login-member{
    display: block;
  }

  .meshim_widget_components_chatButton_Button.ltr {
    display: none !important;
  }

  /*bar footer mobile*/
  .col-md-12.group-top-m {
    padding-left: 5px;
    padding-right: 5px;
  }

  .foot-mobile-bar {
    display: block;
  }

  .footer-menu-none{
    display: none;
  }

  .img-footer-icon{
    width: 24px;
    height: 24px;
    margin: 5px;
  }

  .box-5-footer.active-footer {
    background-color: #b38554;
    color: white;
    padding-top: 10px;
    padding-bottom: 2px;
    font-size: 1.85vw;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    font-weight: bold;
  }

  .box-5-footer.active-footer a{
    color: white;
  }

  .active-footer  .img-footer-icon{
    width: 32px;
    height: 32px;
    margin: 5px;
  }

  .main-box-footer {
    text-align: center;
    font-size: 1.8vw;
    text-transform: uppercase;
    padding: 0px;
    margin-top: 43px;
  }

  .main-box-footer-bottom {
    text-align: center;
    font-size: 1.8vw;
    text-transform: uppercase;
    padding: 0px;
    margin-bottom: 4px;
  }


  .main_act .main-box-footer-bottom {
    margin-top: 20px;
  }

  img.img-footer-icon-acc {
    width: 30px;
    height: 30px;
    margin-bottom: 2px;
    margin-right: 3px;
  }

  .circle-footer.member-img {
    padding-bottom: 45%;
    background-size: cover;
    margin-bottom: 3px;
  }

  .circle-footer {
    border: 2px solid #ad6d4b;
    border-radius: 50%;
    padding: 7px;
    width: 60%;
    margin: 0 auto;
    margin-bottom: 7px;
    background-color: #e0b487;
    margin-top: 20px;
  }

  .top-footer-menu {
    position: fixed;
    bottom: 3px;
    width: 100%;
    margin: 0;
    z-index: 3;
    color: #b58553;
  }

  .top-footer-menu a{
    color: white;
  }

  .top-footer-menu a{
    text-decoration: unset;
  }

  .main-box-footer span{
    width: 100%;
    display: block;
  }

  .bottom-footer-menu {
    width: 100%;
    margin: 0px;
    height: 55px;
    display: block;
    background-color: #583b1d;
    z-index: 2;
    bottom: 0;
    position: fixed;
  }
  
  .group-box-footer{

  }

  .box-5-footer{
    width: 18.5%;
    display: inline-block;
  }


  /*bar footer mobile*/


  /*transfers stkc*/
  img.logo-tf-stkc {
    width: 90.2%;
    margin-left: 2.5%;
  }

  li.destination_tf.header-stkc {
    width: 100%;
  }

   /* css fang */
  select#destination_tf_st {
    display: inline;
    width: 90%;
    height: 28px;
  }

  .see-all-tf {
    margin: auto !important;
  }

  input.time.stkc {
    margin-left: 0% !important;
    margin-top: 9px;
    width: 55% !important;
  }

  select#time{
    width: 55% !important;
  }

  .select-time-tf label {
    padding-right: 10px;
  }
  .col-md-12.col-xs-12.total_prices {
     margin-top: 0% !important; 
  }
  /*rate calendar*/

  .mobilecalendar.discalendar {
    display: block;
  }

  .datepickerwindowio.discalendar {
    display: none;
  }

  .pickerrangein.pickmobile,
  .pickerrangeout.pickmobile {
    padding-top: 7px;
    padding-left: 10px;
  }

  .t-datepicker-day {
    font-size: 10px;
    position: absolute;
    width: 201%;
    overflow: auto;
  }

  .t-datepicker-day td {
    width: 14.2%;
  }

  /*rate calendar*/

  table#tablepress-1{
    display: none;
  }

  table#tablepress-5{
    display: none;
  }

  table#tablepress-59{
    display: none;
  }

  .tablepress.table-transfer-schedule-3{
    display: inline-table;
  }

  .tablepress.table-transfer-schedule-4{
    display: inline-table;
  }

  .tablepress.table-transfer-schedule-5{
    display: inline-table;
  }

  .tablepress.table-transfer-schedule-6{
    display: inline-table;
  }

  .tablepress.table-transfer-schedule-7{
    display: inline-table;
  }

  table#tablepress-69 tr.row-5,
  table#tablepress-69 tr.row-6,
  table#tablepress-69 tr.row-7{
    display: none;
  }

  table#tablepress-70 tr.row-4.even {
    display: none;
  }

  table#tablepress-69 tr.row-8 td.column-3,
  table#tablepress-69 tr.row-11 td.column-3 {
    border-color: #ae8255;
  }
}

@media(max-width:1333px) and (min-width: 1333px){
  .daterangepicker .drp-calendar {
    display: none;
    max-width: 235px;
  }
}

@media(max-width:1440px) and (min-width: 1440px){
  .daterangepicker .drp-calendar {
    display: none;
    max-width: 255px;
  }
}

@media(max-width:1100px) and (min-width: 1027px){
  .page-template-p_HomePageNatai .home-container-blocks section.thumbnail img {
    margin-bottom: 80px;
  }
}

@media screen and (max-width: 700px){
  .box-sc{
    width: 70%;
  }
  .popup-sc{
    width: 70%;
  }
}

.box-member-banner-mobile{
  display: none;
  width: 100%;
  height: auto;
}

.box-member-banner-website{
  display: block;
  padding-bottom: 5px;
}

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

  .wds_mobile_spn {
    display: block !important;
  }

  .wds_page_spn {
    display: none !important;
  }

  .home .wrapper {
    position: relative;
    z-index: inherit;
  }

  img.attachment-awards.size-awards.wp-post-image.imagethai-mobile {
    width: 100%;
  }

  .main-social-home-new {
    display: none;
  }

  a.koh-chang.join-now-banner-website img {
    padding-top: 25px;
  }

  .koh-chang-mobile-reser .main-new-box-rt {
    margin-top: 110px !important;
  }

  .block-kohphangan-banner .main-new-box-rt {
    margin-top: 114px !important;
  }

  .block-kohphangan-banner .box-member-banner-mobile {
    margin-top: 32px;
  }

  .block-phuketnatai-banner .box-member-banner-mobile {
    margin-top: 30px;
  }

  .block-phuketnatai-banner .reservation_bar_m {
    margin-top: 10px;
  }

  .text-off-2 {
    margin-top: 50px;
  }
  .page-id-39 .contactUsR{
    top: 0px;
  }

  .page-id-4167 .contactUsR{
    top: 0px;
  }

  .page-id-11199 .contactUsR{
    top: 0px;
  }

  .hide-block-img {
    display: block;
    height: 0px;
  }

  a.in-img-b.website {
    display: none;
  }

  .box-member-banner-mobile{
    display: block;
    margin-bottom: 5px;
  }

  .box-member-banner-website{
    display: none;
  }

  .zopim {
    bottom: 80px !important;
    /*width: 95px !important;*/
    right: 0px !important;
  }

  .price_sell {
    text-decoration: line-through red;
    -webkit-text-decoration-line: line-through red;
    text-align: center;
    padding-left: 0px;
  }

  .price_sell {
    font-size: 12px;
  }

  .price_sell h3 {
    display: inherit;
  }

  .price_sell p {
    display: initial;
    text-transform: initial;
  }

    /*new mobile book*/

  .page-id-4167 .contactUsR {
     top: 0px; 
  }

  .box-sc {
    bottom: unset;
  }

  html, body {
    overflow-x: hidden;
  }

  .nav-meun-mobile-main a {
    font-weight: bold;
    color: #fedaae;
    margin-top: 8px;
    /*background-color: #855028;*/
    background: -webkit-linear-gradient(#855028, #ac7244); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#855028, #ac7244); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#855028, #ac7244); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#855028, #ac7244); /* Standard syntax (must be last) */
    float: left;
    display: inline-block;
    text-align: center;
    padding: 1.25em 0.25em 0.9em 0.25em;
    text-decoration: none;
    font-size: 12px;
    border-bottom: 1px solid;
  }

  a.nav-book-room {
    width: 49%;
    border-top-left-radius: 20px;
    margin-right: 3px;
  }

  a.nav-book-tra {
    width: 48%;
    margin-left: 3px;
    border-top-right-radius: 20px;
  }

  .nav-meun-mobile-main a.actb-t {
    margin-top: 3px;
    padding: 1.5em 1em 0.9em 1em;
    font-size: 14px;
    /*background-color: #d39c59;*/
    background: -webkit-linear-gradient(#d39c59, #e8b66d); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#d39c59, #e8b66d); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#d39c59, #e8b66d); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#d39c59, #e8b66d); /* Standard syntax (must be last) */
    color: #855028;
    -webkit-box-shadow: 7px 0 5px -2px #888;
    box-shadow: 7px 0 5px -2px #888;
  }

  .nav-meun-mobile-main a.actb-t-r {
    margin-top: 3px;
    padding: 1em 0em 2.2em 0em;
    font-size: 14px;
    /*background-color: #d39c59;*/
    background: -webkit-linear-gradient(#d39c59, #e8b66d); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#d39c59, #e8b66d); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#d39c59, #e8b66d); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#d39c59, #e8b66d); /* Standard syntax (must be last) */
    color: #855028;
    -webkit-box-shadow: -2px 3px 9px 1px #888;
    box-shadow: -2px 3px 9px 1px #888;
  }

  .pickerrangein, .pickerrangeout {
    width: 100%;
    height: 34px;
    background-color: white;
    border-radius: 4px;
    color: #555;
    padding-top: 7px;
    padding-left: 10px;
    border: 1px solid #734e43;
  }

/*  .nav-meun-mobile-main a.actb-t span,
  .nav-meun-mobile-main a.actb-t-r span {
    border-bottom: 1px solid;
    padding-bottom: 5px;
  }*/

  .home iframe {
    position: inherit;
    top: 0;
    left: 0;
    max-width: 100%;
    max-height: 100%;
    border: 0;
  }

  select#selectdastinationnew{
    color: #603915;
    border-bottom: 1.5px solid #a2a1a1;
    border-radius: 8px;
  }

  select[name="adults"],
  select[name="children"],
  div.pickerrangein,
  div.pickerrangeout,
  input[name="discount_code"]{
    color: #603915;
    border-bottom: 1.5px solid #a2a1a1;
    border-radius: 8px;
  }

  input#time_mobile,
  select[name="adults_new"],
  select[name="child_new"]{
    color: #603915;
    border-bottom: 1.5px solid #a2a1a1;
    border-radius: 8px;
  }

  select#time {
    height: 34px;
  }

  div.discount-mb {
    text-align: center;
    text-transform: uppercase;
    color: #603915;
  }


  .btn-check-rate a#chk_rate {
    /*background-color: #e8b066;*/
    background: -webkit-linear-gradient(#d39c59, #e8b66d); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#d39c59, #e8b66d); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#d39c59, #e8b66d); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#d39c59, #e8b66d); /* Standard syntax (must be last) */
    padding: 10px 12px 10px 12px;
    font-size: 13px;
    border-radius: 8px;
    color: #603915;
    text-decoration: unset;
    font-weight: 700;
  }

  .new-moblie-book-r-t {
    width: 100%;
    /*background-color: #e9d6b8;*/
    background-color: rgba(255,255,255,0.6);
    padding: 10px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    margin-top: 53px;
    box-shadow: 0px 4px 8px grey;
    display: none;
  }

  .new-moblie-book-r-t.menu-nav-block p {
    font-weight: bold;
  }

  .new-moblie-book-r-tt {
    margin-top: 65px;
    display: none;
  }

  .menu-nav-none{
    display: none;
  }

  .menu-nav-block{
    display: block;
  }

  .btn-check-rate {
    margin-top: 20px;
    margin-bottom: 15px;
  }

  p.p-dis {
    font-size: 16px;
    margin-bottom: 5px;
  }

  .logo-tf-new-main {
    position: absolute;
    width: 95%;
  }

  img.logo-tf-new {
    z-index: 10;
    position: absolute;
    width: 100%;
    align-content: center;
    top: 12px;
  }

  .block-transfer-new{
    top: -19px;
    position: relative;
  }

/*  .destination-new-bg{
    background-color:#e3caab;
    border-radius: 8px;
    padding: 5px;
    text-transform: uppercase;
  }*/

  .new-destination-t{
    color: #603515;
    background-color:#e3caab;
    border-radius: 8px;
    padding: 5px;
    text-transform: uppercase;
    margin-left: 0px;
    margin-right: 0px;
  }

  .book_transfer_new{
    margin-left: 0px;
    margin-right: 0px;
  }

  .bar_transfer_new {
    padding: 1em;
    padding-bottom: 0;
    height: fit-content;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    box-shadow: 0px 4px 8px grey;
    background-color: #c5a376;
  }

  .book_transfer_new .col-xs-6{
    /*height: 46.5px*/
  }

  .book_transfer_new input#time {
    width: 100%;
    border-radius: 7px;
    border-bottom: 1px solid #cccccc;
  }

  .book_transfer_new select#time {
    width: 100% !important;
    border-radius: 7px;
    border-bottom: 1px solid #cccccc;
  }

  .book_transfer_new select#tf_adultd {
    width: 100%;
    margin-left: 0px;
    height: 28px;
    font-size: 11px;
    border-radius: 7px;
    border-bottom: 1px solid #cccccc;
  }

  .book_transfer_new select#tf_child {
    width: 100%;
    margin-left: 0px;
    height: 28px;
    font-size: 11px;
    border-radius: 7px;
    border-bottom: 1px solid #cccccc;
  }

  .book_transfer_new label {
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .home-container-blocks .thumbnail {
    display: none;
  }

  .main-new-box-rt {
    margin-top: 15px;
    /*font-family: 'Fira Sans', sans-serif;*/
    display: block;
  }

  .col-md-12.col-xs-12.total_prices_new {
    text-align: center;
    height: fit-content;
    margin-top: 5%;
    margin-bottom: 10px;
  }

  .total_prices_new h2{
    display: initial;
  }

  .total_prices_new span{
    display: initial;
  }

  .block-transfer {
    display: none;
  }

  a#purchase_tf_syy_new {
    width: 207px;
    text-align: center;
    font-size: 16px;
    margin: 0;
    /*background-color: #905b31;*/
    background: -webkit-linear-gradient(#855028, #ac7244); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#855028, #ac7244); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#855028, #ac7244); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#855028, #ac7244); /* Standard syntax (must be last) */
  }

  .see-all-tf-new {
    border-top: none;
    margin: 0;
    padding: 0;
    margin-top: 5px;
    text-align: center;
    padding-bottom: 15px;
  }

  .btn-see{
    text-decoration: unset;
    color: #64462c;
    font-weight: bold;
    font-size: 10px;
  }

  .total_prices span{
    text-transform: uppercase;
  }

  .destination-new-bg {
    /*top: 25px;*/
    top: 10px;
    position: relative;
  }

  .new-destination-t .col-xs-6.tc{
    margin-bottom: 5px;
  }

  .book_transfer_new .col-xs-6.tcd{
    margin-bottom: 5px;
    padding-left: 0px;
  }

  .book_transfer_new .col-xs-6.tcdr{
    margin-bottom: 5px;
    padding-left: 0px;
    padding-right: 0px
  }

  .img-tra-a img {
    width: 100%;
    height: auto;
  }

  .book_transfer_new .col-xs-6.tcdb{
    padding-left: 0px;
  }

  .book_transfer_new .col-xs-6.tcdbr{
    padding-left: 0px;
    padding-right: 0px
  }

  img.nav-img-1 {
    position: relative;
    top: 4px;
    width: 18px;
    height: auto;
  }

  img.nav-img-2 {
    position: relative;
    top: 4px;
    width: 18px;
    height: auto;
  }
  /*new mobile book*/

  .header{
    width: 100%;
  }

  .box-sc {
    /*top: 2vh;*/
    top: 28px;
    width: 30vw;
    font-size: 3vw;
    position: fixed;
    z-index: 9999;
    right: 0px;
  }

  .home .box-sc {
    /*top: 2.5vh;*/
    top: 28px;
    width: 30vw;
    font-size: 3vw;
    position: fixed;
    height: 0px;
    right: 0px;
  }

  .search.search-results .box-sc {
    /*top: 2.5vh;*/
    top: 28px;
    width: 30vw;
    font-size: 3vw;
    position: fixed;
    height: 0px;
    right: 0px;
    width: 30% !important;
  }

  .popup-sc {
    width: 95%;
  }

  .wp_autosearch_suggestions {
    margin-top: -6vh;
  }

  .wp_autosearch_suggestions {
    width: 90% !important;
    left: 25.813px !important;
  }

  button.wp_autosearch_submit i.fa.fa-search {
    margin-bottom: 22px;
    float: right;
    padding-right: 9px;
    font-size: 3vw;
  }

  input.wp_autosearch_input {
    margin-right: 0px !important;
  }

  div.search-in-place {
    top: 7vh !important;
    /*width: 80.5vw !important;*/
    width: 87% !important;
    left: 9vw !important;
  }

  .home div.search-in-place {
    top: 6.8vh !important;
    width: 87% !important;
    /*width: 80.5vw !important;*/
    left: 9vw !important;
  }
}

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

  .home .wrapper {
    position: relative;
    z-index: unset;
  }

  .search.search-results .header {
    height: 90px;
  }

  .home input.wp_autosearch_input {
    height: 25px !important;
  }

  .home button.wp_autosearch_submit i.fa.fa-search {
    font-size: 2vw;
  }

  .home div.search-in-place {
    top: 8.7vh !important;
  }

  .home .p-slide-fb {
    width: 160px;
  }
}

@media (min-width: 100px) and (max-width: 1023px){
  .home .wrapper {
    position: relative;
    z-index: inherit;
  }

  .box-sc {
    width: 18vw !important;
  }
}


@media (min-width: 1024px) and (max-width: 1024px){
  li.details_tf {
    padding: 0px !IMPORTANT;
  }

  ul.block.form-rsvn-bar li {
    margin-right: 3px;
  }

  input.wp_autosearch_input {
    margin-right: 0px !important;
  }

  .home div.search-in-place {
    top: 9.6vh !important;
    margin-left: -17px;
    width: 25vw !important;
  }

  .home.fixformreserve-sc div.search-in-place {
    top: 8.5vh !important;
  }

  .home .box-sc {
    width: 15vw;
  }

  .search.search-results .box-sc {
    width: 15vw;
  }

  .search.search-results form.search-form.search-new-from .box-sc{
    width: 15vw !important;
  }
  .box-member-banner-website {
    display: block;
    padding-bottom: 5px;
    width: 100%;
  }

  div.search-in-place {
    top: 11.3vh !important;
    width: 23.9vw !important;
    position: fixed;
    margin-left: -22px;
    max-height: 300px;
    overflow-y: auto;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top: 0px solid;
    background-color: white;
    padding-bottom: 8px;
  }

  /*menu koh chang*/
  li#menu-item-3996 {
    box-sizing: content-box;
    width: 110px;
  }

  li#menu-item-3999 {
    box-sizing: content-box;
    width: 90px;
  } 

  li#menu-item-4025 {
    box-sizing: content-box;
    width: 80px;
  }

  li#menu-item-10780 {
    box-sizing: content-box;
    width: 90px;
  }

  li#menu-item-4036 {
    box-sizing: content-box;
    width: 85px;
  }

  ul#menu-header-menu-koh-chang {
    padding-left: 220px;
  }
  /*menu koh chang*/
}

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

  .home .box-sc {
    width: 12vw;
  }

  li#menu-item-88{
    box-sizing: content-box;
    width: 70px;
  }

  li#menu-item-3999{
    box-sizing: content-box;
    width: 85px;
  }

  div.search-in-place {
    top: 11.4vh !important;
    width: 24.4vw !important;
    position: fixed;
    margin-left: -16px;
    max-height: 300px;
    overflow-y: auto;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top: 0px solid;
    background-color: white;
    padding-bottom: 8px;
  }

  ul#menu-header-menu-koh-chang {
    padding-left: 225px;
  }
}

@media (max-width: 1066px) and (min-width: 1025px){
  li#menu-item-6156 {
    box-sizing: content-box;
    width: 60px;
  }

  .box-member-banner-website {
    display: block;
    padding-bottom: 5px;
    width: 100%;
  }

  .bar-search-member {
    top: 55px;
  } 

  li#menu-item-88 {
    box-sizing: content-box;
    width: 55px;
  }
  li#menu-item-90 {
    box-sizing: content-box;
    width: 75px;
  }

  li#menu-item-7556 {
    box-sizing: content-box;
    width: 80px;
  }

}

@media(max-width: 375px) and (min-width: 250px){
  div.video_wedding {
    height: 300px !important;
  }
  img.logo-tf-new {
    z-index: 10;
    position: absolute;
    width: 97%;
    align-content: center;
    top: 6px;
  }

  .nav-meun-mobile-main a.actb-t {
    padding: 1.5em 1em 0.62em 1em;
  }

  .nav-meun-mobile-main a {
    padding: 1.25em 0.25em 1.42em 0.25em;
  }

  .nav-meun-mobile-main a {
    font-size: 8px;
  }

  .nav-meun-mobile-main a.actb-t-r {
    font-size: 12px;
    padding: 1em 0em 2.8em 0em;
  }

  .block-transfer-new {
    top: -24px;
    position: relative;
  }

  a.nav-book-tra {
    width: 48.5%;
    margin-top: 10px;
  }

  .nav-meun-mobile-main a.actb-t span{
    height: 27px;
  }

  .new-moblie-book-r-t.menu-nav-block {
    margin-top: 49px;
  }


  .new-destination-t .col-xs-6{
    padding-left: 0px;
    padding-right: 0px;
  }

}

@media (max-width: 425px) and (min-width: 425px){
  div.video_wedding {
    height: 300px !important;
  }
  img.logo-tf-new {
    width: 97.9%;
  }
}

@media (max-width: 320px) and (min-width: 250px){
  .nav-meun-mobile-main a.actb-t {
    padding: 1.5em 1em 0.75em 1em;
    font-size: 13.1px;
  }

  img.img-footer-icon-acc {
    width: 24px;
    height: 24px;
    margin-bottom: 4px;
    margin-right: 3px;
  }

  .circle-footer {
    width: 65%;
  }

  .circle-footer {
    margin-bottom: 8px;
  }
  .btn-check-rate a#chk_rate {
    font-size: 11px;
  }
  .nav-meun-mobile-main a.actb-t{
    padding: 1.9em 1em 0.75em 1em;
    font-size: 12px;
  }
  a.nav-book-room {
    width: 48%;
    border-top-left-radius: 20px;
    margin-right: 3px;
  }
}

@media (max-width: 300px) and (min-width: 250px){
  .nav-meun-mobile-main a.actb-t {
    font-size: 10px;
  }
  .btn-check-rate a#chk_rate {
    font-size: 10px;
  }
  .content-blocks-vou > section {
    width: 240px !important;
  }
}

@media (min-width: 1365px) and (max-width: 1440px){
  input.wp_autosearch_input {
    height: 28px !important;
  }

  div.search-in-place {
    top: 11.4vh !important;
    width: 20.4vw !important;
    position: fixed;
    margin-left: -16px;
    max-height: 300px;
    overflow-y: auto;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top: 0px solid;
    background-color: white;
    padding-bottom: 8px;
  }
}
.col-md-12.box-banner-l-r {
    float: none;
}

@media (max-width: 900px) {
  div.video_wedding {
    height: 300px !important;
  }
  .login {
    width: 80% !important;
  }
}

@media screen and (min-width: 1024px){
  /* ul#menu-header-menu>li {
    width: 12.0%;
  } */
  li#menu-item-10230,
  li#menu-item-86 {
    width: 14.0% !important;
  }
  li#menu-item-13658 {
    width: 12.0% !important;
  }
}

.main-travelerChoice {
  position: absolute;
  top: 0px;
  left: 408px;
  z-index: 1000;
}

img.img-travelerChoice {
  width: 150px;
  box-shadow: 4px 4px 8px black;
}

@media screen and (max-width: 1190px){
  .main-travelerChoice {
    position: absolute;
    top: 0px;
    left: 408px;
    z-index: 1000;
  }

  img.img-travelerChoice {
    width: 150px;
    box-shadow: 4px 4px 8px black;
  }
}

@media (min-width: 1700px) and (max-width: 1800px){
  .main-travelerChoice {
    position: absolute;
    top: 0px;
    left: 355px;
    z-index: 1000;
  }
}

@media (min-width: 1601px) and (max-width: 1700px){
  .main-travelerChoice {
    position: absolute;
    top: 0px;
    left: 283px;
    z-index: 1000;
  }
}

@media (min-width: 1501px) and (max-width: 1600px){
  .main-travelerChoice {
    position: absolute;
    top: 0px;
    left: 249px;
    z-index: 1000;
  }
}

@media (min-width: 1408px) and (max-width: 1500px){
  .main-travelerChoice {
    position: absolute;
    top: 0px;
    left: 171px;
    z-index: 1000;
  }
}

@media screen and (max-width: 1400px){
  .main-travelerChoice {
    position: absolute;
    top: 0px;
    left: 158px;
    z-index: 1000;
  }

  img.img-travelerChoice {
    width: 135px;
    box-shadow: 4px 4px 8px black;
  }
}

@media screen and (max-width: 1280px){
  .main-travelerChoice {
    position: absolute;
    top: 0px;
    left: 97px;
    z-index: 1000;
  }
}

@media (min-width: 2000px) and (max-width: 2100px){
  .main-travelerChoice {
    position: absolute;
    top: 0px;
    left: 511px;
    z-index: 1000;
  }
}

@media (min-width: 1900px) and (max-width: 2000px){
  .main-travelerChoice {
    position: absolute;
    top: 0px;
    left: 428px;
    z-index: 1000;
  }
}

@media (min-width: 2200px) and (max-width: 2300px){
  .main-travelerChoice {
    position: absolute;
    top: 0px;
    left: 616px;
    z-index: 1000;
  }
}

@media (min-width: 2100px) and (max-width: 2200px){
  .main-travelerChoice {
    position: absolute;
    top: 0px;
    left: 579px;
    z-index: 1000;
  }
}

@media (min-width: 2300px) and (max-width: 2400px){
  .main-travelerChoice {
    position: absolute;
    top: 0px;
    left: 629px;
    z-index: 1000;
  }
}

@media (min-width: 2400px) and (max-width: 2600px){
  .main-travelerChoice {
    position: absolute;
    top: 0px;
    left: 717px;
    z-index: 1000;
  }
}

@media (min-width: 768px) and (max-width: 1024px){
  div.video_wedding {
    height: 560px !important;
  }
  .main-travelerChoice {
    position: absolute;
    top: 0px;
    left: 31px;
    z-index: 1000;
  }
}

@media (min-width: 383px) and (max-width: 440px){
  .main-travelerChoice {
    position: absolute;
    top: 51px;
    left: 16px;
    z-index: 1000;
  }
  
  img.img-travelerChoice {
    width: 73px !important;
    box-shadow: 4px 4px 8px black;
  }

  div.video_wedding {
    height: 300px !important;
  }
}

@media (min-width: 351px) and (max-width: 382px){
  .main-travelerChoice {
    position: absolute;
    top: 51px;
    left: 16px;
    z-index: 1000;
  }
  
  img.img-travelerChoice {
    width: 73px;
    box-shadow: 4px 4px 8px black;
  }
}


@media (min-width: 600px) and (max-width: 768px){
  .main-travelerChoice {
    position: absolute;
    top: 51px;
    left: 31px;
    z-index: 1000;
  }
  
  img.img-travelerChoice {
    width: 132px;
    box-shadow: 4px 4px 8px black;
  }
}

@media (min-width: 1172px) and (max-width: 1200px){
  .main-travelerChoice {
    position: absolute;
    top: 0px;
    left: 39px;
    z-index: 1000;
  }
  
  img.img-travelerChoice {
    width: 173px;
    box-shadow: 4px 4px 8px black;
  }  
}

@media (min-width: 400px) and (max-width: 1000px){
  .main-travelerChoice {
    position: absolute;
    top: 52px;
  }
  
  img.img-travelerChoice {
    width: 145px;
    box-shadow: 4px 4px 8px black;
  }  
}

img.size-large.box-member-banner-website{
  width: 100%;
}

@media (max-width: 1100px) and (min-width: 768px){
  .content-blocks > section {
    width: 30%;
  }
}

a[data-id="22"] {
  margin-left: 5px;
}