/*
#############################
########	Dev-Itgraphix  #######
#############################
*/
.box-menu-mobile , .mobile-logo{
	display: none;
}


@media(min-width: 250px) and (max-width: 767px){
	/*menu dining saait*/
	ul.dining-saait li {
    width: 100%;
    padding: 10px;
	}

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

	li.dining-saait-li-c {
    border-right: 0px solid;
    border-bottom: 1px solid;
	}

	li.dining-saait-li-r {
    margin-bottom: 15px;
	}
	/*menu dining saait*/
	/*########### mobile menu ############*/
	#icon-mobile-menu{
		background: center center no-repeat transparent;
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC );
		width: 30px;
		height: 60px;
		display: inline-block;
		background-repeat: no-repeat;
		background-size: inherit;
		left: 0;
		/*top: 0;*/
		padding: 0 30px;
		position: fixed;
	}
	div#menu-id-mobile{
		text-transform: uppercase;
	}
	/*############language mobile################*/
	body {
	    top: 0px !important;
	}

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

	div[data-id="8025"],div[data-id="8160"],div[data-id="8122"],div[data-id="8274"],div[data-id="8283"]{
		display: none;
	}

	.menufoot-yaoyai{
		display: none;
	}

	div.wds_slider_cont {
	  display: block;
	}

	.goog-te-banner-frame.skiptranslate {
	    display: none !important;
	}
	/*############language mobile################*/
	.contactUsR{
		top: 0px;
	}
	.ul-mobile-menu.mm-listview>li#menu-item-3257 {
    font-weight: bold;
    color: #A0522D;
	}

	.ul-mobile-menu.mm-listview>li#menu-item-4151 {
    font-weight: bold;
    color: #A0522D;
	}

	.ul-mobile-menu.mm-listview>li#menu-item-6215 {
    font-weight: bold;
    color: #A0522D;
	}

	.box-menu-mobile{
		display: block;
	}
	.mm-navbar {
		border-bottom: 0px solid !important;
	}
	.left-addon .fa-calendar {
    line-height: 34px;
    margin: 0;
    padding: 0;
    margin-left: -10px;
    right: 9px;
    left: auto;
	}
	/******************************earn*****************************/
	ul.page-home li,
	ul.resort-information li.left-block,
	ul.resort-information li.right_block{
    width: 100%;
    margin-top: 1em;
    padding: 0 ;
	}
	.content-home h2 {
   
    text-transform: capitalize;
    font-size: 30px;
	}
	.accommondations li, .restaurant li, .spa li, .facilities li {
    width: 100%;
    height: 100%;
	}
	.tour li{
		width: 100%;
		height: 100%;
	}
	ul.destination li {
    width:  50% ;
    margin-left: 0 !important;
    text-align: left !important;
    margin-top:  1px !important;
	}
	li.details_tf,li.prices_tf {
	    margin-top:  0 !important;
	    width:  100% !important;
	}
	li.prices_tf {
	    width:  100% !important;
	    margin-top:  0 !important;
	    /*padding-top:  1em !important;*/
	}
	ul li.destination_tf {
   	width: 50%;
    margin: 0;
    padding-top: 2%;
    padding-left: 6%;
    padding-bottom: 1%;
	}


	.col-md-12.col-xs-12.total_prices {
	    text-align:  center;
	    height: fit-content;
	    margin-top: 5%
	}

	li.prices_tf .row {
	    height:  fit-content;
	}

	.col-md-12.col-xs-12.btn_book_tf {
	    text-align:  center;
	}
	.see-all-tf {
    border-top: none;
    margin: 0;
    padding: 0;
	}
	input#tf_adultd{
   	width: 40%;
    margin-left: 10%;
    margin-right: 0;
    margin-top: 0px;
	}
	.ad-tf,.ch-tf {
    /*width: 43%;*/
    padding-right:  0;
	}
	input.dest-tf {
    margin-right: 4px;
	}
	.tf-person label {
    width: 34%;
    float:  left;
    padding-top: 0.6em;
	}

	.ch-tf {
	    margin-left: -15px;
    		margin-right: -15px;
	}
	li.prices_tf label {
    width: 70%;
    margin-bottom: 4%;
	}
	.ch-tf label {
    width: 23%;
	}

	input#tf_child {
		width: 44%;
    box-sizing: border-box;
    margin-right: 0;
    margin-left: 26px;
    margin-top: 0;
	}
	input#total_prices {
    width: 42%;
    text-align: left;
    margin-top: 1%;
	}
	a#purchase_tf_syy { 
   	padding: 10px;
    width: 207px;
    text-align: center;
    font-size: 20px;
    margin: 0;
	}
	ul.detail-in-res li{
    width: 100%;
    height:  auto;
	}
	select#time {
    width: 83%;
    margin-left: 0;
	}
	.col-md-8.col-xs-8.select-time-tf {
    width:  100%;
	}

	li.med {
	    border-left:  none;
	    border-right:  none;
	}
	.page-container {
    margin-top: 0;
	}
	.modal-dialog.rmt-modal {
    width: 100%;
    margin: 0;
	}
	ul.item-list.ul-fac li {
    width: 100%;

	}
	ul.item-list.fl-right.list-img-rmt-pop {
    width: 100%;
	}
	.box-img-full {
	    width:  100%;
	    padding-bottom: 78%;
	}
	img.logo-tf {
    margin-left: 5%;
	}
		
	.select-time-tf label {
    width:  17%;
    float:  left;
    padding-top: 8px;
	}
	.row.tf-person {
    margin-top: 3%;
	}

	.col-md-12.col-xs-12.select-time-tf {
	    margin-top: 2%;
	}
	input#time {
    width: 83%;
	}

	



	/*********** width: 100% ***********/
	.contain-container ,
	.welcome-content ,
	.welcome-reservation ,
	.wrapper,
	.header-top-menu,
	.logo,
	.footer,
	copyright ,
	div#footer-menu ,
	block.footer-social-menu,
	ul.block.footer-block ,
	ul.block.footer-social-menu ,
	.copyright ,
	ul#menu-footer-home-menu ,
	ul.block.social-menu > li > a  {
		width: 100%;
		height: auto;
	}
	.contain-container{
		top: 0;
	}
	/************* display: none *************/
	ul#menu-header-top-home-menu,
	.header-top-menu  {
		display: none;
	}

	/************* display: inline-block; **********/
	.logo,
	.wrapper,
	ul.block.top-social-menu{
		display: inline-block;
	}

	.logo {
		display: none;
		position: static;
		width: 50%;
		margin: 0 auto;
		float: left;
	}
	.mobile-logo {
		display: inline-block;
		line-height: 0;
		width: 100%;
		float: left;
		text-align: left;
	}

	.mobile-logo>img {
		width: 100%;
		/*height: auto;*/
		height: 60px;
		position: fixed;
		top: 0px;
		/*border:none;*/

	}

	.wrapper {
		box-sizing: border-box;
	}
	.header {
		height: auto !important;
		top: 0;
	}
	ul.block.top-social-menu {
		position: static;
		padding: 5px 0;
	}
	.logo>img {
		max-width: 100%;
		height: auto;
	}
	.welcome-container {
		box-sizing: border-box;
		padding: 0 15px;
		max-width: 100%;
	}

	.tp-simpleresponsive .tp-caption {
		top: auto !important;
		bottom: -32% !important;
	}
	.santhiya_slide_caption{
		padding-top: 5px !important;
	}
	.santhiya_slide_caption h2 {
		font-size: 18px !important;
	}
    .santhiya_slide_caption h2 { 
		font-size: 18px !important; 
	}

	.rsvn_box_content {
		padding-right: 10px;
		padding-left: 10px;
	}
	#reservation_box input.btn {
		width: 100%;
		margin-top: 15px;
	}

	p {
		letter-spacing: 0.006em;
		line-height: 1.8em;
	}

	/*********** footer **********/
	.footer {
		height: auto !important;
		box-sizing: border-box;
		/*padding: 10px 5px;*/
		padding: 10px 5px 60px 5px;
		background-size: cover;
	}
	

	/******** footer ->   position: static; ********/
	.copyright ,
	div#footer-menu ,
	ul.block.footer-block ,
	ul.block.footer-social-menu {
		position: static;
	}
	ul#menu-footer-home-menu>li {
		width: 50%;
		line-height: 1.5em;
		max-height: none;
		border: 0;
		margin: 0;
		padding: 0;
		float: left;
	}
	.copyright {
		padding: 10px 0;
	}
	ul#menu-footer-home-menu {
		margin: 10px 0 15px 0;
	}
	ul.block.social-menu.footer-social-menu>li {
    display: inline-block;
    width: 6%;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
	}
	ul.block.social-menu.footer-social-menu>li>a>img {
		width: 100%;
		max-width: none;
	}
	ul.block.social-menu > li > a {
		margin: 0 auto;
		max-width: 35px;
		max-height: 50px;
		padding-bottom: 35px !important;
		background-size: contain !important;
	}

	.footer-block-home>li {
		margin: 0 !important;
		padding: 0 !important;
		width: 50% !important;
		min-height: 87px !important;
		float: left !important;
	}
	ul.block.footer-block {
		margin: 15px 0;
		justify-content: center;
	}
	ul.block.social-menu > li > a:hover,
	ul.block.social-menu > li > a:focus {
		opacity: 0.8;
	}

    /*##################################
    ********** kohphangan *************
    ####################################*/
    .weather-container,
    .localtime-container,
    .weatherItem,
    ul.block,
	ul.block.form-rsvn-bar-link,
    .header .virtualtour,
	#header-menu{
    	position: static;
    	padding:0 ;
    	margin:0 ;
    }
    [id*="menu-header-menu"]{
    	padding:0;
    }
	#header-menu {
		display: none;
	}
	.header .weather-container {
		display: inline-block;
		width: 100%;
		padding: 0 20px !important;
		margin: 0;
		box-sizing: border-box;
		margin-top: 8em;
	}
	.header .localtime-container {
		text-align: right;
		line-height: 3em;
	}
	.weatherItem {
		background-position: 0 -9px;
		font-size: 10px;
		text-transform: capitalize;
	}
	ul.block.form-rsvn-bar>li,
	ul.block.form-rsvn-bar>li>label {
		width: 100%;
		display: inline-block;
	}
	a.btn.btn-find-rooms {
		position: static;
		display: inline-block;
		width: 100%;
		margin: 0;
	}
	ul.block.form-rsvn-bar-link {
		display: inline-block;
		margin: 10px 0 !important;
	}
	ul.block.form-rsvn-bar li input#checkin {
		width: 70%;
		margin-top: 15px;
	}

	ul.block.form-rsvn-bar li {margin: 5px 0;}
	ul.block.form-rsvn-bar li:nth-child(3),
	ul.block.form-rsvn-bar li:nth-child(4),
	ul.block.form-rsvn-bar li:nth-child(5),
	ul.block.form-rsvn-bar li:nth-child(6){
		float: left;
		width: 50%;
	}
	.home-container-blocks section {
		width: 100%;
	}
	.content-blocks.resort_features section {
		width: 100% !important;
		margin: 10px 0;
		box-sizing: border-box;
		padding: 10px;
		height: auto !important;
	}
	.content-blocks > section img{
		width: 100%;
	}
	.home-block-bottom {
		box-sizing: border-box;
		padding: 0 10px;
	}
	ul#menu-footer-menu>li {
		float: left;
		/*width: 50%;*/
		width: 100%;
		padding: 0;
		box-sizing: border-box;
		border: 0;
		text-align: center;
		margin: 3px 0;
	}
	ul#menu-footer-menu {
		margin: 15px 0 !important;
		display: inline-block;
		width: 100%;
	}
	.Natai .footer-kohphangan ul.block.footer-block > li{
		width: 33.3333%;
	}

	ul.block.footer-block > li{
		margin: 10px 0 !important;
		width: 33.33%;
		text-align: center;
		box-sizing:border-box;
	}
	.footer-kohphangan ul.block.footer-block> li:first-child	{
		/*width: 100%;*/
	}
  /*.footer-kohphangan ul.block.footer-block.footer-block-home > li:first-child {
		width:22%;
	}
	.footer-kohphangan ul.block.footer-block.footer-block-home > li:nth-child(2){
		    width: 32%;
	}
	.footer-kohphangan ul.block.footer-block.footer-block-home > li:nth-child(3){
		   width: 40%;
		   margin-left: 2% !important;
	}
	.footer-kohphangan ul.block.footer-block.footer-block-home > li:nth-child(4){
		float: none !important;
		width: 33.33%;
		margin-left: -8% !important;
	}
	.footer-kohphangan ul.block.footer-block.footer-block-home > li:nth-child(5){
		float: none !important;
		width: 33.33%;
	}*/
	ul.block.footer-block > li>a {
		display: inline-block;
		width: 100%;
		line-height: 0;
	}



	.footer-kohyaoyai ul.block.footer-block-home > li {
		width: 25% !important;
		min-height: 101px !important;
	}
	.footer-kohphangan ul.block.footer-block > li {
		width: 16%;
	}

	.footer-kohphangan ul.block.footer-block.footer-block-home > li {
    	width: 18% !important;
	}

	/*************  kohyaoyai   footer-block-home  *******************/
	.footer-kohyaoyai ul.block.footer-block.footer-block-home > li:nth-child(1) {
		width: 33%;
	}
	.footer-kohyaoyai ul.block.footer-block.footer-block-home > li:nth-child(2) {
		width: 33%;
	}
	.footer-kohyaoyai ul.block.footer-block.footer-block-home > li:nth-child(3) {
		width: 33%;
	}
	.footer-kohyaoyai ul.block.footer-block.footer-block-home > li:nth-child(4) {
		  width: 25%;
          padding-top: 5px !important;
	}
	/*************  kohyaoyai   footer-block  *******************/
	.footer-kohyaoyai ul.block.footer-block > li:nth-child(1) {
		width: 33%;
	}
	.footer-kohyaoyai ul.block.footer-block > li:nth-child(2) {
		width: 33%;
	}
	.footer-kohyaoyai ul.block.footer-block > li:nth-child(3) {
		width: 33%;
	}
	.footer-kohyaoyai ul.block.footer-block > li:nth-child(4) {
		width: 25%;
	}
	.footer-kohyaoyai ul.block.footer-block > li:nth-child(5) {
		width: 20%;
	}
	.footer-kohyaoyai ul.block.footer-block > li:nth-child(7) {
		width: 33.33%;
	}

	/*************  kohphangan   footer-block *******************/
	/*.footer-kohphangan ul.block.footer-block> li:first-child {
		width: 100%;
	}
	.footer-kohphangan ul.block.footer-block > li:nth-child(2) {
		width: 20%;
	}
	.footer-kohphangan ul.block.footer-block > li:nth-child(3) {
		width: 24%;
	}
	.footer-kohphangan ul.block.footer-block > li:nth-child(4) {
		width: 36%;
	}
	.footer-kohphangan ul.block.footer-block > li:nth-child(5) {
		width: 20%;
	}*/


	.footer-block > li>a {
		display: inline-block;
		width: 100%;
		line-height: 0;
		box-sizing: border-box;
	}
	.footer-kohyaoyai ul.block.footer-block-home > li:nth-child(1) >a{
		padding: 6px;
		margin-top: -19px;
	}
	.footer-kohphangan ul.block.footer-block-home > li:nth-child(1) >a{
		/*margin-top: -6px;*/
	}
	.footer-kohphangan ul.block.footer-block-home > li:nth-child(4) img {
		/* max-width: 72%; */
	}

	.footer-kohphangan ul.block.footer-block-home > li:nth-child(8) img {
		/* width: 150% !important; */
	}


	ul.block.footer-block > li:first-child>div {
		/*width: 57% !important;*/
		text-align: center;
		display: inline-block;
		margin: 0 auto;
		padding: 0;
	}

	.footer-kohyaoyai ul.block.footer-block.footer-block-home > li:nth-child(1) {
		width: 33%;
	}
	.footer-kohyaoyai ul.block.footer-block.footer-block-home > li:nth-child(2) {
		/*clear: left;*/
	}


	/******  kohphangan->contact us *******/
	form.wpcf7-form input, form.wpcf7-form textarea {
		width: 100%;
		padding: 10px 0;
		border: 0;
	}

	/******  career *******/
	.page-home-career .content-blocks > section {
    width: 100%;
	}
	/******  career *******/

	.career>.wpcf7 {
    width: 90%;
	}

	/******  kohphangan->accommodations *******/
	.content-blocks > section {
		width: 100%;
		margin: 10px 0;
		height: auto !important;
		float: none;
	}

	/******  kohphangan->recreation *******/
	.content-blocks > section a.readmore {
		position: static;
		display: block;
	}
	.content-blocks > section a.readmore:hover {
		font-weight: bold;
		position: static;
		text-decoration: underline;
	}


	/******  kohphangan->gallery *******/
	.page-container>h1 {
		text-align: center;
	}
	ul.block.gallery>li {
		width: 100%;
		margin: 10px 0;
		text-align: center;
	}
}
@media(min-width: 250px) and (max-width:900px) {
	.footer-kohphangan ul.block.footer-block-home > li:nth-child(1) img,
	.footer-kohphangan ul.block.footer-block-home > li:nth-child(2) img,
	.footer-kohphangan ul.block.footer-block-home > li:nth-child(3) img,
	.footer-kohphangan ul.block.footer-block-home > li:nth-child(4) img, 
	.footer-kohphangan ul.block.footer-block-home > li:nth-child(5) img,
	.footer-kohphangan ul.block.footer-block-home > li:nth-child(6) img,
	.footer-kohphangan ul.block.footer-block-home > li:nth-child(7) img,
	.footer-kohphangan ul.block.footer-block-home > li:nth-child(8) img {
		max-width: 100% !important;
		height: auto !important;
	}

}
@media(min-width:901px) {
	.footer-kohphangan ul.block.footer-block-home > li:nth-child(2) img {
		height: auto !important;
		max-width: 170px !important;
		width: 100% !important;
	}
	.footer-kohphangan ul.block.footer-block-home > li:nth-child(2) img.stkcTripadvisor2019-1 {
		height: auto !important;
		max-width: 82px !important;
		width: 100% !important;
	}
	.footer-kohphangan ul.block.footer-block-home > li:nth-child(7) img.spnSafe {
		width: 100% !important;
		height: 100px !important;
		margin-bottom: -9px !important;
	}
	.footer-kohphangan ul.block.footer-block-home > li:nth-child(6) img.stkcSafe {
		width: 100% !important;
		height: 100px !important;
		margin-bottom: -9px !important;
	}
	.footer-kohphangan ul.block.footer-block-home > li:nth-child(5) img.sntAmazing {
		width: 100% !important;
		height: 100px !important;
		margin-bottom: -9px !important;
	}
}
@media(min-width: 768px) and (max-width:900px){
	.footer-kohphangan ul.block.footer-block.footer-block-home > li {
		width: 11% !important;
    	top: 9px;
	}

	.footer-kohphangan ul.block.footer-block-home > li:nth-child(6) img.sntSHA {
		margin-left: 87px;
	}

	.footer-kohphangan ul.block.footer-block-home > li:nth-child(9) img.stkcAmazing {
		margin-left: 87px;
	}
	
	.footer-kohphangan ul.block.footer-block-home > li:nth-child(8) img {
		max-width: 150% !important;
		width: 150% !important;
		height: auto !important;
		margin-left: -16px;
		margin-bottom: -2px !important;
	}
	.footer-kohphangan ul.block.footer-block-home > li:nth-child(7) img.spnSafe {
		max-width: 150% !important;
		width: 150% !important;
		height: auto !important;
		margin-left: 8px;
		margin-bottom: 10px !important;
	}
	.footer-kohphangan ul.block.footer-block-home > li:nth-child(8) img.spnAmazing {
		max-width: 150% !important;
		width: 150% !important;
		height: auto !important;
		margin-left: 40px;
		margin-bottom: -2px !important;
	}
	.footer-kohphangan ul.block.footer-block-home > li:nth-child(7) img.stkcSafe {
		max-width: 150% !important;
		width: 150% !important;
		height: auto !important;
		margin-left: 40px;
		margin-bottom: -2px !important;
	}
	.footer-kohphangan ul.block.footer-block-home > li:nth-child(5) img.sntAmazing {
		max-width: 150% !important;
		width: 150% !important;
		height: auto !important;
		margin-left: 40px;
		margin-bottom: -2px !important;
	}
}
@media (min-width: 300px) and (max-width: 420px){
	.footer-kohphangan ul.block.footer-block.footer-block-home > li {
		width: 16% !important;
	}
	.footer-kohphangan ul.block.footer-block-home > li:nth-child(5) img.sntAmazing {
		margin-bottom: -31px;
	}
}

@media(min-width: 250px) and (max-width: 767px){
	img.footerimgmargin {
	   margin-top: -3px;
	}
}


@media(min-width: 351px) and (max-width: 480px){
	.tp-simpleresponsive .tp-caption {
		top: auto !important;
		bottom: -20% !important;
	}
	
	.accommondations li, .restaurant li, .spa li, .tour li, .facilities li{
    width: 100% !important;
	}

}

@media(min-width:250px) and (max-width:900px){
	.footer-kohphangan ul.block.footer-block-home > li:nth-child(5) img {
		max-width: 95%;
	}
}

@media(min-width:480px) and (max-width:767px){
	
	ul.block.footer-block > li{
		width: 25%;
		box-sizing: border-box;
		padding: 5px !important;
	}
	ul.block.footer-block-home > li{
		width: 20%;
	}
	.footer-kohyaoyai ul.block.footer-block-home > li {
		width: 25%;
	}
	.footer-kohphangan ul.block.footer-block > li:first-child {
		width: 100%;
	}
    .footer-kohphangan ul.block.footer-block-home > li:first-child {
		width: 20%;
	}
	*/
	/* .footer-kohphangan ul.block.footer-block-home > li:nth-child(5) img {
		max-width: 74%;
	}

}

@media(min-width:768px) and (max-width:979px){
		.welcome-content {
			float: none;
			width: 100%;
			padding: 0 20px;
		}

		.page-container {
			margin-top: 15px;
		}

		.fixformreserve ul.block.form-rsvn-bar li.lidate{
			margin-right: 4em;
			width: 19%;
		}

		.fixformreserve ul.block.form-rsvn-bar li#ch {
			margin-left: -31px;
		}

		.fixformreserve ul.block.form-rsvn-bar li.lidiscount {
			margin-left: -31px;
		}

		.fixformreserve a.btn.btn-find-rooms {
			margin-top: 87px !important;
		}
		.reservation_bar a.btn.btn-find-rooms {
			margin-top: -6px;
		}

		.content-blocks-vou > section {
			width: 320px;
		}

		#header-menu {
			bottom: -50px !important;
			height: 138px !important;
		}

		input.wp_autosearch_input {
			margin-right: 0px !important;
		}

		.contain-container {
			width: 100%;
		}
		.welcome-reservation {
			float: none;
			width: 100%;
			text-align: center;
			padding: 0 20px;
			margin: 15px 0;
			display: inline-block;
		}
		.copyright,
		div#footer-menu,
		ul.block.footer-social-menu,
		ul.block.footer-block{
			position: static;
			padding: 10px 0;
		}
		ul.block.footer-block img {
			width: 100%;
		}
		ul.block.footer-block > li {
			margin: 0 15px;
		}

		.container-ig,.container-fb {
			padding: 0 20px;
			box-sizing: border-box;
		}
		.bx-wrapper .bx-viewport {
			left: 0 !important;
		}

		.header {
			height: 170px;
		}
		ul.block.form-rsvn-bar-link {
			position: static;
			display: inline-block;
		}
		a.btn.btn-find-rooms {
			position: static;
		}
		ul.block.form-rsvn-bar-link li {
			display: inline-block;
			text-align: left;
		}
		li.lidesion {
			display: flex;
			flex-direction: row;
			justify-content: flex-start;
		}
		.col-md-12.calendar_set {
			display: flex;
			flex-direction: row;
			justify-content: flex-start;
		}
		li#ad {
			display: flex;
			flex-direction: row;
			justify-content: flex-start;
		}
		li#ch {
			display: flex;
			flex-direction: row;
			justify-content: flex-start;
		}
		li.lidate {
			display: flex;
			flex-direction: row;
			justify-content: flex-start;
		}
		li.lidiscount {
			display: flex;
			flex-direction: row;
			justify-content: flex-start;
		}
		ul.block.form-rsvn-bar li:last-child {
			width: 19%;
		}
		/* ul.block.form-rsvn-bar {
			display: inline-block;
			padding-bottom: 20px;
		} */

		/******  accommodations ******/
		.content-blocks > section {
			width: 47%;
		}
		.spa li, .tour li {
     	width:50%;
     	
		}
		.accommondations li, .restaurant li {
			width:50%;
			min-height: 450px;
		}
}

    /************ until *************/
	.table-res {
		width: 100%;
		box-sizing: border-box;
		overflow: auto;
	}


@media (max-width: 889px) and (min-width: 250px){
	div .rev_slider_wrapper {
	  margin-top: 52px !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: 60px !important;
	}*/
	.row.details-content p {
	    margin-bottom: 4px;
	    
	}
	ul.block.welcome-destination-link li {
    width: 25%;
    /*padding: 29px 0;*/
    border-right: 1px solid #dfc393;
    min-height: 52px;
    margin-bottom: -6px;
	}
}

@media (min-width: 1100px) {
	.fixformreserve {
		padding: 62px 0px 28px 175px;
	}
	.fixformreserve ul.block.form-rsvn-bar li.lidesion {
		top: -14px;
		width: 105px;
	}
	.fixformreserve ul.block.form-rsvn-bar li#ad,
	.fixformreserve ul.block.form-rsvn-bar li#ch,
	.fixformreserve ul.block.form-rsvn-bar li.lidiscount {
		top: -16px;
	}
	.fixformreserve a.btn.btn-find-rooms, a#show{
		right: 100px !important;
		margin-top: -14px;
	/* right: 6px !important;
    margin-top: -18px; */
	}
}

@media (max-width: 1200px) {
	.footer-kohphangan ul.block.footer-block > li {
		margin: 0 8px;
	}
	
}
@media (max-width: 1100px) {
	.footer-kohphangan ul.block.footer-block > li {
		margin: 0 4px;
	}
}
@media (min-width: 980px) and (max-width: 1000px) {
	.reservation ul.block.form-rsvn-bar {
		margin-left: -40px;
	}
	/* .reservation ul.block.form-rsvn-bar li:nth-child(3) {

	} */
}
@media (min-width: 800px) and (max-width: 979px) {
	.footer-kohphangan ul.block.footer-block > li {
		margin: 0 2px;
    	top: -17px;
	}
	.reservation ul.block.form-rsvn-bar {
		margin-left: -8px;
		display: flex;
		height: 70px;
		margin-top: -32px;
	}
	.reservation ul.block.form-rsvn-bar li:nth-child(1) {
		top: 8px;
	}
	.reservation ul.block.form-rsvn-bar li:nth-child(2) {
		margin-right: -78px;
    	top: 9px;
	}
	.reservation ul.block.form-rsvn-bar li:nth-child(3) {
		margin-left: 94px;
    	top: 9px;
	}
	.reservation ul.block.form-rsvn-bar li:nth-child(4) {
		top: -1pxpx;
		width: 52px;
		margin-left: 7px;
	}
	.reservation ul.block.form-rsvn-bar li:nth-child(5) {
		top: -2px;
    	width: 64px;
	}
	.reservation a.btn.btn-find-rooms {
		right: -16px;
    	margin-top: 15px;
	}
}
@media (max-width:950) {
	.reservation ul.block.form-rsvn-bar {
		margin-left: 71px;
		display: flex !important;
		height: 70px;
		margin-top: -32px;
		margin-bottom: -50px;
	}
	.reservation_bar.phangannone.fixformreserve#resform ul.form-rsvn-bar {
		display: flex;
    	margin-left: -50px;
	}
	.reservation ul.block.form-rsvn-bar li:nth-child(2) {
		margin-left: 119px;
    	top: -52px;
	}
	.reservation ul.block.form-rsvn-bar li:nth-child(3) {
		margin-left: -28px;
    	top: -41px;
	}
	.reservation ul.block.form-rsvn-bar li:nth-child(4) {
		margin-left: 65px;
    	top: -42px;
	}
	.reservation ul.block.form-rsvn-bar li:nth-child(5) {
		margin-left: -55px;
    	top: -41px;
	}
	.reservation a.btn.btn-find-rooms {
		margin-left: -26px;
    	margin-top: -79px;
	}
}
.col-md-12.calendar_set {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
}

@media (max-width: 767px){
	.login {
	  width: 80% !important;
	}
}


@media(min-width:250px) and (max-width:425px) {
	.copyright, div#footer-menu, ul.block.footer-block, ul.block.footer-social-menu {
		position: static;
		display: inline-flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
	}
	
	.footer-kohyaoyai ul.block.footer-block-home > li {
		width: 25% !important;
		min-height: auto !important;
	}

	.home-container-blocks section {
		width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
}