/* ==|== primary styles ===================================================== Author:www.prowebdesign.ro Write your own styles here. ========================================================================== */@font-face {
	font-family: "Calligraph421 BT";
	src: url(../fonts/Calligraph_421_BT_Roman.ttf)
}
#best-Guarantee a{
    width: 180px;
    height: 37px;
    position: absolute;
    top: 48px;
    right: 0px;
    background: url(../images/Best-Rate-Guarantee.png) no-repeat;
	text-decoration: none;
}
#addcomment section .grid_12 {
	padding-bottom: 0px;
}
#linecolor img {
	border: 0px;
}
.toggleMenu {
	display: none;
	background: #000;
	padding: 0;
	color: #fff;
	/*background-image: url("../images/logo.png");*/
	background-repeat: no-repeat;
}
.slidingDiv img {
	border: none;
}
.ui-datepicker-calendar a {
	color: #000000 !important;
}
.nav {
	list-style: none;
	background: #000;
	font-size: 12px;
}
.nav>li {
	float: left;
	background: #000;
}

.nav li {
	position: relative;
}
.nav>li>a {
	display: block;
}
.nav a {
	padding: 5px 10px;
	color: #fff;
	text-align: center;
	text-decoration: none;
}
.menu {
	float: right;
	width: 80%;
	margin-top: -40px;
	z-index: 2000;
	position: relative;
}
.backopa {
	position: relative;
}
#colophon #scrollUp {
	bottom: 105px;
	float: right;
	right: 20px;
	background: url(../images/bg.png) repeat right bottom;
	color: #fff;
	font-size: 12px;
	font-family: sans-serif;
	text-decoration: none;
	opacity: .9;
	padding: 10px 20px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	-webkit-transition: background 200ms linear;
	-moz-transition: background 200ms linear;
	transition: background 200ms linear;
	display: block;
}
#scrollUp {
	display: none;
}
#scrollUp:hover {
	background: #000;
}
#colophon.dews {
	position: relative;
}
#form_enquiry label span.n_n {
	padding-left: 14px;
}
.act:active {
	color: #fff;
}
.sizefont {
	font-size: 12px;
}
.menu ul li a.active, .grid_3 ul li a.active {
	color: #FBE2AE !important;
}
.secondary-navigation ul li a.active {
	color: #FBE2AE!important;
}
.grid_7.link-footer a.active {
	color: #FBE2AE!important;
}
.tapmenunew-phuket ul li.makebgc {
	background-color: #ffffff;
}
#newsletter .ft6 {
	color: #FBE2AE;
}
.tapmenunew-phuket ul li a.active, .tapmenunew-phuket ul li:hover, .tapmenunew-phuket ul li:hover a  ,.tapmenunew-phuket ul li a:hover {
	color: #000 !important;
}
#nav li a.active {
	color: #000 !important;
	background-color: #ffffff;
	width: 14.2%;
}
.logo_listing {
	margin-bottom: 20px;
}
.grid_19 .img_cent {
	text-align: center;
}
#private #content {
	padding-left: 15px;
}
#private #content h1 {
	padding-bottom: 15px;
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#form_enquiry .but {
	padding-left: 183px;
}
.img_left {
	text-align: center;
	width: 100%;
	margin: 20px auto;
}
.img_left img {
	width: 50%;
	border: 5px solid rgb(255, 255, 255);
}
.box_bottom {
	position: fixed;
	bottom: 0px;
	z-index: 999999;
}
.text_detail {
	margin-bottom: 20px;
}
.text-step {
	float: right;
	font-size: 12px;
	text-transform: uppercase;
	margin-left: 10px;
	font-style: italic;
	font-family: "Calligraph421 BT"
}
#gallery-detail .rg-image a>span {
	display: none;
	position: absolute;
	width: 100%;
	top: 0px;
	left: 0px;
	height: 100%
}
#luxurypage .luxury a, #luxurybeach .beach a, #luxuryoceanview .oceanview a, #luxurygarden .garden a, #khosamuipage .kho a, #pagephuket .phuket a, #khosamuipage .samui5, #pagephuket .phu5 {
	background-color: #ffffff;
	color: #000;
}
#khosamuipage .samui5 a, #pagephuket .phu5 a {
	color: #000;
}
#luxurypage .nav li.pageholiday a, #collection .nav li.pangesignature a, #pagethaihed .nav li.pagethai a, #weddingthailandpage .nav li.wedding a, #corporatepage .nav li.corporate a, #holidaythailandpage .nav li.holiday a {
	color: #FBE2AE;
}
#enquiry .secondary-navigation li.make a, #coneciergepage .secondary-navigation li.concierge a, #culinary .secondary-navigation li.culinary a, #service .secondary-navigation li.invila a, #facilitiespage .secondary-navigation li.villafacilities a, #khosamuipagesmaill .secondary-navigation li.khosamuisecondary a, #phuketpagesmall .secondary-navigation li.phuketsecondary a, #phuketbeach .secondary-navigation li.phuketsecondary a, #phuketgolf li.phuketsecondary a, #recommenphuket li.phuketsecondary a, #watersports li.phuketsecondary a, #getting li.phuketsecondary a, #wining li.phuketsecondary a, #spas li.phuketsecondary a, #weather, #phuketbeach li.phuketsecondary a li.phuketsecondary a, #phuketeco li.phuketsecondary a, #samuibeach li.khosamuisecondary a, #samuirecomment li.khosamuisecondary a, #samuigolf li.khosamuisecondary a, #samuiwatersports li.khosamuisecondary a, #there li.khosamuisecondary a, #dining li.khosamuisecondary a, #ecosamui li.khosamuisecondary a #spasamui li.khosamuisecondary a, #weathersamui li.khosamuisecondary a, #pagethaihedsamui li.khosamuisecondary a,  #holidayphuket .ftc1 a, #holidayvillaphuket .ftc2 a, #phuketproperty .ftc3 a, #rentalsphuket .ftc4 a, #phuketholidayvillas .ftc5 a, #phuketapartment .ftc6 a, #khosamuirentals .ftc7 a, #khosamuihr .ftc8 a, #khoapartment .ftc9 a, #propretykhosamui .ftc10 a, #luxuryproperties .ftc11 a, #luxuryholidayrentals .ftc12 a, #khosamuiluxuryapartments .ftc13 a, #khosamuiluxuryvillas .ftc14 a, #homeskohsamui .ftc15 a, #holidayrentalsphuket .ftc16 a, #phuketluxuryvillarentals .ftc17 a, #luxuryvillarentalsphuket .ftc18 a, #luxuryholidayhomesphuket .ftc19 a, #phuketluxuryhomes .ftc20 a, #private .ftc21 a, #phukdtcheapholiday .ftc22 a, #lastminute .ftc23 a, #packagedeals .ftc24 a, #latedeals .ftc25 a, #cheap .ftc26 a, #phuketlast .ftc27 a, #thai .ftc28 a, #samuibeachvillas .ftc29 a, #khosamuirentals .ftc30 a, #phuketnews .ftc31 a, #rentalssamuift .ftc32 a, #phuketluxuryvilla .ftc17 a, #khosamuipage .khosamuisecondary a, #pagephuket .phuketsecondary a, #addcomment li.make a {
	color: #FBE2AE;
}
.bottomnone {
	padding-bottom: 0px;
}
#gallery-detail .rg-image a:hover>span {
	display: block
}
#phuketbeach .phu1, #phuketgolf .phu2, #recommenphuket .phu3, #watersports .phu4, #getting .phu6, #wining .phu7, #spas .phu8, #weather .phu9,  #phuketeco .phu10, #pagethaihed .phu11, #samuirecomment .samui3, #samuiwatersports .samui4, #there .samui6, #dining .samui7, #spasamui .samui8, #weathersamui .samui9, #ecosamui .samui10, #pagethaihedsamui .samui11, #samuibeach .samui1, #samuigolf .samui2 {
	background-color: #ffffff;
	color: #000;
}
#phuketbeach .phu1 a, #phuketgolf .phu2 a, #recommenphuket .phu3 a, #watersports .phu4 a, #getting .phu6 a, #wining .phu7 a, #spas .phu8 a, #weather .phu9 a, #phuketeco .phu10 a, #pagethaihed .phu11 a, #samuirecomment .samui3 a, #samuiwatersports .samui4 a, #there .samui6 a, #dining .samui7 a, #spasamui .samui8 a, #weathersamui .samui9 a, #ecosamui .samui10 a, #pagethaihedsamui .samui11 a, #samuibeach .samui1 a, #samuigolf .samui2 a {
	color: #000;
}
#pagehome .ft1, #simply .ft2, #media .ft3, #blog .ft4, #booking .ft5, #newsletter .ft6, #sitemap .ft7 {
	text-decoration: none;
}
.tapmenunew-phuket li:hover {
	background-color: #ffffff;
	color: #000 !important;
}
.tapmenunew-phuket li a {
	width: 100px;
	height: 50px;
	padding-top: 10px;
	padding-bottom: 15px;
}
.tapmenunew-phuket ul li:hover a {
	color: #000;
}
#form_enquiry select.newsletter {
	width: 100px;
	display: inline-block;
	float: left;
}
#nesletter #form_enquiry label span {
	width: 100px;
}
#form_enquiry input.newsletter {
	width: 100px;
	height: 28px;
	display: inline-block;
	float: left;
}
.label_newsletter {
	display: inline-block;
	float: left;
}
#gallery-detail .rg-image-wrapper {
	position: relative;
	background: #000;
	min-height: 20px
}
#gallery-detail .rg-image {
	position: relative;
	text-align: center;
	line-height: 0px;
	color: #000000;
}
#gallery-detail .rg-image img {
	width: 100%;
}
a.rg-image-nav-next {
	position: absolute;
	right: 0px;
	outline: none;
	z-index: 99999;
	background: url(../images/snn.png) no-repeat top left;
	width: 35px;
	height: 51px;
	margin-top: -13px;
	text-indent: -9000px;
	cursor: pointer;
	top: 222px;
}
a.rg-image-nav-prev {
	position: absolute;
	left: 0px;
	outline: none;
	z-index: 99999;
	background: url(../images/spp.png) no-repeat top left;
	width: 35px;
	height: 51px;
	margin-top: -13px;
	text-indent: -9000px;
	cursor: pointer;
	top: 222px;
}
#gallery-detail .rg-caption {
	text-align: center;
	margin-top: 15px;
	position: relative
}
#gallery-detail .rg-caption p {
	font-size: 11px;
	letter-spacing: 2px;
	line-height: 16px;
	padding: 0 15px;
	text-transform: uppercase
}
#gallery-detail .rg-view {
	height: 30px
}
#gallery-detail .rg-view a {
	display: block;
	float: right;
	width: 16px;
	height: 16px;
	margin-right: 3px;
	background: #000 url(../images/slide-views.png) no-repeat top left;
	border: 2px solid #666;
	opacity: 0.8
}
#boxPrice {
	position: absolute;
	    right: 0px;
	top: 0px;
}
#gallery-detail .rg-view a:hover {
	opacity: 1.0
}
#gallery-detail .rg-view a.rg-view-full {
	background-position: 0px 0px
}
#gallery-detail .rg-view a.rg-view-selected {
	background-color: #FFF;
	border-color: #FFF
}
#gallery-detail .rg-view a.rg-view-thumbs {
	background-position: 0px -16px
}
#gallery-detail .rg-loading {
	width: 46px;
	height: 46px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -23px 0px 0px -23px;
	z-index: 100;
	opacity: 0.7;
}
body {
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index: -9999;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: normal
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 120%;
	margin: 0;
	padding: 0;
}
a, a:visited, a:activea:hover {
color:#FBE2AE
}
.bg-line {
	width: 100%;
	height: 4px;
	background: #f7d48a;
	z-index: 1000;
	position: relative
}
.clear {
	clear: both
}
#pagehome #scrollUp {
	display: none;
}
#container {
	max-width: 980px;
	padding: 7px;
	margin: 0 auto;
	background: url(../images/bg.png) repeat right bottom;
	min-height: 600px;
	height: auto
}
#colophon, #footer-txt {
	max-width: 980px;
	margin: 0 auto
}
.grid_5.link-footers {
	padding-top: 10px;
}
section {
	background: #0a0a0a;
	color: #666;
	clear: both;
	font-size: 12px;
	width: 100%;
	padding-bottom: 36px;
}
.link-footer {
	text-align: right;
	height: 40px;
	line-height: 35px;
	padding-bottom: 137px;
}
#pagehome .link-footer, #pagehome section {
	padding-bottom: 0px;
}
.link-footer a {
	text-decoration: none;
	color: #666
}
.link-footer a:hover {
	text-decoration: underline;
	color: #666
}
.link-footers {
	text-align: left;
	height: 40px;
	font-size: 10px
}
#head-top {
	background: #000;
	width: 100%;
	height: 140px;
	z-index: 1000;
	position: relative
}
header {
	max-width: 1000px;
	margin: auto;
	z-index: 1000;
	position: relative;
	width: 100%
}
header nav, #main, footer, #banner {
	width: 100%
}
#logo {
	float: left;
	
	/*background: url(../images/logo.png) no-repeat;*/
    width: 200px;
	height: auto;
}
header {
	padding: 0
}
#main {
	z-index: 800;
	position: relative
}
#main, footer {
	font-size: 12px;
	line-height: 22px;
}
/*#main p {
	margin: 7px 0 -42px 0
}*/
p {
	margin: 10px 0px;
}
.grid_19 {
	width: 100%;
	padding: 0px 10px;
	text-align: justify;
}
#content {
	float: right;
	margin: 0 0 20px 0;
	font-size: 12px
}
#content ul, #content ol {
	/*margin: 1em 0;*/
	padding: 0 0 0 0px;
}
#carbonfootprint #content ul {
	margin: 0px;
	padding: 0 0 0 0px;
}
#carbonfootprint #content ul li {
	list-style: inside;
	margin: 10px 0px;
}
#content dd {
	margin: 0 0 0 40px
}
/*#content strong {
	color: #FBE2AE;
	text-decoration: none
}*/
#content a strong {
	color: #fff;
}
#content em, i {
	color: #fff;
	text-decoration: none;
	font-style: italic
}
#blog #content em, i {
	color: #fff;
}
#content img {
   
	



	overflow: hidden;
	height: auto;
}
#content .blog-list img {
	max-width: 90px !important;
}
.navigator {
	font-size: 10px;
	line-height: 45px;
}
.navigator img {
	float: left;
	margin-top: 10px
}
.navigator a {
	text-decoration: none;
	font-size: 11px;
	color: #FFF;
	text-transform: uppercase;
}
.navigator a:hover {
	color: #FBE2AE
}
nav {
	display: block;
	width: 100%;
	margin: auto;
	text-align: center
}
nav ul {
	list-style: none
}
nav a {
	display: inline-block;
	text-decoration: none
}
nav select {
	display: none
}
aside {
	float: left;
	margin: 0 0 20px 0
}
.secondary-navigation {
	/*margin-bottom: 20px;*/
}
.secondary-navigation .current {
	color: #FBE2AE
}
/*new */
.secondary-navigation ul {
	height: auto;
}
.secondary-navigation{
	border-bottom: 1px solid #4d596b;
    margin-bottom: 20px;
}
.secondary-navigation ul li {
	float: left;
	list-style: none;
	display: block;
	margin: 5px 0;
	padding: 0px 12px 3px 0px;
	color: #4b596c;
	text-decoration: none;
	text-align: center;
	font-size: 12px;
}
/*new end*/
.secondary-navigation ul li a {
	text-decoration: none;
	color: #fff;
}
.secondary-navigation ul li a:hover {
	color: #FBE2AE
}
footer {
	clear: both;
	font-size: 12px;
	padding: 20px 0
}
body {
}
h1, h2, h3, h4, h5, h6 {
	color: #FFF;
	text-shadow: 0 2px 0px #000;
	font-size: 18px;
}
h2 {
	text-transform: capitalize;
	margin-top: 10px;
}
h1 {
	font-weight: bold;
	text-transform: capitalize;
}
footer {
	background: #000;
	color: #ccc;
	text-transform: capitalize;
}
footer h1, footer h2, footer h3, footer h4 {
	color: #CCC;
	margin-bottom: 1 0px;
	text-shadow: non
}
#holidaythailandpage #content {
	color: #fff !important;
}
footer ul {
	margin: 0 0 0 8%
}
.footer ul {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 95%
}
.footer li {
	float: left;
	padding: 3px 5px;
	display: block;
	font-size: 12px;
	width: 95%
}
#colophon .grid_3 {
	margin: 0px;
}
.grid_5.link-footers {
	font-size: 12px !important;
}
.footer li a {
	color: #FFF;
	text-decoration: none
}
.footer li a:hover {
	color: #FBE2AE;
}
.small-txt {
    float: right;
    font-size: 11px;
    font-style: italic;
    color: #61605f;
    margin-top: 5px;
    font-weight: 800;
}
.footer p {
	padding: 0;
	margin: 0
}
.icon-social {
	float: right;
	margin-top: 10px
}
#newsletter .icon-social {
	width: 100px;
}
#newsletter .link-footer, #addcomment .link-footer {
	padding-bottom: 102px;
}
.icon-social img {
	float: right
}
.icon-social .rss a {
	/*float: left;*/
	display: inline-block;
	margin-right: 5px;
	width: 24px;
	height: 24px;
	background: url(../images/ico-sc_sc-rss.png) no-repeat;
	float: right
}
.icon-social .rss a:hover {
	background: url(../images/ico-hover_sc-rss.png) no-repeat
}
.icon-social .facebook a {
	/*float: left;*/
	display: inline-block;
	margin-right: 5px;
	width: 24px;
	height: 24px;
	background: url(../images/ico-sc_sc-fb.png) no-repeat;
	float: right
}
.icon-social .facebook a:hover {
	background: url(../images/ico-hover_sc-fb.png) no-repeat
}
.icon-social .twitter a {
	/*float: left;*/
	display: inline-block;
	margin-right: 5px;
	width: 24px;
	height: 24px;
	background: url(../images/ico-sc_sc-twitter.png) no-repeat;
	float: right
}
.icon-social .twitter a:hover {
	background: url(../images/ico-hover_sc-twitter.png) no-repeat
}
.icon-social .google a {
	/*float: left;*/
	display: inline-block;
	margin-right: 5px;
	width: 24px;
	height: 24px;
	background: url(../images/ico-sc_sc-g.png) no-repeat;
	float: right
}
.icon-social .google a:hover {
	background: url(../images/ico-hover_sc-g.png) no-repeat
}
.box-fix-search {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	position: fixed;
	z-index: 1000
}
#ui-form select {
	-webkit-appearance: none;
	/*background-image: url("../images/arrow.png");*/
	background-repeat: no-repeat;
	border: 1px solid #999;
	color: rgb(80,80,80);
	font-size: 11px;
	font-weight: bold;
	outline: 0;
	padding-left: 3px;
	height: 24px;
	width: 90%;
	display: block;
	margin: 2px 5px;
	line-height: 24px
}
#ui-form option {
	color: #000
}
/*@-moz-document url-prefix() {
#ui-form select {
padding:3px
}
}
@-moz-document url-prefix() {
#ui-form input[type=search] {
padding-left:5px;
padding-top:3px
}
}*/
#ui-form {
	width: 100%;
	margin: auto;
	padding: 5px 15px 0 10px;
	margin-top: -8px;
	margin-left: 15px
}
#ui-form p {
	font-weight: bold;
	text-transform: uppercase;
	margin: 10px 0 0 5px;
	font-size: 11px;
	color: #000;

}
#ui-form input[type=text] {
	color: rgb(90,90,90);
	border: 1px solid #999;
	background-image: url("../images/sw_calendar.png");
	background-repeat: no-repeat;
	background-position: 95% 50%;
	height: 22px;
	width: 90%;
	display: block;
	margin: 2px 5px 2px 5px;
	line-height: 22px;
	background-image: none\0/
}
#ui-form input[type=search] {
	color: rgb(90,90,90);
	font: 11px/1 'Lucida Grande', sans-serif;
	height: 23px;
	width: 98%;
	display: block;
	margin: 22px 5px 2px 0px;
	line-height: 20px;
	float: left;
	border: 1px solid #999;
	text-indent: 5px;
	text-transform: lowercase;
}
#ui-form .small-box {
	width: 41%;
	float: left;
	margin-right: 9px
}
#ui-form .inline-box {
	width: 100%
}
.box-btn-search {
	width: 13%;
	float: left;
	margin-top: 3px;
}
.box-btn-search a {
	text-decoration: none
}
.box_btn_search {
	margin-top: 8px;
	float: left;
	width: 100%
}
.button_search {
	border: 1px solid #616261;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	padding: 7px 0px 7px 0px;
	width: 100%;
	text-decoration: none;
	display: inline-block;
	text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
	font-weight: bold;
	color: #FFFFFF;
	background-color: #7d7e7d;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#7d7e7d), to(#0e0e0e));
	background-image: -webkit-linear-gradient(top, #7d7e7d, #0e0e0e);
	background-image: -moz-linear-gradient(top, #7d7e7d, #0e0e0e);
	background-image: -ms-linear-gradient(top, #7d7e7d, #0e0e0e);
	background-image: -o-linear-gradient(top, #7d7e7d, #0e0e0e);
	background-image: linear-gradient(to bottom, #7d7e7d, #0e0e0e);
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#7d7e7d, endColorstr=#0e0e0e)
}
.button_search:hover {
	border: 1px solid #4a4b4a;
	background-color: #646464;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#646464), to(#282828));
	background-image: -webkit-linear-gradient(top, #646464, #282828);
	background-image: -moz-linear-gradient(top, #646464, #282828);
	background-image: -ms-linear-gradient(top, #646464, #282828);
	background-image: -o-linear-gradient(top, #646464, #282828);
	background-image: linear-gradient(to bottom, #646464, #282828);
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#646464, endColorstr=#282828)
}
.home_box_btn_search {
	margin-top: 8px;
	float: left;
	width: 100%
}
.home_button_search {
	border: 1px solid #616261;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	padding: 7px 0px 7px 0px;
	width: 100%;
	text-decoration: none;
	display: inline-block;
	text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
	font-weight: bold;
	color: #FFFFFF;
	background-color: #7d7e7d;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#7d7e7d), to(#0e0e0e));
	background-image: -webkit-linear-gradient(top, #7d7e7d, #0e0e0e);
	background-image: -moz-linear-gradient(top, #7d7e7d, #0e0e0e);
	background-image: -ms-linear-gradient(top, #7d7e7d, #0e0e0e);
	background-image: -o-linear-gradient(top, #7d7e7d, #0e0e0e);
	background-image: linear-gradient(to bottom, #7d7e7d, #0e0e0e);
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#7d7e7d, endColorstr=#0e0e0e)
}
.home_button_search:hover {
	border: 1px solid #4a4b4a;
	background-color: #646464;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#646464), to(#282828));
	background-image: -webkit-linear-gradient(top, #646464, #282828);
	background-image: -moz-linear-gradient(top, #646464, #282828);
	background-image: -ms-linear-gradient(top, #646464, #282828);
	background-image: -o-linear-gradient(top, #646464, #282828);
	background-image: linear-gradient(to bottom, #646464, #282828);
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#646464, endColorstr=#282828)
}
.box-btn-home {
	width: 20%;
	float: left;
	margin-top: 3px;
	padding-left: 10px
}
.box-btn-home a {
	text-decoration: none
}
.btn-search {
	background: #9f7441;
	background: -moz-linear-gradient(top, #9f7441 0%, #f2ca8a 37%, #f9d58c 50%, #f2ca8a 63%, #9f7441 100%, #9f7441 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9f7441), color-stop(37%, #f2ca8a), color-stop(50%, #f9d58c), color-stop(63%, #f2ca8a), color-stop(100%, #9f7441), color-stop(100%, #9f7441));
	background: -webkit-linear-gradient(top, #9f7441 0%, #f2ca8a 37%, #f9d58c 50%, #f2ca8a 63%, #9f7441 100%, #9f7441 100%);
	background: -o-linear-gradient(top, #9f7441 0%, #f2ca8a 37%, #f9d58c 50%, #f2ca8a 63%, #9f7441 100%, #9f7441 100%);
	background: -ms-linear-gradient(top, #9f7441 0%, #f2ca8a 37%, #f9d58c 50%, #f2ca8a 63%, #9f7441 100%, #9f7441 100%);
	background: linear-gradient(to bottom, #9f7441 0%, #f2ca8a 37%, #f9d58c 50%, #f2ca8a 63%, #9f7441 100%, #9f7441 100%);
	border-radius: 5px;
	z-index: 500;
	position: relative;
	width: 780px;
	height: 130px;
	margin: 0 auto;
	top: 5px;
	text-decoration: none;
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#9f7441', endColorstr='#f2ca8a', GradientType=0 );
	zoom: 1;
	bodder: 1px solid green
}
.btn-search:a {
text-decoration:none
}
.btn-search:hover {
	text-decoration: none
}
.des {
	text-align: center;
	width: 750px;
	height: auto;
	margin: 50px auto 0 auto;
	font-size: 24px;
	z-index: 10;
	position: relative;
	line-height: 40px;
	text-shadow: 2px 2px #000
}
.bg-search {
	background: #9f7441;
	background: -moz-linear-gradient(top, #9f7441 0%, #f2ca8a 37%, #f9d58c 50%, #f2ca8a 63%, #9f7441 100%, #9f7441 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9f7441), color-stop(37%, #f2ca8a), color-stop(50%, #f9d58c), color-stop(63%, #f2ca8a), color-stop(100%, #9f7441), color-stop(100%, #9f7441));
	background: -webkit-linear-gradient(top, #9f7441 0%, #f2ca8a 37%, #f9d58c 50%, #f2ca8a 63%, #9f7441 100%, #9f7441 100%);
	background: -o-linear-gradient(top, #9f7441 0%, #f2ca8a 37%, #f9d58c 50%, #f2ca8a 63%, #9f7441 100%, #9f7441 100%);
	background: -ms-linear-gradient(top, #9f7441 0%, #f2ca8a 37%, #f9d58c 50%, #f2ca8a 63%, #9f7441 100%, #9f7441 100%);
	background: linear-gradient(to bottom, #9f7441 0%, #f2ca8a 37%, #f9d58c 50%, #f2ca8a 63%, #9f7441 100%, #9f7441 100%);
	border-radius: 5px;
	z-index: 500;
	position: relative;
	width: 780px;
	height: 130px;
	margin: 0 auto;
	top: 5px;
	text-decoration: none;
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#9f7441', endColorstr='#f2ca8a', GradientType=0 );
	zoom: 1;
	bodder: 1px solid green
}
.inside-search {
	background: #9f7441;
	background: -moz-linear-gradient(top, #9f7441 0%, #f2ca8a 37%, #f9d58c 50%, #f2ca8a 63%, #9f7441 100%, #9f7441 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9f7441), color-stop(37%, #f2ca8a), color-stop(50%, #f9d58c), color-stop(63%, #f2ca8a), color-stop(100%, #9f7441), color-stop(100%, #9f7441));
	background: -webkit-linear-gradient(top, #9f7441 0%, #f2ca8a 37%, #f9d58c 50%, #f2ca8a 63%, #9f7441 100%, #9f7441 100%);
	background: -o-linear-gradient(top, #9f7441 0%, #f2ca8a 37%, #f9d58c 50%, #f2ca8a 63%, #9f7441 100%, #9f7441 100%);
	background: -ms-linear-gradient(top, #9f7441 0%, #f2ca8a 37%, #f9d58c 50%, #f2ca8a 63%, #9f7441 100%, #9f7441 100%);
	background: linear-gradient(to bottom, #9f7441 0%, #f2ca8a 37%, #f9d58c 50%, #f2ca8a 63%, #9f7441 100%, #9f7441 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#9f7441', endColorstr='#9f7441', GradientType=0 );
	border-top: 3px solid #000;
	z-index: 0;
	position: fixed;
	bottom: 0;
	height: 100px;
	width: 100%;
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#9f7441', endColorstr='#f2ca8a', GradientType=0 );
	zoom: 1
}
.inside-search .box {
	max-width: 1000px;
	width: 100%;
	margin: auto
}
.logo-search {
	float: left;
	margin-top: 20px;
	background: url(../images/logo-search.png) no-repeat;
	width: 150px;
	height: 64px
}
.box-des {
	width: 22%;
	float: left;
	margin-right: 0
}
.bg-home-search {
	background: #9f7441;
	background: -moz-linear-gradient(top, #9f7441 0%, #f2ca8a 37%, #f9d58c 50%, #f2ca8a 63%, #9f7441 100%, #9f7441 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9f7441), color-stop(37%, #f2ca8a), color-stop(50%, #f9d58c), color-stop(63%, #f2ca8a), color-stop(100%, #9f7441), color-stop(100%, #9f7441));
	background: -webkit-linear-gradient(top, #9f7441 0%, #f2ca8a 37%, #f9d58c 50%, #f2ca8a 63%, #9f7441 100%, #9f7441 100%);
	background: -o-linear-gradient(top, #9f7441 0%, #f2ca8a 37%, #f9d58c 50%, #f2ca8a 63%, #9f7441 100%, #9f7441 100%);
	background: -ms-linear-gradient(top, #9f7441 0%, #f2ca8a 37%, #f9d58c 50%, #f2ca8a 63%, #9f7441 100%, #9f7441 100%);
	background: linear-gradient(to bottom, #9f7441 0%, #f2ca8a 37%, #f9d58c 50%, #f2ca8a 63%, #9f7441 100%, #9f7441 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2ca8a', endColorstr='#9f7441', GradientType=0 );
	height: auto;
	padding-bottom: 20px
}
.main-search {
	z-index: 1000;
	position: relative;
	top: 130px;
	margin: auto
}
.des {
	text-align: center;
	max-width: 750px;
	width: 100%;
	height: auto;
	margin: 30px auto 0 auto;
	font-size: 24px;
	line-height: 40px;
	text-shadow: 2px 2px #000
}
.bg-main-search {
	max-width: 800px;
	margin: 0 auto;
	padding: 10px 10px;
	background: url(../images/bg.png) repeat-x;
	width: 80%;
	height: 160px
}
.tab-home {
	margin: 15px auto;
	width: 100%
}
.show_hide {
	display: none
}
.btn-home {
	margin: auto;
	background: #000;
	text-transform: uppercase;
	width: 180px;
	height: 60px;
	text-align: center;
	line-height: 60px;
	font-size: 18px
}
.btn-home a {
	margin: auto;
	color: #FFF;
	text-decoration: none
}
.content-home {
	display: block;
	width: 80%;
	margin: auto;
	max-width: 650px;
	background: #000;
	color: #FFF;
	padding: 20px;
	font-size: 12px;
	line-height: 25px;
	filter: alpha(opacity=80);
	opacity: 1
}
.text-search {
	font-size: 16px
}
#form_enquiry div {
	width: 100%;
	margin: 0 auto;
	float: left
}
#form_enquiry input[type="text"], #form_enquiry input[type="email"], #form_enquiry input[type="tel"], #form_enquiry input[type="url"], #form_enquiry textarea, #form_enquiry select, #form_enquiry button[type="submit"], #form_enquiry button[type="button"] {
	font: 400 12px/12px "Helvetica Neue", Helvetica, Arial, sans-serif
}
#form_enquiry {
	text-shadow: 0 1px 0 #000;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	padding: 30px 5px;
	text-align: right;
	max-width: 700px;
	width: 95%;
	margin: 0 auto;
	position: relative
}
#form_enquiry h3 {
	color: #fff;
	display: block;
	font-size: 28px;
	text-align: center
}
#form_enquiry h4 {
	margin: 5px 0 15px;
	display: block;
	font-size: 13px;
	text-align: left
}
#form_enquiry label span {
	cursor: pointer;
	color: #fff;
	display: block;
	margin: 5px;
	width: 25%;
	float: left;
	text-align: right
}
#form_enquiry div span.field {
	cursor: none;
	color: #fff;
	display: block;
	margin: 5px;
	width: 40%;
	float: left;
	text-align: right
}
#form_enquiry div span.info {
	width: 50%;
	margin: 0 0 15px;
	padding: 5px;
	float: left;
	text-align: left;
	font-weight: bold;
	color: #FBE2AE
}
#form_enquiry input[type="text"], #form_enquiry input[type="email"], #form_enquiry input[type="tel"], #form_enquiry input[type="url"], #form_enquiry textarea, #form_enquiry select {
	width: 50%;
	box-shadow: inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	-webkit-box-shadow: inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	-moz-box-shadow: inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	border: 1px solid #CCC;
	background: #FFF;
	margin: 0 0 15px;
	padding: 5px;
	border-radius: 3px;
	float: left
}
#form_enquiry select {
	width: 50%
}
#form_enquiry input[type="text"]:hover, #form_enquiry input[type="email"]:hover, #form_enquiry input[type="tel"]:hover, #form_enquiry input[type="url"]:hover, #form_enquiry textarea:hover, #form_enquiry select {
	-webkit-transition: border-color 0.3s ease-in-out;
	-moz-transition: border-color 0.3s ease-in-out;
	transition: border-color 0.3s ease-in-out;
	border: 1px solid #AAA
}
#form_enquiry textarea {
	height: 100px;
	max-width: 100%
}
#form_enquiry button[type="submit"], #form_enquiry button[type="button"] {
	cursor: pointer;
	width: 30%;
	border: none;
	background: -moz-linear-gradient(top, #9f7441 0%, #f2ca8a 37%, #f9d58c 50%, #f2ca8a 63%, #9f7441 100%, #9f7441 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9f7441), color-stop(37%, #f2ca8a), color-stop(50%, #f9d58c), color-stop(63%, #f2ca8a), color-stop(100%, #9f7441), color-stop(100%, #9f7441));
	background: -webkit-linear-gradient(top, #9f7441 0%, #f2ca8a 37%, #f9d58c 50%, #f2ca8a 63%, #9f7441 100%, #9f7441 100%);
	background: -o-linear-gradient(top, #9f7441 0%, #f2ca8a 37%, #f9d58c 50%, #f2ca8a 63%, #9f7441 100%, #9f7441 100%);
	background: -ms-linear-gradient(top, #9f7441 0%, #f2ca8a 37%, #f9d58c 50%, #f2ca8a 63%, #9f7441 100%, #9f7441 100%);
	background: linear-gradient(to bottom, #9f7441 0%, #f2ca8a 37%, #f9d58c 50%, #f2ca8a 63%, #9f7441 100%, #9f7441 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#9f7441', endColorstr='#9f7441', GradientType=0 );
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin: 0 0 15px;
	padding: 10px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	float: left;
	color: #000
}
#newsletter #form_enquiry button[type="submit"], #form_enquiry button[type="button"] {
	width: 50%;
}
#form_enquiry button[type="submit"]:hover, #form_enquiry button[type="button"]:hover {
	background: -moz-linear-gradient(top, #9f7441 0%, #f2ca8a 37%, #f9d58c 50%, #f2ca8a 63%, #9f7441 100%, #9f7441 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9f7441), color-stop(37%, #f2ca8a), color-stop(50%, #f9d58c), color-stop(63%, #f2ca8a), color-stop(100%, #9f7441), color-stop(100%, #9f7441));
	background: -webkit-linear-gradient(top, #9f7441 0%, #f2ca8a 37%, #f9d58c 50%, #f2ca8a 63%, #9f7441 100%, #9f7441 100%);
	background: -o-linear-gradient(top, #9f7441 0%, #f2ca8a 37%, #f9d58c 50%, #f2ca8a 63%, #9f7441 100%, #9f7441 100%);
	background: -ms-linear-gradient(top, #9f7441 0%, #f2ca8a 37%, #f9d58c 50%, #f2ca8a 63%, #9f7441 100%, #9f7441 100%);
	background: linear-gradient(to bottom, #9f7441 0%, #f2ca8a 37%, #f9d58c 50%, #f2ca8a 63%, #9f7441 100%, #9f7441 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#9f7441', endColorstr='#9f7441', GradientType=0 )
}
#form_enquiry button[type="submit"]:active, #form_enquiry button[type="button"]:active {
	box-shadow: inset 0 1px 3px rgba(0,0,0,0.5)
}
#form_enquiry input:focus, #form_enquiry textarea:focus {
	outline: 0;
	border: 1px solid #999
}
.bg-listing {
	width: 90%;
	background: #000;
	height: 199px;
	border: 1px solid #999;
	padding: 15px;
	margin: 15px auto
}
.bg-detail,.bg-detail-1 {
	width: 100%;
	background: #000;
	height: auto;
	border: 1px solid #999;
	padding: 20px;
	margin: auto;
	clear: both;
}
.bg-detail-1{width:98%;     text-align: right;}
.bottomtextdetail {
	width: 90%;
	background: #000;
	height: auto;
	border: 1px solid #999;
	padding: 15px;
	margin: 15px auto;
	text-align: right;
	margin-bottom: 50px;
}
.bottomtextdetail.list {
	width: 94%;
}
.blog-list {
	width: 100%;
	background: #000;
	height: auto;
	border: 1px solid #999;
	padding: 15px;
	margin: auto;
	display: block;
	min-height: 160px
}
.blog-list h4 {
	padding: 0 0 10px 0;
	margin: auto;
	font-size: 1.3em
}
.blog-list h4 a {
	font-size: 1em;
	text-decoration: none;
	color: #fff;
}
.blog-list h4 a:hover {
	font-size: 1em;
	text-decoration: none;
	color: #FBE2AE
}
.blog-list img {
	max-width: 100%;
	height: auto
}
.blog-list .line {
	border: 2px solid #ccc;
	margin: 5px 5px 5px 0;
	float: left
}
/*.tumb-villa{width:30%;float:left}
.tumb-villa img{width:100%;height:auto;max-width:271px}
.intro-listing{width:43%;font-size:12px;float:left;padding-left:10px}
.intro-listing a{color:#FBE2AE;font-size:14px;text-decoration:none;font-weight:bold}
.intro-listing strong{color:#FBE2AE;font-style:normal}
.intro-listing span{color:#FFF;font-size:12px;font-style:normal}
.intro-listing span.showRegion{display:block;font-style:normal;color:#FFFFFFF}
.intro-listing div{color:#FFF;font-size:12px;font-style:normal}
.intro-listing div.vDesc{display:block}
.villa-rate{width:20%;float:left;border-left:1px solid #fff;padding:5px 5px 0 15px}
.villa-rate p{line-height:20px;text-align:center;margin:0px;padding:0px}
.villa-rate span{color:#FBE2AE}
.btn-detail{text-align:center;width:110px;height:35px;border-radius:0;line-height:35px;color:#000;font-weight:bold;text-transform:uppercase;margin-top:25px;font-size:14px}
.btn-detail a{text-decoration:none;color:#000;display:block}
*/.tumb-villa {
	width: 30%;
	height: 100%;
	float: left
}
.tumb-villa img {
	width: 100%;
	height: auto;
	max-width: 271px
}
.intro-listing {
	width: 50%;
	height: 100%;
	font-size: 12px;
	float: left;
	padding-left: 10px
}
.intro-listing a {
	color: #FBE2AE;
	font-size: 13px;
	text-decoration: none;
	font-weight: bold
}
.intro-listing strong {
	color: #FBE2AE;
	font-style: normal
}
.intro-listing span {
	color: #FFF;
	font-size: 1em;
	font-style: normal
}
.intro-listing div {
	color: #FFF;
	font-size: 12px;
	font-style: normal
}
.intro-listing div.vDesc {
	display: block
}
.villa-rate {
	width: 20%;
	float: right;
	border-left: 1px solid #fff;
	padding: 5px 5px 0px 5px
}
.villa-rate p {
	margin: 0;
	padding: 0;
	line-height: 20px;
	text-align: center
}
.villa-rate span {
	color: #FBE2AE
}
.btn-detail {
	text-align: center;
	width: 80%;
	height: 35px;
	border-radius: 0;
	line-height: 35px;
	color: #000;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 25px;
	font-size: 1em
}
.btn-detail a {
	text-decoration: none;
	color: #000 !important;;
	display: block;
	font-size: 15px;
}
/*.nav1{width:100%;margin:10px auto;margin-left:20px}
.nav1 li a{color:#FFF;float:left;display:block;width:12%;padding:8px 0;border:1px solid #FFF;text-decoration:none}
.nav1 li a .first{width:22%;display:none;float:left}
.nav1 li a .sec{width:15%;display:none;float:left}
.nav1 li a:hover{background:#FFF;display:block;color:#000}
.nav1 .current a{background:#FFF;color:#000;font-weight:bold}
*/.box-record {
	width: 90%;
	height: 30px;
	margin: 10px auto;
	font-size: 1em
}
.box-record select {
	padding: 5px;
	border: 1px solid #666;
	font-size: 1em
}
.record {
	width: 40%;
	float: left;
	font-size: 1em
}
.sort-by {
	width: -2%;
	float: right;
	text-align: right;
	font-size: 1em
}
.current-nav {
	color: #000
}
.tinynav {
	display: none;
	text-transform: uppercase;
	font-size: 10px
}
#nav {
	list-style: none;
	width: 90%;
}
ul#nav {
	list-style: none;
	padding: 0;
	margin: 0px auto !important;
}
#nav li a:hover{color: #000!important;}
#nav li a {
	width: 14.2%;
	float: left;
	border: 1px solid #FFF;
	text-decoration: none;
	font-size: 10px;
	text-transform: uppercase;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	font-size: 9px
}
#nav li a:hover {
	background: #FFF;
	color: #000;
	font-weight: bold
}
#nav li .selected {
	background: #FFF;
	color: #000
}
#gallery {
	width: 100%;
	float: left;
	height: auto;
	min-height: 150px;
	border: 1px solid #666
}
#list-menu {
	width: 100%;
	height: auto;
	margin-left: 25px;
	position: relative;
	float: none;
	clear: both;
}
#list-menu .box-list-menu a:hover {    color: #FBE2AE !important;}
.box-price {
	border-bottom: 1px solid #666;
	font-size: 14px;
	text-align: center;
	padding: 10px 0
}
.box-price span {
	color: #FBE2AE
}
.box-list-menu {/*border-bottom:1px solid #666;height:60px;*//*text-align:left;float:left;font-size: 11px;line-height: 20px;padding-right: 16px;color: #fff;*/
	float: left;
	list-style: none;
	display: block;
	font-size: 11px;
	line-height: 20px;
	padding-right: 9px;
	color: #fff;
	margin-bottom: 5px;
	margin-top: 5px;
}
.box-list-menu a {
	text-decoration: none
}
.box-list-menu img {
	margin: 0 5px 0 15px
}
.box-list-menu span {
	color: #fff;
	font-size: 12px;
	text-transform: uppercase
}
#pagination {
	margin: 20px auto 0px auto;
    width: 35%;
		/*width: 100%;
display: -moz-box;
	-moz-box-pack: center;
	-moz-box-align: center;
	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	display: flex;
	box-pack: center;
	box-align: center;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center*/
display: block;
}
#pagination span {
	float: left;
	font-size: 1em;
	color: #ffffff;
	font-size: 1em;
	line-height: 24px;
	font-weight: normal;
	text-align: center;
	border: 1px solid #666666;
	text-decoration: none;
	min-width: 12px;
	padding: 0 5px;
	margin: 0 3px 0 0;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	background: #efefef;
	background: -moz-linear-gradient(top, #666666 0%, #191919 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #454545), color-stop(100%, #191919));
	background: -webkit-linear-gradient(top, #666666 0%, #191919 100%);
	background: -o-linear-gradient(top, #666666 0%, #191919 100%);
	background: -ms-linear-gradient(top, #666666 0%, #191919 100%);
	background: linear-gradient(top, #666666 0%, #191919 100%);
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	white-space: nowrap
}
#pagination span a, #pagination span a:visited {
	text-decoration: none;
	color: #FFFFFF;
	font-size: 1em
}
#pagination span.current {
	text-decoration: none;
    color: #D3D3D3;
	    background: rgba(199,199,199,0.5);
	border-color: #666666;
	/*box-shadow: 0 1px 0 rgba(102,102,102,0.3), 0 0 2px rgba(0,0,0,0.3) inset;*/
	cursor: default;
	font-size: 1em
}
#pagination span a:hover {
	text-decoration: none;
	color: #FFFFFF;
}
.tapmenunew-phuket ul li {
    float: left;
    list-style: none;
    border: 1px solid #ffffff;
    width: auto;
    text-align: center;
    height: 50px;
    line-height: 12px;
    padding: 17px 10px;
    width: 100px;
}
.tapmenunew-phuket {
	width: 900px;
	margin: 0px auto;
	margin-bottom: 20px;
}
.tapmenunew-phuket a {
	text-decoration: none;
}
.closeme {
	display: none;
}

@media screen and (max-width:800px) {
#head-top {
	background: #000;
	width: 100%;
	z-index: 2000;
	position: relative;
height: 200px;
}
#best-Guarantee {

    top: 48px;
    right: 0px;
    z-index: 0;

}




#logo {
	/*/background: url(../images/logo-ipad.png) no-repeat;*/
	text-align: center;
	margin: 0px auto;
	float: none;
	padding: 0px;
	background-position: 0px 38px;
}
header .menu {
	width: 100%;
	float: left;
}
.menu .toggleMenu {
	width: auto;
	position: absolute;
	top: 0px;
	left: 0px;
	background: #000;
	padding: 0;
	color: #fff;
}
.icon-social {
	position: absolute;
	top: 93px;
	right: 0px;
}
.menu a {
	text-decoration: none;
}
.nav {
	list-style: none;
*zoom:1;
	background: #000;
	font-size: 12px;
	float: left;
	width: 100%;
	margin-top: 35px;
	text-transform: uppercase
}
.nav>li {
	border-bottom: 1px solid #FFF;
	background: #000
}
.active {
	display: block
}
.nav>li {
	float: none;
	width: 100%;
}
.nav>li a {
	float: none;
	padding: 15px 0px 15px 20px;
	text-align: left;
}
.nav>li a:hover {
	background-color: #FFF;
	color: #000
}
.nav ul {
	display: block;
	width: 100%
}
}

@media screen and (max-width:768px) {
.navigator a, #main .secondary-navigation ul li a, #nav li a, .intro-listing a, .intro-listing div, .box-list-menu, .responsive-tabs__list, .responsive-tabs,  .tapmenunew-phuket a, .page, p.calendar-txt, .bg-search.btn-detail a, .footer li, .grid_7.link-footer {
	font-size: 15px;
}
.calendar-line .box-mean {
	width: 28%;
	font-size: 15px !important;
}
section .grid_5.link-footers {
	font-size: 15px !important;
}
ul#nav {
	margin: 20px auto 30px auto !important;
}
.tapmenunew-phuket ul li {
	width: 119px;
	height: 60px;
}
.btn-detail a {
	font-size: 13px;
}
.bg-listing {
	height: 238px;
}
#pagination span {
	width: 50%
}
#list-menu {
	margin-left: 0px;
}
.bg-detail {
	width: 100%;
}
#ui-form p {
	font-size: 9px;
}
.main-search {
	width: 100%;
}
.content-home {
	width: 100%;
	max-width: 100%;
}
.slidingDiv {
	position: absolute;
	left: 0px;
}
#content img {
    overflow: hidden;
    height: auto;
       width: 100% !important;
    height: auto !important;
}
}

@media screen and (max-width:641px) {
#colophon .grid_3 {
	width: 25%;
}
}

@media screen and (max-width:600px) {
#pagination span {
	width: 60%
}

}

@media screen and (max-width:480px) {
#pagination span {
	width: 70%
}
.closeme {
	display: block !important;
}
}

@media screen and (max-width:320px) {
.calendar-line .box-mean {
	width: 50%;
}
#ui-datepicker-div {
	left: 10px !important;
}
#form_enquiry select#villa_id {
	width: 100% !important;
}
.closeme {
	display: block !important;
}
#addcomment #form_enquiry select#title.small-box, #form_enquiry select#children, #form_enquiry select#children, #form_enquiry select#children {
	width: 100% !important;
}
#form_enquiry select#country, #addcomment #form_enquiry select#adults.small-box {
	width: 100% !important;
}
#addcomment #form_enquiry select#children, #form_enquiry select.small-box {
	width: 100% !important;
}
.cut.test_pt, #form_enquiry input[type="text"]#arrival_flight_no, #form_enquiry input[type="text"]#departure_flight_no {
	width: 100% !important;
	float: left;
	padding-left: 0px !important;
	margin-left: 0px !important;
	margin-bottom: 0px !important;
}
#show_record label, .sort-by label {
	display: inline-block;
	float: left;
	width: auto !important;
	height: 26px;
	line-height: 26px;
	width: 53px !important;
}
#show, #sortby {
	display: inline-block;
	float: left;
	width: 175px !important;
	margin-right: 2px;
}
#form_enquiry {
	padding: 0px 5px;
}
#newsletter #form_enquiry button[type="submit"], #form_enquiry button[type="button"] {
	width: 100%;
	margin: 0px;
}
#newsletter section {
	padding-bottom: 67px;
}
.slidingDiv img {
	width: 113px;
}
#label_typt div, #arril div, #departure div, .ad div {
	width: 100% !important;
}
table * {
	width: 100%;
}
#form_enquiry .but {
	padding-left: 0px;
}
#children {
	margin-right: 0px;
}
#form_enquiry, #form_enquiry label span, #form_enquiry select, #form_enquiry input[type="text"], #form_enquiry input[type="email"], #form_enquiry input[type="tel"], #form_enquiry input[type="text"], #form_enquiry textarea {
	width: 100% !important;
	text-align: left;
}
#pagination span {
	width: 82%
}
}
#boxPrice {
	background: #000;
	width: 220px;
	text-align: center;
	padding: 15px 0px;
	font-size: 14px;
	text-transform: none !important;
	border: 1px solid #666;
	float: left;
}
.box_innew {
    position: relative;
    
    
}
.box_innew{margin: 0px auto;
    width: 100%;}
.new_new img{    margin-bottom: 15px;}
.icon-location a:link {
	background: url(../images/marker-1.png) no-repeat -5px center;
	padding-left: 20px;
	color: #FFF;
	display: block;
	height: 20px;
}
.icon-location a:hover, .icon-location a:active {
	background: url(../images/marker-2.png) no-repeat -5px center;
	color: #FBE2AE;
	display: block;
	height: 20px;
}
.icon-trip a:link {
	background: url(../images/tripadd-1.png) no-repeat left center;
	padding-left: 29px;
	color: #FFF;
	display: block;
	height: 20px;
}
.icon-trip a:hover, .icon-trip a:active {
	background: url(../images/tripadd-2.png) no-repeat left center;
	color: #FBE2AE;
	display: block;
	height: 20px;
}
.icon-360 a:link {
	background: url(../images/icvt.png) no-repeat left center;
	padding-left: 25px;
	color: #FFF;
	display: block;
	height: 20px;
}
.icon-360 a:hover, .icon-360 a:active {
	background: url(../images/ich360.png) no-repeat left center;
	color: #FBE2AE;
	display: block;
	height: 20px;
}
.icon-video a:link {
	background: url(../images/vdo-1.png) no-repeat left center;
	padding-left: 28px;
	color: #FFF;
	display: block;
	height: 20px;
}
.icon-video a:hover, .icon-video a:active {
	background: url(../images/vdo-2.png) no-repeat left center;
	color: #FBE2AE;
	display: block;
	height: 20px;
}
.icon-comments a:link {
	background: url(../images/comments-1.png) no-repeat left center;
	padding-left: 28px;
	color: #FFF;
	display: block;
	height: 20px;
}
.icon-comments a:hover, .icon-comment a:active {
	background: url(../images/comments-2.png) no-repeat left center;
	color: #FBE2AE;
	display: block;
	height: 20px;
}
.icon-comment a:link {
	background: url(../images/icon190-calendar-S.png) no-repeat;
	width: 190px;
	height: 60px;
	display: block;
	margin: auto;
	display: block;
	height: 20px;
}
.icon-comment a:hover, .icon-comment a:active {
	background: url(../images/icon190-calendar-G.png) no-repeat;
	width: 190px;
	height: 60px;
	display: block;
	margin: auto;
	display: block;
	height: 20px;
}
.icon-promotion a:link {
	background: url(../images/iconpro.png) no-repeat;
	background-position: left 0px;
	height: 60px;
	display: block;
	margin: auto;
	display: block;
	height: 20px;
	padding-left: 25px;
	text-transform: uppercase;
	color: #ffffff;
}
.icon-promotion a:hover, .icon-promotion a:active {
	background: url(../images/hnewpro.png) no-repeat;
	background-position: left 0px;
	height: 60px;
	display: block;
	margin: auto;
	display: block;
	height: 20px;
}
.icon-floorplan a:link {
	background: url(../images/icfp.png) no-repeat;
	background-position: left 4px;
	width: 190px;
	height: 60px;
	display: block;
	margin: auto;
	display: block;
	height: 20px;
	padding-left: 25px;
	text-transform: uppercase;
	color: #ffffff;
}
.icon-floorplan a:hover, .icon-floorplan a:active {
	background: url(../images/iconhft.png) no-repeat;
	background-position: left 4px;
	width: 190px;
	height: 60px;
	display: block;
	margin: auto;
	display: block;
	height: 20px;
}
#headerSlideContainer {
	position: fixed;
	top: -110px;
	width: 100%;
	background: #000;
	padding: 10px;
	z-index: 5000
}
#headerSlideContent {
	max-width: 960px;
	width: 100%;
	;
	height: 80px;
	margin: 0 auto;
	color: white
}
#headerSlideContent img {
	float: left;
	max-width: 120px;
	width: 100%;
	height: auto;
	border: 1px solid #FFF
}
#headerSlideContent .detail {
	float: left;
	width: 45%;
	font-size: 12px;
	margin: 0 5px;
	line-height: 20px
}
#headerSlideContent .detail strong {
	color: #FBE2AE;
	font-size: 14px
}
#headerSlideContent .rate {
	float: right;
	width: 23%;
	margin: 0;
	padding: 0;
	font-size: 14px
}
#headerSlideContent .rate span, .color {
	color: #FBE2AE
}
#headerSlideContent .box {
	padding: 5px
}
.btn-link {
	float: left;
	font-size: 1em;
	color: #ffffff;
	font-size: 14px;
	line-height: 24px;
	font-weight: normal;
	text-align: center;
	border: 1px solid #666666;
	text-decoration: none;
	min-width: 15px;
	padding: 0 8px;
	margin: 0 5px 0 0;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	background: #efefef;
	background: -moz-linear-gradient(top, #666666 0%, #191919 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #454545), color-stop(100%, #191919));
	background: -webkit-linear-gradient(top, #666666 0%, #191919 100%);
	background: -o-linear-gradient(top, #666666 0%, #191919 100%);
	background: -ms-linear-gradient(top, #666666 0%, #191919 100%);
	background: linear-gradient(top, #666666 0%, #191919 100%)
}
.btn-link a, .btn-link a:hover, .btn-link a:visited {
	text-decoration: none;
	color: #ffffff
}
.scroll-content {
	padding: 10px;
	height: 150px;
	overflow: auto;
	margin: 10px;
	line-height: 25px
}
.gold-tab {
	padding: 5px;
	text-align: center;
	color: #000;
	background: #f1c989;
	text-transform: uppercase
}
.gold-tab strong {
	color: #000;
	font-size: 14px
}
.news-list {
	list-style: none;
	margin: 0;
	padding: 0
}
.news-list li {
	display: none;
	padding: 3px 0
}
.comment-back {
	float: right;
	padding: 5px
}
.text-step {
	float: right;
	font-size: 11px;
	text-transform: uppercase;
	margin-left: 10px
}
/* ==|== non-semantic helper classes ======================================== ========================================================================== */.ir {
	display: block;
	border: 0;
	text-indent: -999em;
	overflow: hidden;
	background-color: transparent;
	background-repeat: no-repeat;
	text-align: left;
	direction: ltr
}
.ir br {
	display: none
}
.hidden {
	display: none !important;
	visibility: hidden
}
.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px
}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto
}
.invisible {
	visibility: hidden
}
.clearfix:before, .clearfix:after {
	content: "";
	display: table
}
.clearfix:after {
	clear: both
}
.clearfix {
	zoom: 1
}
.box-calendar {
	width: 100%;
	margin: auto;
	max-width: 460px;
	background: #000;
	color: #fff;
	font-size: 12px
}
.inbox-calendar {
	width: 100%;
	margin: auto
}
.calendar-line {
	max-width: 460px;
	width: 100%;
	float: left;
	margin: 5px
}
.border-calendar {
	box-shadow: inset 0 0 5px #F00;
	border: 2px solid #fbe1ad;
	max-width: 180px;
	width: 100%
}
.box-mean {
	height: 25px;
	line-height: 25px;
	margin: 10px;
	width: 27%;
	float: left
}
.wight-box-car {
	width: 25px;
	height: 25px;
	float: left
}
.calendar-txt {
	text-align: center;
	font-size: 12px;
	font-weight: bold
}
.table-avail {
	max-width: 200px;
	width: 100%;
	border-collapse: collapse;
	float: left;
	margin: 10px
}
.th-avail {
	background: #fff;
	color: #000;
	border: 1px solid #000;
	height: 20px;
	font-size: 10px;
	line-height: 20px;
	width: 27px
}
.th-avail strong {
	font-size: 14px
}
.tr-avail .td-avail {
	border: 1px solid #414141;
	width: 15px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	font-weight: bold;
	font-size: 11px
}
.bg-carlendar {
	border: 1px solid #313131;
	color: #fff;
	height: 30px;
	line-height: 30px;
	background-color: #303030;
	background-image: -moz-linear-gradient(#080808, #080808);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#303030), to(#080808));
	background-image: -webkit-linear-gradient(#303030, #080808);
	background-image: -o-linear-gradient(#303030, #080808);
	background-image: -ms-linear-gradient(#303030, #080808);
	background-image: linear-gradient(#303030, #080808);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#303030, endColorstr=#080808)
}
.avai {
	color: #000;
	background-color: #a27743;
	background-image: -moz-linear-gradient(#a27743, #fbe1ad);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#a27743), to(#fbe1ad));
	background-image: -webkit-linear-gradient(#a27743, #fbe1ad);
	background-image: -o-linear-gradient(#a27743, #fbe1ad);
	background-image: -ms-linear-gradient(#a27743, #fbe1ad);
	background-image: linear-gradient(#a27743, #fbe1ad);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#a27743, endColorstr=#fbe1ad)
}
.not-avai {
	color: #333;
	background: #636161
}
.upon {
	border: 1px solid #414141;
	background-image: -moz-linear-gradient(#080808, #303030);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#080808), to(#303030));
	background-image: -webkit-li gradient(#080808, #303030);
	background-image: -ms-linear-gradient(#080808, #303030);
	background-image: linear-gradient(#080808, #303030);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#080808, endColorstr=#303030)
}
.bg-date {
	background-color: #080808;
	background-image: -moz-linear-gradient(#080808, #303030);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#080808), to(#303030));
	background-image: -webkit-linear-gradient(#080808, #303030);
	background-image: -o-linear-gradient(#080808, #303030);
	background-image: -ms-linear-gradient(#080808, #303030);
	background-image: linear-gradient(#080808, #303030);
	border: 1px solid #414141
}
.btn {
	display: inline-block;
	padding: 10px;
	border-radius: 5px;
	color: #aaa;
	font-size: .875em
}
.btn {
	display: inline-block;
	padding: 10px;
	border-radius: 5px;
	color: #aaa;
	font-size: .875em
}
.page {
	display: inline-block;
	padding: 0px 9px;
	margin-right: 4px;
	border-radius: 3px;
	border: solid 1px #c0c0c0;
	background: #e9e9e9;
	box-shadow: inset 0px 1px 0px rgba(255,255,255,.8), 0px 1px 3px rgba(0,0,0,.1);
	font-size: 1.2em;
	text-decoration: none;
	color: #717171;
	text-shadow: 0px 1px 0px rgba(255,255,255,1)
}
.page:hover, .page.gradient:hover {
	background: #fefefe;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
	background: -moz-linear-gradient(0% 0% 270deg, #FEFEFE, #f0f0f0)
}
.page.active {
	border: none;
	background: #616161;
	box-shadow: inset 0px 0px 8px rgba(0,0,0,.5), 0px 1px 0px rgba(255,255,255,.8);
	color: #f0f0f0;
	text-shadow: 0px 0px 3px rgba(0,0,0,.5)
}
.page.gradient {
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#e9e9e9));
	background: -moz-linear-gradient(0% 0% 270deg, #f8f8f8, #e9e9e9)
}
.pagination.dark {
	background: #414449;
	color: #feffff
}
.page.dark {
	border: solid 1px #32373b;
	background: #3e4347;
	box-shadow: inset 0px 1px 1px rgba(255,255,255,.1), 0px 1px 3px rgba(0,0,0,.1);
	color: #feffff;
	text-shadow: 0px 1px 0px rgba(0,0,0,.5)
}
.page.dark:hover, .page.dark.gradient:hover {
	background: #3d4f5d;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#547085), to(#3d4f5d));
	background: -moz-linear-gradient(0% 0% 270deg, #547085, #3d4f5d)
}
.page.dark.active {
	border: none;
	background: #2f3237;
	box-shadow: inset 0px 0px 8px rgba(0,0,0,.5), 0px 1px 0px rgba(255,255,255,.1)
}
.page.dark.gradient {
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#565b5f), to(#3e4347));
	background: -moz-linear-gradient(0% 0% 270deg, #565b5f, #3e4347)
}
/*table a{
	color:#ffffff !important;
}*/
.bg_table {
	color: #333333 !important;
}

/* ==|== media queries ======================================================only screen and min-device-width========================================================================== */
@media only screen and (min-width:800px) and (max-width:1024px) {
#colophon #scrollUp {
	background: url(../images/arow.png) repeat right bottom;
	font-size: 0px;
	border-radius: 0px;
	width: 41px;
	height: 32px;
	bottom: 141px;
	right: 26px;
}
#content {
	font-size: 12px;
	line-height: 25px;
}
.bg_table ul {
	color: #333333 !important;
}
.both {
	clear: both;
}
.new_new {
	display: inline-block;
	float: left;
	width: auto;
}
.box_innew {
	height: auto;
}
.box_innew h1 {
	margin-top: 20px;
}
#boxPrice {
	display: inline-block;
	float: right;
	position: relative;
	right: 0px;
	top: 0px;
}
#addcomment .icon-social {
	width: 200px;
}
#list-menu {
	margin-left: 0px;
}
.bg-detail {
	width: 100%;
}
.bg-detail {
}
#nav, .box-record, .bg-listing, .bottomtextdetail {
	width: 100%;
}
#nav li a {
	width: 14.2%;
}
#container, #colophon {
	width: 100%
}
.secondary-navigation ul li a {
	padding: 7px;
}
#scrollUp {
	bottom: 145px;
}
.secondary-navigation ul li {
	padding: 0px;
}
}

@media (max-width:768px) {
#colophon #scrollUp {
	background: url(../images/arow.png) repeat right bottom;
	font-size: 0px;
	border-radius: 0px;
	width: 41px;
	height: 32px;
	bottom: 97px;
	right: 8px;
}
.content-home {
	font-size: 15px;
}
.closeme {
	font-family: Verdana, Arial, sans-serif;
	font-size: 0px !important;
	display: block;
	background-image: url("../images/closelabel.png");
	background-repeat: no-repeat;
	width: 15px;
	height: 18px;
	background-color: #ffffff;
}
#content {
	font-size: 15px;
	line-height: 25px;
}
.both {
	clear: both;
}
.new_new {
	display: inline-block;
	float: left;
	width: auto;
}
.box_innew {
	height: auto;
}
.box_innew h1 {
	margin-top: 20px;
}
#boxPrice {
	display: inline-block;
	float: right;
	position: relative;
	right: 0px;
	top: 0px;
}
#ui-form .box-des {
	margin-right: 0px;
}
.secondary-navigation ul {
	width: 100%;
	margin: 0px auto;
	height: 145px;
}
.secondary-navigation ul li {
	margin: 0px;
	padding: 0px;
}
.tapmenunew-phuket {
	width: 100%;
	padding-left: 10px;
}
.btn-detail {
	width: 90%;
}
}

@media (max-width:800px) {
.both {
	clear: both;
}
.new_new {
	display: inline-block;
	float: left;
	width: auto;
}
.box_innew {
	height: auto;
}
.box_innew h1 {
	margin-top: 20px;
}
#boxPrice {
	display: inline-block;
	float: right;
	position: relative;
	right: 0px;
	top: 0px;
}
#bg-detail {
	margin-top: 100px;
}
.grid_7.link-footer, .grid_5.link-footers {
	width: 100%;
	text-align: center;
	line-height: 20px;
	margin-bottom: 17px;
}
#footer-txt {
	padding: 19px;
}
#pagehome footer {
	padding: 57px 0;
}
#logo img {
	max-width: 100%
}
#container, #colophon {
	width: 98%
}
header {
	padding: 0 0 1px 0
}
header h1 {
	font-size: 2.6em
}
header h2 {
	font-size: 1.6em
}
.secondary-navigation ul li a {
	padding: 10px 15px;
	font-size: 11px;
}
.logo-search {
	float: left;
	background: url(../images/logo-search-ipad.png) no-repeat;
	width: 100px;
	height: 43px
}
#ui-form .small-box {
	width: 40%;
	float: left;
	margin-right: 5px;
	margin-bottom: 9px
}
#ui-form {
	width: 100%;
	margin: auto;
	padding: 5px 10px 0 5px;
	margin-top: -8px
}
.box-des {
	width: 22%;
	float: left;
	margin-right: 5px
}
.box-btn-search {
	width: 13%
}
.main-search {
	top: 50px
}
.des {
	font-size: 18px;
	line-height: 30px
}
.intro-listing {
	font-size: 15px
}
.intro-listing div.vDesc {
	display: block
}
.intro-listing span.showRegion {
	display: block;
	font-style: normal;
	color: #FFFFFFF
}
.intro-listing span {
	font-size: 11px
}
.sort-by {
	width: 48%;
	float: right;
	text-align: right;
	font-size: 1em
}
.tinynav {
	display: block;
	width: 100%;
	padding: 5px
}
#nav li a {
	line-height: 35px;
}
#nav li a, #nav li a.active {
	width: 33.3%;
}
.box-record {
	margin-top: 30px !important;
}
#gallery {
	float: left;
	height: auto;
	min-height: 150px;
	border: 1px solid #666;
	margin-right: 2%
}
.link-footer a {
	text-decoration: none;
	color: #666;
	display: inline-block;
}
}

@media (max-width:736px) {
.bg-listing {
	height: 231px;
}
footer {
	display: none;
}
#logo {
	background-position: 0px 15px;
}
.co_newcat {
	width: 10%;
}
.co_newcat2 {
	width: 70%;
}
#form_enquiry label span.n_n {
	padding-left: 10px;
}
#form_enquiry label span.n_n {
	padding-left: 0px;
}
}

@media (max-width:667px) {
}

@media (max-width:650px) {
#ui-form .grid_2.box-des p {
	font-size: 9px;
    text-align: left;
}
.both {
	clear: both;
}
.new_new {
	display: inline-block;
	float: left;
	width: auto;
}
.box_innew {
	height: auto;
}
.box_innew h1 {
	margin-top: 20px;
}
#boxPrice {
	display: inline-block;
	float: right;
	position: relative;
	right: 0px;
	top: 0px;
}
.box-record {
	width: 100%;
	margin: 0px auto;
	font-size: 11px;
}
.bg-listing {
	width: 100%;
}
#container, #colophon {
	width: 97%
}
.inside-search {
	width: 100%
}
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
	margin-left: 0;
	margin-right: 0;
	width: 100%
}
nav ul {
	display: none
}
nav select {
	display: inline-block;
	width: 100%;
	padding: 5px 0;
	font-size: 11px;
	border: 1px solid #fff;
	color: #000;
	font-weight: bold
}
.box-des {
	width: 23%;
	float: left
}
.box-btn-search {
	width: 13%
}
footer {
	font-size: 12px
}
.box-btn-home {
	width: 20%;
	float: left;
	margin-top: 3px;
	padding-left: 10px
}
.main-search {
	top: 30px
}
.bg-listing {
	height: 170px
}
.intro-listing span {
	font-size: 0px
}
.intro-listing div.vDesc {
	display: none
}
.intro-listing span.showRegion {
	display: none;
	font-style: normal;
	color: #FFFFFFF
}
.intro-listing {
	width: 35%;
	font-size: 12px;
	float: left;
	padding-left: 10px
}
.btn-detail {
	margin-top: 10px
}
.sort-by {
	width: 40%;
	float: right;
	text-align: right;
	font-size: 1em
}
#gallery {
	width: 99%;
	margin-bottom: 20px
}
#list-menu {
	width: 99%;
}
.box-detail {
	width: 94%
}
.text-step {
	float: left;
	font-size: 0;
	text-transform: uppercase;
	margin: 5px
}
}

@media (max-width:600px) {
.both {
	clear: both;
}
.new_new {
	display: inline-block;
	float: left;
	width: auto;
}
.box_innew {
	height: auto;
}
.box_innew h1 {
	margin-top: 20px;
}
#boxPrice {
	display: inline-block;
	float: right;
	position: relative;
	right: 0px;
	top: 0px;
}
#ui-form {
	margin-left: 3px
}
.box-des {
	width: 25%;
	float: left
}
.sort-by {
	width: 40%;
	float: right;
	text-align: right;
	font-size: 1em
}
#ui-form input[type=search] {
	margin-top: 32px
}
.btn-search {
	margin-top: 70px;
	margin-bottom: 5px
}
}

@media (max-width:568px) {
#colophon #scrollUp {
	bottom: 49px;
	right: -2px;
}
.table-avail {
	margin-left: 0px;
}
.dark a {
	width: 22%;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	text-align: center;
}
#nav li a, #nav li a.active {
	width: 50%;
}
#pagehome .link-footer {
	margin-bottom: 20px;
}
#addcomment .link-footer {
	padding-bottom: 0px;
}
.menu .toggleMenu {
	left: 5px;
}
.icon-social {
	right: 6px;
}
#label_typt select {
	float: right;
}
#form_enquiry .ad select {
	float: right;
}
#addcomment section .grid_12 {
	padding-bottom: 41px;
}
#content {
	font-size: 15px;
	line-height: 22px;
}
.boxfr label span {
	width: 25%;
	display: inline-block;
	float: left;
}
#form_enquiry .boxfr label span.inp {
	width: 50%;
	display: inline-block;
	float: left;
}
.cut input {
	width: 25% !important;
}
#form_enquiry input[type="text"]#departure_time {
	width: 25%;
}
#form_enquiry label span.n_n {
	padding-left: 8px;
}
#form_enquiry input[type="text"]#arrival_flight_no.now {
	margin-left: 133px;
	width: 30%;
}
#form_enquiry select#adults.small-box.cont {
	width: 50% !important;
	margin-left: 0px;
}
#form_enquiry input[type="text"]#departure_flight_no.now {
	margin-left: 133px;
	width: 25%;
}
#form_enquiry select#children.small-box.cont.op {
	width: 50% !important;
	margin-left: 0px
}
#form_enquiry select#title.small-box.bb {
	width: 50% !important;
}
#from, #to {
	width: 100% !important;
}
#ui-form input[type=text] {
	background-position: 100% 50%;
}
#form_enquiry label span {
	text-align: left;
}
#bigtext {
	margin-right: 0px !important;
	width: 40% !important;
	display: inline-block;
	float: none;
}
.img_left img {
	width: 96%;
	border: 5px solid rgb(255, 255, 255);
	margin: 0px !important;
}
.cut.test_pt {
	width: 26% !important;
	float: left;
}
#form_enquiry input[type="text"]#arrival_flight_no, #form_enquiry input[type="text"]#departure_flight_no {
	width: 25%;
}
#arrival_time {
	width: 25% !important;
}
.dete_n, .cut {
	width: 25% !important;
	font-size: 13px;
}
#form_enquiry select#title.small-box {
	width: 54% !important;
}
#form_enquiry select#adults.small-box {
	width: 50% !important;
}
.box_list#children {
	width: 50% !important;
}
#newsletter .grid_12 {
	margin-bottom: 40px;
}
#newsletter .icon-social {
	width: 100px;
}
#footer-txt {
	padding-top: 10px;
}
#ft {
	padding-bottom: 19px !important;
}
#contacus #ft {
	padding-bottom: 50px !important;
}
a.rg-image-nav-next {
	background: url(../images/sppnew1.png) no-repeat top left;
	right: -20px;
}
a.rg-image-nav-prev {
	background: url(../images/spp2.png) no-repeat top left;
}
.grid_5.link-footers, .grid_7.link-footer {
	font-size: 12px !important;
	height: auto;
	margin-bottom: 60px;
}
.grid_5.link-footers {
	margin-bottom: 4px;
}
.btn-home {
	height: 35px;
	line-height: 35px;
	font-size: 12px;
}
.main-search {
	height: 205px;
}
.tab-home {
	margin: 10px auto;
}
.bg-main-search {
	height: 87px;
}
.box #ui-form select, .box #ui-form input[type=text] {
	width: 100%;
	margin: 2px 0px;
	background-color: #ffffff;
height: 25px;
}
.box .box-btn-search {
	width: 100%;
}
.box #ui-form input[type=search] {
	width: 100%;
	margin-left: 0px;
    margin-top: 30px;
height: 25px;
}
.both {
	clear: both;
}
.new_new {
	display: inline-block;
	float: left;
	width: auto;
}
.box_innew {
	height: auto;
}
.box_innew h1 {
	margin-top: 20px;
}
#boxPrice {
	display: inline-block;
	float: right;
	position: relative;
	right: 0px;
	top: 0px;
}
.co_newcat {
	width: 12%;
}
.co_newcat2 {
	width: 70%;
}
section .grid_5.link-footers {
	line-height: 22px !important;
	padding-bottom: 0px !important;
	font-size: 12px !important;
}
.link-footer {
	padding-bottom: 0px;
}
#boxPrice {
	width: 174px;
}
section {
	padding-bottom: 15px;
}
a.rg-image-nav-prev, a.rg-image-nav-next {
	top: 137px;
}
.grid_19 {
	width: 100%;
}
.bg-detail {
	width: 100%;
}
#gallery-detail .rg-image a:hover>span {
	display: none !important
}
#head-top {
	background: #000;
	width: 100%;
	z-index: 2000;
	position: relative
}
.inside-search {
	width: 100%;
	height: 50px;
	margin: 0 auto
}
.toggleMenu {
	float: left;
}
.nav {
	margin-top: 44px;
}
#container, #colophon {
	width: 96%
}
#logo, header hgroup {
	text-align: center;
	background-position: 0px 15px;
}
#logo img {
	max-width: 100%
}
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
	margin-left: 0;
	margin-right: 0;
	width: 100%
}
#topnav {
	display: block;
	width: 100%;
	text-align: center
}
#mobileMenu_mobileselect {
	display: block;
	width: 90%;
	margin: auto;
	height: 1.6em
}
nav ul {
	display: none
}
nav select {
	margin-left: 0;
	display: inline-block;
	width: 100%;
	font-size: 11px;
	border: 1px solid #fff;
	color: #000;
	font-weight: bold
}
.logo-search {
	background: none;
	height: 0
}
footer .grid_4 {
	border-bottom: 1px dotted #ccc;
	padding-bottom: 10px
}
.small-txt {
	font-size: 9px;
	width: 100%;
	float: right;
	text-align: right;
}
.box-fix-search {
	margin: 0 auto;
	padding: 0;
	width: 100%
}
.inside-search {
	min-height: 50px;
	height: auto
}
.box-btn-search {
	width: 98%;
}
.box-btn-home {
	padding-left: 0;
	width: 96%
}
.des {
	font-size: 15px;
	line-height: 22px;
	margin-top: 20px
}
#colophon .grid_3 {
	width: 25%;
}
#pagehome footer {
	padding: 20px 0;
}
.grid_19 {
	padding: 0px 0px;
}
.flexslider {
	margin-top: -524px !important;
}
.text-search {
	font-size: 0
}
.bg-main-search {
	padding: 0 10px 10px 10px
}
.intro-listing span {
	font-size: 0px
}
.intro-listing div.vDesc {
	display: none
}
.intro-listing span.showRegion {
	display: none;
	font-style: normal;
	color: #FFFFFFF
}
.intro-listing {
	width: 40%;
	font-size: 15px;
	float: left;
	padding-left: 10px
}
.btn-detail {
	margin-top: 15px;
	width: 155px;
	font-size: 1em
}
.sort-by {
	width: 60%;
	float: right;
	text-align: right;
	font-size: 1em
}
.bottomtextdetail {
	width: 100%;
}
#gallery {
	width: 100%;
	margin-bottom: 20px
}
#list-menu {
	width: 100%;
	margin-left: 0px;
}
.boxs-detail {
	width: 92%
}
#headerSlideContent .detail {
	float: left;
	width: 35%;
	font-size: 12px;
	margin: 0 5px;
	line-height: 20px
}
#headerSlideContent .detail strong {
	color: #FBE2AE;
	font-size: 12px
}
#headerSlideContent img {
	width: 100%;
	height: auto;
	max-width: 100px
}
#headerSlideContent .box {
	font-size: 12px
}
#headerSlideContent .rate {
	width: 30%
}
#headerSlideContent .btn-detail {
	margin-top: 0
}
#ui-form input[type=search] {
	width: 95%;
	margin-left: 5px
}
.btn-search {
	width: 94%;
	margin-left: 5px
}
.page {
	font-size: 0.9em
}
.box-mean {
	height: 25px;
	line-height: 25px;
	margin: 10px;
	width: 28%;
	float: left
}
.villa-rate {
	width: 30%;
}
* {
}
}

@media (max-width:414px) {
#nav li a, #nav li a.active {
	width: 100%;
}
#colophon #scrollUp {
	bottom: 47px;
	right: 8px;
}
#form_enquiry {
	width: 100%;
}
.icon-social {
	position: absolute;
	right: 0px;
	top: 105px;
}
.nav {
	margin-top: 43px;
}
.slidingDiv img {
	margin-right: 18px !important;
	width: 150px;
}
.bg-main-search {
	width: 350px;
}
.main-search {
	width: 100%;
}
.scroll-content {
	padding: 0px;
	margin: 0px;
}
.slidingDiv {
	position: absolute;
	left: 0px;
}
.box #ui-form select#max_bed {
	width: 48%;
	display: inline-block;
	float: right;
}
.box #ui-form select#min_bed {
	width: 48%;
	display: inline-block;
	float: left;
}

.box-btn-home {
	width: 100%;
}
.btn-home {
	margin-top: 0px;
}
.flexslider {
	margin-top: -122px !important;
}
.des {
	margin-top: 0px;
}
.bg-main-search {
	height: 85px;
}
.grid_2.box-des.col {
	width: 48%;
	display: inline-block;
	float: left;
}
.grid_2.box-des.col2 {
	width: 48%;
	display: inline-block;
	float: right;
}
.main-search {
	height: auto;
}
.grid_7.link-footer {
	font-size: 10px;
	width: 100%;
	line-height: 21px;
	margin-bottom: 63px;
}
.both {
	clear: both;
}
.new_new {
	display: inline-block;
	float: left;
	width: auto;
}
.box_innew {
	height: auto;
}
.box_innew h1 {
	margin-top: 20px;
}
#boxPrice {
	display: inline-block;
	float: right;
	position: relative;
	right: 0px;
	top: 0px;
}
#ui-form .small-box {
	width: 47%;
}
#ui-form select, #ui-form input[type=text] {
	width: 97%;
}
#ui-form input[type=search] {
	width: 99%;
}
#boxPrice {
	display: inline-block;
	float: none;
	position: relative;
	width: 100%;
	margin-top: 10px;
}
a.rg-image-nav-prev, a.rg-image-nav-next {
	top: 85px;
}
.btn-detail {
	width: 110px;
}
#content .box_innew img {
	max-width: 150px;
}
#headerSlideContent .btn-detail {
	width: 123px;
}
.calendar-line td {
	padding-left: 25px;
}
.box-mean {
	width: 100%;
}
.page {
	padding: 0px 7px;
}
.menu .toggleMenu {
	/*top: 10px;*/
}
}

@media (max-width:385px) {
.btn-detail {
	width: 102px;
}
}

@media (max-width:375px) {
.slidingDiv img {
	margin-right: 10px !important;
	margin-left: 10px !important;
	width: 145px;
}
.both {
	clear: both;
}
.new_new {
	display: inline-block;
	float: left;
	width: auto;
}
.box_innew {
	height: auto;
}
.box_innew h1 {
	margin-top: 20px;
}
#boxPrice {
	display: inline-block;
	float: right;
	position: relative;
	right: 0px;
	top: 0px;
}
.record {
	font-size: 10px;
}
#sortby {
	width: 105px;
}
.btn-detail {
	width: 100px;
}
.calendar-line td {
	padding-left: 20px;
}
.page {
	padding: 0px 2px;
}
#colophon .grid_3 {
	width: 50%;
	margin-bottom: 30px;
}
#headerSlideContent .btn-detail {
	width: 94px;
}
.link-footer {
	line-height: 19px;
}
}

@media (max-width:360px) {
.cut.test_pt {
	width: 100% !important;
	float: left;
	margin-left: 0px !important;
}
.villa-rate {
	border-left: 0px solid #fff;
}
.both {
	clear: both;
}
.new_new {
	display: inline-block;
	float: left;
	width: auto;
	width: 100%;
	text-align: center;
}
.box_innew {
	height: auto;
}
.box_innew h1 {
	margin-top: 20px;
}
#boxPrice {
	display: inline-block;
	float: right;
	position: relative;
	right: 0px;
	top: 0px;
}
#container, #colophon {
	width: 96%
}
#logo img {
	max-width: 100%
}
header h1 {
	font-size: 1.8em
}
header h2 {
	font-size: 1.2em
}
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
	margin-left: 0;
	margin-right: 0;
	width: 100%
}
#topnav {
	display: block;
	width: 100%;
	text-align: center
}
#mobileMenu_mobileselect {
	display: block;
	width: 90%;
	margin: auto;
	height: 1.6em
}
.small-txt {
	width: 70%
}
.icon-social {
/*	float: right;
	margin-top: 0px*/
}
.box-btn-search {
	width: 90%
}
.main-search {
	width: 100%
}
.bg-main-search {
	width: 85%;
	padding: 0 10px 10px 10px
}
.box-btn-home {
	width: 100%;
	
}
.intro-listing span {
	font-size: 0px
}
.intro-listing div.vDesc {
	display: none
}
.intro-listing span.showRegion {
	display: none;
	font-style: normal;
	color: #FFFFFFF
}
.intro-listing {
	width: 38%;
	font-size: 10px;
	float: left;
	padding-left: 5px;
	padding-top: 20px;
	padding-bottom: 15px;
}
.intro-listing {
	font-size: 12px;
}
.villa-rate {
	font-size: 10px;
	line-height: 25px
}
.btn-detail {
	text-align: center;
	/*width: 213px;
	height: 25px;*/
    width: auto;
    height: auto;
	line-height: 25px;
	margin-top: 0;
	font-size: 11px;
}
.tumb-villa {
	width: 25%;
	float: left
}
.sort-by {
	width: 50%;
	float: right;
	;
	text-align: right;
	font-size: 1em
}
.record {
	width: 45%;
}
#gallery {
	width: 99%;
	margin-bottom: 20px
}
#list-menu {
	width: 99%;
	float: left
}
.bg-detail {
	width: 100%;
	padding: 7px;
	margin: 0
}
#headerSlideContent .detail {
	float: left;
	width: 35%;
	font-size: 12px;
	margin: 0 5px;
	line-height: 15px
}
#headerSlideContent .detail strong {
	color: #FBE2AE;
	font-size: 12px
}
#headerSlideContent img {
	width: 100%;
	height: auto;
	max-width: 100px
}
#headerSlideContent .box {
	font-size: 12px
}
#headerSlideContent .rate {
	width: 32%;
	font-size: 11px;
	padding: 0
}
#headerSlideContent .box {
	margin: 0
}
#headerSlideContent .btn-detail {
	margin: 0
}
.box-mean {
	height: 25px;
	line-height: 25px;
	margin: 10px;
	width: 50%;
	float: left
}
}

@media (max-width:320px) {
/*#linecolor* {
	width: 100%;
}
table* {
	padding: 0px;
}*/
.dark a {
	width: 100%;
}
#boxPrice {
	margin-bottom: 10px;
}
#colophon #scrollUp {
	bottom: 49px;
	right: 0px;
	height: 34px;
	width: 22px;
}
.grid_5.link-footers {
	margin-bottom: 5px;
}
#form_enquiry label span.n_n {
	padding-left: 0px;
}
#contacus .cut input {
	margin-bottom: 0px;
}
.grid_12.navigator {
	height: auto;
	line-height: 28px !important;
	margin-bottom: 20px;
}
.navigator img {
	float: left;
	margin-top: 4px;
}
#addcomment #form_enquiry select#adults.small-box {
	margin-left: 0px;
}
#addcomment #form_enquiry select#children.small-box {
	margin-left: 0px;
}
#contacus #form_enquiry select#adults.small-box.cont {
	width: 100% !important;
	margin-left: 0px;
}
#contacus #form_enquiry select#children.small-box.cont.op {
	width: 100% !important;
	margin-left: 0px;
}
#form_enquiry select#adults.small-box, #form_enquiry select#children {
	width: 100% !important;
}
#newsletter .grid_12 {
	margin-bottom: 0px;
}
.co_newcat {
	width: 30% !important;
}
.co_newcat2 {
	width: 70% !important;
}
#logo {
	text-align: center;
	background-position: 0px 42px;
width: 150px;
}
.menu .toggleMenu {
	top: -91px;
}
#form_enquiry button[type="submit"] {
	width: 100%
}
header .menu {
	top: 105px;
}
.grid_7.link-footer {
	margin-top: 0px;
	padding: 0px;
}
.slidingDiv img {
	width: 115px;
}
.flexslider {
	margin-top: -370px !important;
}
.both {
	clear: both;
}
.new_new {
	display: inline-block;
	float: none;
	width: 100%;
	text-align: center;
}
.box_innew {
	height: auto;
}
.box_innew h1 {
	margin-top: 20px;
}
#boxPrice {
	display: inline-block;
	float: right;
	position: relative;
	right: 0px;
	top: 0px;
}
#nav li a {
	line-height: 40px;
}
.box-record *, .record, #v-list * {
	width: 100% !important;
}
.link-footer {
	line-height: 25px;
	height: auto;
	padding: 15px;
	padding-top: 15px;
	font-size: 9px;
}
.bg-listing {
	height: 434px;
}
#content .box_innew img {
	max-width: 113px;
}
.box-record .sort-by {
	float: left;
	text-align: left;
	margin-top: 20px;
}
#content .villa-rate, #content .intro-listing {
	width: 50%;
}
.intro-listing {
	height: auto;
	font-size: 15px;
}
.villa-rate {
	font-size: 15px;
}
.tumb-villa {
	height: auto;
}
#v-list {
	margin-top: 65px;
}
header .small-txt {
	font-size: 12px;
	width: 100%;
}
.icon-social {
/*	float: right;
	margin-top: 15px;*/
}
.nav {
	margin-top: -61px;
}
.tapmenunew-phuket ul li {
	width: 95px;
}
footer .grid_3 {
	margin-bottom: 30px;
}
#content table * {
	width: 100%;
font-size: 9px;
}
.calendar-line td {
	padding-left: 19px;
}
.tapmenunew-phuket {
	width: 100%;
	padding-left: 0px;
}
#container, #colophon {
	width: 94%
}
.main-search {
	width: 98%
}
.bg-main-search {
    width: 95%;
    padding: 0 10px 10px 10px;
    text-align: center;
}
.sort-by {
	width: 50%;
	float: right;
	text-align: right;
	font-size: 1em
}
.record {
	width: 50%;
	font-size: 9px;
	font-size: 1em
}
#headerSlideContent .detail {
	float: left;
	width: 35%;
	font-size: 11px;
	margin: 0 5px;
	line-height: 15px
}
#headerSlideContent .detail strong {
	color: #FBE2AE;
	font-size: 11px
}
#headerSlideContent img {
	width: 100%;
	height: auto;
	max-width: 70px
}
#headerSlideContent .rate {
	width: 36%;
	font-size: 9px;
	padding: 0;
	margin-top: -5px
}
}

/* ==|== print styles ======================================================= Print styles. Inlined to avoid required HTTP connection:h5bp.com/r ========================================================================== */ @media print {
* {
	background: transparent !important;
	color: black !important;
	text-shadow: none !important;
	filter: none !important;
	-ms-filter: none !important
}
a, a:visited {
	text-decoration: underline
}
a[href]:after {
	content: "("attr(href) ")"
}
abbr[title]:after {
	content: "("attr(title) ")"
}
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
	content: ""
}
pre, blockquote {
	border: 1px solid #999;
	page-break-inside: avoid
}
thead {
	display: table-header-group
}
tr, img {
	page-break-inside: avoid
}
img {
	max-width: 100% !important
}
@page {
	margin: 0.5cm
}
p, h2, h3 {
	orphans: 3;
	widows: 3
}
h2, h3 {
	page-break-after: avoid
}
}
.menu {
	float: right;
	width: 80%;
	margin-top: -30px;
	z-index: 2000;
	position: relative
}
.toggleMenu {
	display: none;
	background: #000;
	padding: 0;
	color: #fff;
	background-image: url("../images/logo.png");
	background-repeat: no-repeat
}
.nav {
	list-style: none;
*zoom:1;
	background: #000;
	font-size: 12px
}
.nav:before, .nav:after {
	content: "";
	display: table
}
.nav:after {
	clear: both
}
.nav ul {
	list-style: none;
	width: 9em
}
.nav a {
	padding: 5px 10px;
	color: #fff;
	text-align: center;
	text-decoration: none
}
.nav li {
	position: relative
}
.nav>li {
	float: left;
	background: #000
}
.nav>li>a {
	display: block
}
.nav li a:hover {
	color: #FBE2AE
}
table#tblholiday a {
	color: rgb(68, 68, 68)!important;
}
.tapmenunew-phuket ul{ padding:0px !important;}

#Quick-Search{    display: none;}

@media (max-width:567px)  {
.tapmenunew-phuket ul li{
	width: 100%;
	height: 40px;
padding: 0px!important;
    line-height: 40px;

}
.tapmenunew-phuket li a{padding: 0px!important; width:auto; height: auto;}
#content ul, #content ol {
    padding: 0 0 0 20px;
}

#content ul#nav{ padding: 0px !important; }

#ui-form select{font-size: 13px!important; line-height: normal!important; }
.ac_results li{font-size: 16px;     padding: 12px 5px;}
.ac_results{ width: auto!important; max-width:250px;}
#Quick-Search{    display: block;
    height: 30px;
    line-height: 30px; margin-top: 30px; padding: 0px!important;}
.adjustSearch{text-align: center;}
}
#logo img,.left-image img{	width: 100%; }

.in-blog{border:1px solid #fff; padding:10px;     margin-top: 28px;}
.left-image{width: 7%;  margin-right:10px;}
.left-image,.right-text{ float:left;}
.right-text{width: 90%;}
.hr{ width:100%; height:1px; background:rgba(173,171,171,1.00); margin:30px 0px;}
#pagehome{background: #000;}
.cl{clear: both;}

.titi{margin-bottom: 10px;     font-size: 16px;
    text-decoration: underline;}
#container.clearfix.in-blog-box{    margin: 50px auto 0px auto; background:none;}
.awad{ margin: 50px auto;}
.in-blog-box .blog-list{margin-top: 30px;}

/*#best-Guarantee a{padding: 0px 50px 130px 50px; text-decoration: none;}*/

@media (max-width:1024px) { 
.tumb-villa,.villa-rate ,.intro-listing,.btn-detail,#pagination{
    width: 100%!important; float:none;}
.villa-rate{border:0px!important;}
.bg-listing{ height: auto;}
.intro-listing{margin-top: 15px!important;}
#pagination span{width: auto!important;}
}
.tumb-villa{    text-align: center;}
span{color: #fff!important;}
#contacus #form_enquiry #piont button#contact-edit,#form_enquiry #piont button#contact-submit{     text-transform: uppercase!important; width: 50%!important; margin:0px auto!important;  float: none!important;}
#contacus #form_enquiry #piont button#contact-submit{    font-weight: bold!important;}
#contacus #form_enquiry #piont button#contact-edit{    background: #ddd!important;}
#contacus #form_enquiry #piont div{width: 100%!important;     text-align: center!important;}