
	
@media only screen and (min-width: 1024px) {
	    #wrapper {
        position: relative;
        width: 100%;
        height: auto;
        min-height: 100vh;
        display: block;
        padding: 0;
    }
/*----------------------------------------------------------------------------------------*/
/*-BOOKING------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------*/
.menu-header {
    width: 100%;
    height: auto;
    display: block;
    background-color: #F8F0E0;
}
	.menu-header .menu-header-set {
		width: 100%;
		max-width: 1540px;
		margin: 0 auto;
		height: auto;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 20px 25px;
	}
		.menu-header .text {
			color: #5B4220;			
			font-size: 1rem;
			position: relative;
			font-weight: 600;
			font-family: 'Amiri', Helvetica;
			padding-left: 5px;			
		}
	 	.menu-header .back-btn {
         font-size: 0.7rem;
         color: #333;
         background-color: #D4C7B1;
         padding: 8px 20px;
         border-radius: 10px;
         font-weight: bold;
         display: flex;
         align-items: center;
         justify-content: center;
      }
			.menu-header .back-btn:hover {
				background-color: #C4B295;
			}
/*----------------------------------------------------------------------------------------*/
/*-HEADER BG --------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------*/
	.header-bg-box {
		width: 100%;
		height: auto;
		display: block;
		background-color: #FBF6ED;
	}
	.header-bg-box .header-bg-set {
		width: 100%;
      max-width: 1540px;
      margin: 0 auto;
      height: auto;
      display: flex;
		align-items: center;
		justify-content: center;
      padding: 20px 25px;
	}
	.header-bg-box .title {
	   color: #4D391B;
		font-size: 1rem;
		font-weight: 500;
		font-family: 'Amiri', Helvetica;
	}
/*----------------------------------------------------------------------------------------*/
/*-FOOTER---------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------*/
	.footer-box {
		width: 100%;
		height: auto;
		display: block;
		background-color: #FBF6ED;
	}
	.footer-box .footer-set {
		width: 100%;
      max-width: 1540px;
      margin: 0 auto;
      height: auto;
      display: flex;
      padding: 20px 25px;
		font-size: 0.5rem;
	}
/*----------------------------------------------------------------------------------------*/
/*-Rooms & Suites-----------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------*/
.room-show-box {
    width: 100%;
    height: auto;
    display: block;
	 min-height: 700px;
}
	.room-show-set {
        width: 100%;
        max-width: 1540px;
        margin: 0 auto;
        height: auto;
        display: flex;
        padding: 50px 25px;
        position: relative;
    }
	.room-show-set .back-link {
        display: inline-flex;
		align-items: center;
		color: #333;
		font-size: 0.75rem;
		font-weight: bold;
		margin-bottom: 24px;
	}
		.room-show-set .back-link span {
            width: auto;
            height: auto;
            margin-right:5px;
            display: flex;
			margin-bottom: 1px;
            align-items: center;
        }
     .room-show-set .back-link span svg {
            width:auto;
            height: 10px;
            display: inline-block;
        }		
       .room-show-set .back-link span svg path{
                fill: #333;
            }
	.room-show-box .left {
		width: 70%;
		display: block;
		padding-right: 20px;
	}
	.room-show-box .right {
		width: 30%;
		display: block;
	}
	.room-show-box .center {
		width: 100%;
		display: block;
		text-align: center;
	}
	.reservation-box {
		border-radius: 15px;
		width: 100%;
		height: auto;
		display: block;
		overflow: hidden;
		border: 1px solid #E3E3E3;
	}
		.reservation-box .header {
			padding: 15px 15px 10px 15px;
			display: block;
			background-color: #E3E3E3;
			font-size: 0.65rem;
			color: #4D391B;
			font-weight: bold;
		}
		.reservation-box .detail {
			width: 100%;
			padding: 10px;
			display: block;
			
		}
			.reservation-box .detail .date-bar {
				width: 100%;
				display: flex;
				justify-content: space-between;
				padding-bottom: 10px;
			}
				.reservation-box .detail .date-bar .date-box {
					width: 50%;
					display: block;
				}
				.reservation-box .detail .date-bar .date-text {
					color: #666;
    				font-size: 0.65rem;
				}
				.reservation-box .detail .date-bar .date-show {
					color: #333;
   					font-size: 0.9rem;
					cursor: pointer;
					text-decoration: underline;
					display:block;
					position: relative;
				}
					.reservation-box .detail .date-bar .date-choose {
						padding: 0;
						color: #333;
   						font-size: 0.9rem;
						height: 27px;
						display:block;
						width: 100%;
						position: relative;
						border: none;
						font-family: "Montserrat","Helvetica Neue", Helvetica, Roboto ,Arial, sans-serif;
					}
					.reservation-box .detail .date-bar .date-input {
						position: absolute;
						top: 0;
						height: 27px;
						padding: 0;
						cursor: pointer;
						opacity: 0;
						z-index: 1;
					}

			.reservation-box .detail .rooms-bar {
				width: 100%;
				display: block;
				padding: 10px 0;
				border-top: 1px solid #E3E3E3;
			}
			.reservation-box .detail .rooms-bar .soldout-box {
				width: 100%;
				display: block;
				border-radius: 5px;
				background-color: #F0E3E3;
				padding: 10px;
			}
				.reservation-box .detail .rooms-bar .soldout-name {
					color: #A02A2B;
   					font-size: 0.9rem;
				}
				.reservation-box .detail .rooms-bar .soldout-text {
					color: #A02A2B;
   					font-size: 0.7rem;
					padding: 5px 0;
				}
				.reservation-box .detail .rooms-bar .soldout-detail {
					color: #A02A2B;
   					font-size: 0.65rem;
				}
	
	
	
	
			.reservation-box .detail .rooms-list {
				width: 100%;
				display: flex;
				justify-content: space-between;
				padding: 5px 0;
			}
			.reservation-box .detail .rooms-text {
				color: #333;
   				font-size: 0.9rem;
				width: 60%;
				display: block;
			}
			.reservation-box .detail .rooms-text a {
				text-decoration: underline;
    			font-weight: bold;
			}
			.reservation-box .detail .rooms-text span {
				background-color: #E3E3E3;
				padding: 2px 5px;
				border-radius: 3px;
				font-size: 0.5rem;
			}
			.reservation-box .detail .rooms-price {
				color: #333;
   				font-size: 0.9rem;
				width: 40%;
				display: block;
				text-align: right;
			}
			.reservation-box .detail .rooms-list.small {
				padding: 0;
				margin-top: 5px;
			}
			.reservation-box .detail .rooms-list.small .rooms-text {
   				font-size: 0.65rem;
			}
			.reservation-box .detail .rooms-list.small .rooms-price {
   				font-size: 0.65rem;
			}
			.reservation-box .detail .rooms-btn {
				font-size: 0.7rem;
				color: #333;
				text-decoration: underline;
				margin-top: 15px;
			}
			.reservation-box .detail .days-price {
				display: none;
				margin-bottom: 10px;
			}
			.reservation-box .detail .rooms-delete {
				width: auto;
				height: auto;
				color: #444;
				display: inline-flex;
				align-items: center;
				font-size: 0.65rem;
				position: relative;
				font-weight: bold;
				margin-top: 15px;
			}
				.reservation-box .detail .rooms-delete svg {
					width:auto;
					height: 14px;
					display: inline-block;
					margin-right: 5px;
				}		
				.reservation-box .detail .rooms-delete svg path{
						fill: #444;
					}

			
		.reservation-box .detail .price {
			width: 100%;
            display: flex;
			align-items: flex-end;
            justify-content: space-between;
            padding: 5px 0;
			border-top: 1px solid #E3E3E3;
		}
			.reservation-box .detail .price .price-text {
				color: #333;
				font-size: 0.9rem;
				width: 48%;
				display: block;
			}
			.reservation-box .detail .price .price-total {
				font-size: 1rem;
				color: #4D391B;
				font-weight: bold;
				width: 48%;
				display: block;
				text-align: right;
			}
	.continue {
		font-size: 0.9rem;
		color: #FFF;
		background-color: #9E8052;
		padding: 8px 20px;
		border-radius: 10px;
		font-weight: bold;
		width: 100%;
		height: auto;
		display: block;
		text-align: center;
		margin-top: 15px;
	}
	
	.hint-box {	
		margin-top: 15px;
		display: block;
		text-align: center;
    	color: #666;
   		font-size: 0.7rem;
	}
		.hint-box a {
			width: auto;
			height: auto;
			color: #444;
			display: inline-flex;
			align-items: center;
			font-size: 0.65rem;
			position: relative;
			font-weight: bold;
		}
			.hint-box a svg {
				width:auto;
				height: 14px;
				display: inline-block;
				margin-right: 5px;
			}		
			.hint-box a svg path{
					fill: #444;
				}
	
	
	.room-show-box  .room-show-list {
		width: 100%;
		height: auto;
		border-radius: 15px;
		display: flex;
		margin-bottom: 20px;
		background-color: #FFF;
	}
		.room-show-list .cover {
			width: 40%;
			height: auto;
			display: block;
			background-position: center;
			background-size: cover;
			border-radius: 15px 0 0 15px;
		}
		.room-show-list .detail {
			width: 60%;
			height: auto;
			display: block;
			padding: 10px;
			border-radius:  0 15px 15px 0;
			border-top: solid 1px #E3E3E3;
			border-bottom: solid 1px #E3E3E3;
			border-right: solid 1px #E3E3E3;
		}
		.room-show-list .name {
			display: block;
			font-size: 1rem;
			color: #4D391B;
		}
		.room-show-list .text {
			color: #666;
    		font-size: 0.7rem;
			min-height: 80px;
		}
		.room-show-list .price-bar {
			width: 100%;
			display: flex;
			align-items: flex-end;
			justify-content: space-between;
			padding-bottom: 10px;
		}
			.room-show-list .price-bar .icon {
				width: 50%;
				display: block;
			}
				.room-show-list .price-bar .icon p {
					width: 100%;
					display: flex;
					align-items: center;
					padding: 2px 0;
					position: relative;
					color: #666;
    				font-size: 0.65rem;
					padding-left: 25px;
				}
					.room-show-list .price-bar .icon p span {
						width: 14px;
						height: 14px;
						display: block;
						position: absolute;
						left: 0;
					}
						.room-show-list .price-bar .icon p span img {
							width: 14px;
							height: 14px;
							display: block;
						}
			.room-show-list .price-bar .price {
				width: 50%;
				display: block;
				text-align: right;
			}
				.room-show-list .price-bar .price .price-top {
					color: #666;
    				font-size: 0.65rem;
					line-height: 1;
                }
				.room-show-list .price-bar .price .price-main {                    
					color: #333;
    				font-size: 0.9rem;
					line-height: 1;
                }
					.room-show-list .price-bar .price .price-main span {                   
						color: #666;
    					font-size: 0.65rem;
					}
				.room-show-list .price-bar .price .price-low {
					color: #666;
    				font-size: 0.65rem;
                }
		.room-show-list .end-bar {
			width: 100%;
			display: flex;
			align-items: flex-end;
			justify-content: space-between;
		}
			.room-show-list .end-bar .more {
				font-size: 0.7rem;
   				color: #333;
				text-decoration: underline;
			}
				.room-show-list .end-bar .more:hover {
						color: #000;
				}
			.room-show-list .end-bar .book {
				font-size: 0.7rem;
   				color: #333;
				background-color: #D4C7B1;
    			padding: 8px 20px;
				border-radius: 10px;
				font-weight: bold;
				display: flex;
				align-items: center;
				justify-content: center;
			}
			.room-show-list .end-bar .book:hover {
				background-color: #C4B295;
			}
			.room-show-list .end-bar .book.active {
   				color: rgba(128,101,63,0);
			}
		.room-show-list .addon-bar {
			width: 100%;
			display: flex;
			align-items: center;
			margin-top: 5px;
			justify-content: flex-end;
		}
			.room-show-list .addon-bar .type {
				font-size: 0.7rem;
   				color: #333;
				text-align: right;
			}
			.room-show-list .addon-bar .add {
				font-size: 0.7rem;
   				color: #333;
				background-color: rgba(128,101,63,0.3);
    			padding: 6px 18px;
				border-radius: 10px;
				font-weight: bold;
				margin-left: 15px;
			}
	.room-info-box {
		width: 100%;
		height: auto;
		border-radius: 15px;
		display: block;
		border: solid 1px #E3E3E3;
		padding: 30px 10%;
	}
		.room-info-box .header {
			display: block;
			font-size: 1rem;
			color: #4D391B;
			margin-bottom: 20px;
		}
	.room-info-box .input-box {
		width: 100%;
		height: auto;
		display: flex;
		justify-content: space-between;
		margin-bottom: 20px;
	}
		.room-info-box .input-list {
			width: 48%;
			height: auto;
			display: block;
		}
		.room-info-box .input-list.full {
			width: 100%;
		}
		.room-info-box .input-list p {
			color: #666;
   			font-size: 0.65rem;
			margin-bottom: 5px;
		}
		.room-info-box .input-list input[type=text] {
			color: #6F5F48;
			font-size: 0.8rem;
			font-weight: bold;
			width: 100%;
			display: block;
			padding: 10px 20px;
			border-radius: 10px;
			background-color: #D9D1C5;
			outline: none;
			border: none;
		}
		.room-info-box .input-list textarea {
			color: #6F5F48;
			font-size: 0.8rem;
			font-weight: bold;
			width: 100%;
			height: 100px;
			display: block;
			padding: 10px 20px;
			border-radius: 10px;
			background-color: #D9D1C5;
			outline: none;
			border: none;
			resize: none;
		}
		.room-info-box .input-list.error p {
			color: #CD1B62;
		}
		.room-info-box .input-list.error input {
			background-color: #E1C1C1;
		}
		.policies-box {
			display: block;
			width: 100%;
			height: auto;
			margin-top: 30px;
			border-top:  solid 1px #E3E3E3;
			padding-top: 20px;
		}	
		.policies-box .header {
            display: block;
            font-size: 1rem;
            color: #4D391B;
            margin-bottom: 15px;
		}
			.policies-box strong {
				font-size: 0.7rem;
				color: #4D391B;
				font-weight: bold;
			}
			.policies-box p {
				color: #666;
    			font-size: 0.7rem;
				line-height: 30px;
			}
	
		.room-show-box .check-box {
			width: 100%;
			height: auto;
			display: flex;
			position: relative;
			align-items: center;
			margin: 15px 0;
		}
		.room-show-box .check-box input[type=checkbox] {
			position: absolute;
			visibility: hidden;
		}
		.room-show-box .check-box label {
			display: block;
			position: relative;
			font-weight: 300;
			font-size: 1.2rem;
			padding: 0 0 0 35px;
			z-index: 7;
			height: 26px;
			width: 26px;
			cursor: pointer;
		}
		.room-show-box .check-box .text {
			color: #AAA;
   			font-size: 0.7rem;
		}
		.room-show-box .check-box .check {
			display: flex;
			align-items: center;
			justify-content: center;
			position: absolute;
			border: 3px solid #AAAAAA;
			border-radius: 8px;
			height: 26px;
			width: 26px;
			z-index: 5;
			transition: border .25s linear;
			-webkit-transition: border .25s linear;
		}
		.room-show-box .check-box input[type=checkbox]:checked ~ .text {
			color: #9E8052;
		}
		.room-show-box .check-box input[type=checkbox]:checked ~ .check {
			border: 3px solid #9E8052;
		}
		.room-show-box .check-box input[type=checkbox]:checked ~ .check::before {
			background: #9E8052;
		}
		.room-show-box .check-box .check::before {
			display: block;
				position: absolute;
			content: '';
			border-radius: 50%;
			height: 12px;
			width: 12px;
			transition: border .25s linear;
			-webkit-transition: border .25s linear;
		}
	
	.thankyou-box {
		width: 100%;
		height: auto;
		display: flex;
		align-items: center;
		justify-content: center;
		min-height: 290px;
	}
		.thankyou-box .thankyou-list {
			width: 50%;
			height: auto;
			display: block;
			border-radius: 15px;
			border: solid 1px #E3E3E3;
			padding: 50px 30px 30px 30px;
		}
		.thankyou-box .title {
		    display: block;
			font-size: 1.4rem;
			color: #4D391B;
			margin-bottom: 15px;
		}
		.thankyou-box .text {
		 	color: #666;
			font-size: 0.65rem;
			margin-top: 15px;
		} 
	/*---------------------------------------------------------------------------*/
	.rooms-popup-bg {
		width:  100vw;
		height: auto;
		min-height: 100vh;
		display: flex;
		justify-content: center;
		position: absolute;
		z-index: 100;
		padding: 50px  0 100px 0;
		background-color: #9E8052;
	}
	.rooms-popup-bg .rooms-detail-box {
		width: 50%;
		height: auto;
		background-color: #FFF;
		border-radius: 15px 15px;
		padding: 25px;
		display: flex;
		align-items: center;
		justify-content: center;
		opacity: 0;
		position: relative;
	}
	.rooms-popup-bg .rooms-detail-box.open {
	  -webkit-animation-name: hvr-buzz-out;
	  animation-name: hvr-buzz-out;
	  -webkit-animation-duration: 0.75s;
	  animation-duration: 0.75s;
	  -webkit-animation-timing-function: linear;
	  animation-timing-function: linear;
	  -webkit-animation-iteration-count: 1;
	  animation-iteration-count: 1;
	  	opacity: 1;
	}
	.rooms-popup-bg .rooms-detail-box {
		width: 50%;
		height: auto;
		background-color: #FFF;
		border-radius: 15px 15px;
		padding: 25px;
		display: flex;
		align-items: center;
		justify-content: center;
		opacity: 0;
		position: relative;
	}
	.rooms-detail-box .close-icon {
		width: 40px;
		height: 40px;
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 50%;
		background-color: #FF5558;
		position: absolute;
		bottom: -20px;
	}
		.rooms-detail-box .close-icon img {
			width: 20px;
			height: 20px;
			display: block;
		}
	.rooms-popup-bg .detail-contain {
		width: 100%;
		height: auto;
		display: block;
	}
	.rooms-popup-bg .rooms-slider-for {
		width: 100%;
		height: auto;
		display: flex;		
	}
	.rooms-popup-bg .rooms-slider-box {
		width: 100%;
		height: auto;
		display: flex;		
	}
		.rooms-popup-bg .rooms-slider-box .rooms-slider-list {
			width: 100%;
			height: auto;
			display:block;
			position: relative;
			padding: 5px;		
			transition: all 0.2s ease;
			-moz-transition: all 0.2s ease;
			-webkit-transition: all 0.2s ease;
			-o-transition: all 0.2s ease;
		}
	.rooms-popup-bg .name {
      	display: block;
		font-size: 1rem;
		color: #4D391B;
		font-weight: bold;
		margin-top: 25px;
    }
	.rooms-popup-bg .text {
      	color: #666;
		font-size: 0.65rem;
		margin-bottom: 25px;
    }
	.rooms-popup-bg .icon-box {
		width: 100%;
		height: auto;
		display: flex;
		flex-wrap: wrap;
    }
		.rooms-popup-bg .icon-box .icon-list {
			width: 50%;
			height: auto;
			display: flex;
			align-items: center;
			position: relative;
			color: #666;
			font-size: 0.65rem;
			padding-left: 25px;
			margin-top: 5px;
		}
			.rooms-popup-bg .icon-box .icon-list span {
				width: 14px;
				height: 14px;
				display: block;
				position: absolute;
				left: 0;
			}
				.rooms-popup-bg .icon-box .icon-list span img {
					width: 14px;
					height: 14px;
					display: block;
				}
	.rooms-popup-bg .price-box {
		width: 100%;
		height: auto;
		display: flex;
		align-items: flex-end;
		border-top: 1px solid #E3E3E3;
		margin-top: 25px;
		padding-top: 10px;
    }
	.rooms-popup-bg .price-box .left {
		width: 50%;
		display: block;
    }
	.rooms-popup-bg .price-box .right {
		width: 50%;
		display: block;
		text-align: right;
    }
		.rooms-popup-bg .price-box .price-top {
			color: #666;
			font-size: 0.65rem;
			line-height: 1;
		}
		.rooms-popup-bg .price-box .price-main {                    
			color: #333;
			font-size: 0.9rem;
			line-height: 1;
		}
			.rooms-popup-bg .price-box .price-main span {                   
				color: #666;
				font-size: 0.65rem;
			}
		.rooms-popup-bg .price-box .price-low {
			color: #666;
			font-size: 0.65rem;
		}
}
