@charset "utf-8";
/* CSS Document */
.b-brand, #logo-mobile {
	display: none;
}
.booknow-mobile, .social-mo {
	display: none;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 768px) {
.popup-extra-close {
	z-index: 100000000000000000000;
	position: absolute;
	right: -5px;
	top: -5px;
}
#popUpDiv {
	position: absolute;
	width: 96%;
	max-width: 800px;
	height: auto;
	z-index: 50000000000;
	margin-left: -48% !important;
	top: 10% !important;
	left: 50% !important;
}
.fofo br {
	display: block;
}
#menu {
	position: relative;
}
.warper, .warper_in, .warper_in-3, .boxbook-2, .b-nav ul {
	width: auto;
}
.warper_in, .warper_in-3 {
	padding: 0px 20px;
}
.b-brand, #logo-mobile {
	display: block;
}
#menu .b-nav li {
	clear: both;
	float: none !important;
	font-size: 16px;
}
.line, .line-footer, .none-i {
	display: none;
}
.b-nav.open ul {
	margin-top: 60px;
	margin-left: 46px;
	line-height: 35px;
}
#logo-mobile {
	display: none;
	margin: 10px auto;
	width: auto;
	text-align: center;
}
#menu .b-nav {
	background: none;
}
#banner img, .kohsamui_boxinner img {
	width: 100%;
}
#footer p {
	clear: both;
	width: auto;
	padding: 10px;
}
#footer p span {
	display: inline;
}
#footer {
	height: auto;
}
.kohsamui_boxinner {
	padding: 0px 20px 25px 20px;
}
.gallery-inner img, .gallery-inner .left, .gallery-inner .right {
	width: 100%;
}
.section3 .sexy_line {
	margin: 170px 0 0px 0;
}
.sexy_line {
	width: 31%;
}
.section3 .title {
	padding-top: 154px;
}
.section3 .title, .section4 .title {
	width: 167px;
}
#footer {
	padding: 15px 0px 0px 0px;
	margin-bottom: 55px;
}
.sub-room {
	position: static;
}
.image-footer li {
	width: 31%;
	margin: 0px 1.1% !important;
}
.image-footer li img {
	width: 100%
}
ul.gallery-album-list li p img {
	width: inherit !important;
}
ul.gallery-album-list li img {
	width: 100%;
}
ul.gallery-album-list li {
	width: 100%;
}
.center-gallery {
	margin: 50px 0px;
}
.fancybox-close {
	top: -19px !important;
	right: -20px !important;
}
.gallery-inner .left, .gallery-inner .right {
	width: 49%;
	height: 76px;
	overflow: hidden;
	/*	float: none;*/
	margin: 0px auto;
}
.gallery-inner .left img, .gallery-inner .right img {
	width: 100%;/*height: 356px;*/
	/*margin: -75px 0 0 -100px;*/
}
.mama {
	position: absolute;
}
.social-mo {
	right: 0px;
	top: 12px;
	position: absolute;
	width: 80px;
	display: block;
	z-index: 13;
}
.social-mo .socila {
	float: left;
	margin-left: 5px;
}
li .socila {
	display: none;
}
.fancybox-next span {
	background-image: url('../images/right-mo.png');
}
.fancybox-prev span {
	background-image: url('../images/left-mo.png');
}
.fancybox-close {
	background-image: url('../images/close-mo.png');
}
.fancybox-nav span, .fancybox-close {
	width: 26px;
	height: 26px;
}
.Popup-image img {
	width: 64%;
}
#socail-list {
	width: 103%;
	left: 0px;
	top: auto;
	bottom: 0px;
}
.socail-list-dis {
	width: 33.33%;
	float: left;
}
.socail-list-dis {
	webkit-transition: none;
	transition: none;
}
#socail-face:hover, #socail-trip:hover, #socail-mail:hover {
	width: 33.33%;
}
}

@media only screen and (min-device-width: 320px) and (max-device-width: 567px) {
ul.gallery-album-list li {
	margin: 10px 0px;
}
.book-name, .book-box {
	width: 100% !important;
}
.form-reservations {
	padding: 10px;
}
.in2 select, .in2 input {
	width: 98%;
}
/* #booknow table {
	display: none;
}*/
#booknow table#book-mobile {
	display: block;
}
#booknow textarea, .veri img {
	width: 100%;
}
.booknow-mobile {
	display: block;
	margin-top: -10px;
	margin-bottom: 10px;
}
.dis-1-is {
	margin: 10px;
}
.dis-1-is select, .book-box .textselec {
	width: 100%;
	height: 25px;
	margin-bottom: 10px;
}
.dis-1 {
	border-bottom: 1px solid #efefef;
}
.in1 input {
	width: 99%;
}
#footer li {
	clear: both;
	font-size: 16px;
}
#footer li {
	text-align: center;
	line-height: 30px;
}
}

@media only screen and (min-device-width: 320px) and (max-device-width: 768px) {
.sexy_line {
	width: 20%;
}
#banner {
	height: 182px;
}
}

@media only screen and (min-device-width: 360px) and (max-device-width: 768px) {
.sexy_line {
	width: 23%;
}
#banner {
	height: 204px;
}
}

@media only screen and (min-device-width: 375px) and (max-device-width: 768px) {
.sexy_line {
	width: 25%;
}
#banner {
	height: 213px;
}
.Popup-image img {
	width: 82%;
}
}

@media only screen and (min-device-width: 414px) and (max-device-width: 768px) {
.sexy_line {
	width: 27%;
}
#banner {
	height: 235px;
}
}

@media only screen and (min-device-width: 480px) and (max-device-width: 768px) {
.Popup-image img {
	width: 23%;
}
.booknow-mobile {
	display: none;
}
.sexy_line {
	width: 31%;
}
#banner {
	height: 273px;
}
#footer ul {
	width: 368px;
}
#footer ul li {
	clear: inherit;
}
#footer {
	padding: 10px 0px;
}
#footer p {
	padding: 0px;
}
#booknow table {
	display: table;
}
/*.gallery-inner .left, .gallery-inner .right {
	width: 440px;
}*/
}

@media only screen and (min-device-width: 568px) and (max-device-width: 768px) {
#popUpDiv {
	top: 130% !important;
}
.Popup-image img {
	width: 19%;
}
.sexy_line {
	width: 34%;
}
#banner {
	height: 323px;
}
.i-2 {
	margin: 0px 12px !important;
}
ul.gallery-album-list li {
	width: 28%;
}
.center-gallery {
	margin: 0px 18px;
}
.warper_in-3 {
	width: 570px;
}
.warper_in-3 {
	width: 520px;
}
.form-reservations {
	padding: 22px;
}
.line-footer {
	display: block;
}
#footer ul li {
	margin: 0px 0px 5px 0px;
}
#footer ul {
	width: 355px;
}
}

@media only screen and (min-device-width: 640px) and (max-device-width: 768px) {
.sexy_line {
	width: 34%;
}
#banner {
	height: 364px;
}
}

@media only screen and (min-device-width: 600px) and (max-device-width: 768px) {
.sexy_line {
	width: 36%;
}
#banner {
	height: 379px;
}
.i-2 {
	margin: 0px 14px !important;
}
.center-gallery {
	margin: 0px 21px;
}
.gallery-inner .left, .gallery-inner .right {
	width: 308px;
	float: left;
}
.gallery-inner .right {
	float: right;
}
ul.gallery-album-list li {
	width: 45%;
}
}

@media only screen and (min-width: 736px) and (max-device-width: 768px) {
.cd-top {
	right: 20px;
	bottom: 70px;
}
#banner {
	height: 418px;
}
.gallery-inner .left, .gallery-inner .right {
	width: 343px;
}
.sexy_line {
	width: 38%;
}
.i-2 {
	margin: 0px 16px !important;
}
.center-gallery {
	margin: 0px 24px;
}
.Popup-image img {
	width: 22%;
}
#popUpDiv {
	top: 15% !important;
}
}

@media only screen and (min-width: 768px) and (max-device-width: 1024px) {
.gallery-inner .left, .gallery-inner .right, .gallery-inner .left img, .gallery-inner .right img {
	width: auto !important;
	height: auto !important;
	margin: 0px 0px 5px 0px !important;
}
.section2.warper_in.gallery-inner {
	width: 751px !important;
	padding: 0px !important;
}
.cd-top {
	height: 90px;
	width: 60px;
	right: 30px;
	bottom: 60px;
}
#banner {
	height: 436px;
}
.center-gallery {
	margin: 0px 25px;
}
.Popup-image img {
	width: 50%;
}
.section3 .sexy_line {
	margin: 97px 0 0px 0;
}
.section3 .title {
	padding-top: 80px;
}
#popUpDiv {
	    top: 15% !important;
}
}

@media only screen and (max-device-width: 479px) {
#footer ul {
	width: auto !important;
}
#footer ul li {
	float: none;
	margin: 0px 5px 15px 5px;
}
}

@media only screen and (max-device-width: 374px) {
.gallery-inner .left, .gallery-inner .right {
	height: 64px;
}
}

@media only screen and (max-device-width: 667px) and (min-device-width: 375px) {
.gallery-inner .left, .gallery-inner .right {
	height: 76px;
}
}