body{overflow-x:hidden;}
.shama .header-main{position:fixed;top:60px;height:1px;}
.shama.stickytop .header-main{position:fixed;top: 20px;width:100%;z-index:200!important;box-shadow: none;animation:slide-down 0.7s;}

.shama .reservations, .shama .datepicker {font-family:Roboto, Arial, CSChatThaiUI, Tahoma, SimHei;}
.shama .reservations .button{float:right;}
.shama .reservations .button button{/*font-family:RobotoRegular,Arial,AthitiRegular;*/font-size:1.6rem;}
.shama .reservations .button button.booking-avail{background:#4d738a;outline:0;position:relative;text-align:center;margin: 0px 10px;padding: 10px 5px;overflow:hidden;color:#fff;border: 0; border-radius:0; font-size: 1rem;}
.shama .reservations .button button.booking-avail:hover{cursor:pointer;}
.shama .reservations .button button.show-mobile{font-size: 1rem;padding: 10px 30px;background: #91cabd;color: #fff;}
.shama .reservations .button button.booking-avail:hover:before{opacity:1;transform:translate(0,0);}
.shama .reservations .button button.booking-avail:before{background:#012639;content:attr(data-hover);position:absolute;left:0;top:0;padding: 10px 5px;width:100%;height:70px;text-align:center;opacity:0;transform:translate(-100%,0);transition:all .3s ease-in-out;}
.shama .reservations .button button.booking-avail:hover div{opacity:0;transform:translate(100%,0);}
.shama .reservations .button button.booking-avail div{transition:all .3s ease-in-out;}
.shama .reservations .button button.booking-close{opacity: 1;background:#fff;width: 80px;height: 80px;text-indent:-99999em;margin:0;padding: 30px;border: 0!important; border-radius:0; outline: none;}
.shama .reservations .button button.booking-close:hover{background:#ffb4aa;color:#fff;}
.shama .reservations .button button.booking-close:before,.shama .reservations .button .booking-close:after{content:'';position:absolute;top:20px;left: 40px;height: 40px;width:2px;background-color:#000;}
.shama .reservations .button button.booking-close:before{transform:rotate(45deg);}
.shama .reservations .button button.booking-close:after{transform:rotate(-45deg);}
.shama .reservations .button button.booking-close:before{padding:0;opacity:1;}
.shama .reservations .button button.booking-close:hover:before,.shama .reservations .button .booking-close:hover:after{background-color:#f6f6f6;}
.shama .loading-wrap{position:fixed;width:5000px;height:5000px;top:-90px;right:0;left:0;bottom:0;background-color:rgba(0,0,0,.85);text-align:center;}
.shama .overlay-booking{z-index:200;}
.shama .mega-bookingmask .booking-button{margin:15px;}
.shama .mega-bookingmask .booking-check{width:100%;background:#91cabd;padding:24px;/*font-family:Belleza,RobotoRegular,Arial,AthitiRegular,SimHei;*/font-size:1.8rem;color:#fff;text-align:center;}
.shama .mega-bookingmask .booking-check:hover{background:#2d637f;}
.shama .mega-bookingmask .booking-close{float:right;position:relative;background-color:#91cabd;display:block;width:70px;height:70px;text-indent:-99999em;padding:31px;opacity:1;}
.shama .mega-bookingmask .booking-close:hover{background:#012639;}
.shama .mega-bookingmask .booking-close:before,.shama .mega-bookingmask .booking-close:after{content:'';background-color:#fff;position:absolute;top:19px;left:34px;width:2px;height:32px;}
.shama .mega-bookingmask .booking-close:before{transform:rotate(45deg);}
.shama .mega-bookingmask .booking-close:after{transform:rotate(-45deg);}
.shama .mega-bookingmask .booking-close :before{padding:0;opacity:1;}
.shama .dropdown-menu.mega-bookingmask{position:fixed!important;top:58px!important;left:84px!important;right:0;min-width:100vw;width:100vw;height:2000vh;padding:0;box-sizing:border-box;border:0;border-radius:0;-webkit-overflow-scrolling:touch;}
.shama .dropdown-menu.mega-bookingmask .container{width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;}
.shama .mb-stepname,.stepname{background:#113658;color:#fff;display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;align-content:stretch;padding:15px;}
.shama .mb-stepname .icon-back,.shama .stepname .icon-back{width:50px;height:50px;text-align:center;}
.shama .mb-stepname .icon-back a,.shama .stepname .icon-back a{display:block;color:#fff;width:50px;height:50px;line-height:50px;}
.shama .mb-stepname .icon-back .fa,.shama .stepname .icon-back .fa{font-size:3rem;line-height:50px;}
.shama .mb-stepname .name,.shama .stepname .name{text-align:center;line-height:50px;padding:0 15px;}
.shama .mb-stepname .name h6,.shama .stepname .name h6{/*font-family:RobotoRegular,Arial,AthitiRegular;*/font-size:1.6rem;line-height:50px;color:#fff;margin:0;}
.shama .bookingmask{margin:20px 0;}
.shama .bookingmask .select{position: relative; background: #fff; width: 100%; margin: 15px 0; padding: 0; border-radius: 3px; display: block; cursor: pointer;}
.shama .easy-autocomplete{width:100%!important;}
.shama .easy-autocomplete-container{z-index:3!important;}
.shama .easy-autocomplete-container ul{height: 320px!important; overflow-y: scroll; overflow-x: hidden;}
.shama .easy-autocomplete input{box-shadow:none;}
.shama .easy-autocomplete-container ul .eac-category {color: #222; background-color: #f4f8fa; font-weight: 700; font-style:normal;}
.shama .easy-autocomplete-container ul li,.shama .easy-autocomplete-container ul .eac-category{padding:5px 12px; }
.shama .easy-autocomplete-container ul li.selected div {color: #7ea0c4!important; }
.shama .easy-autocomplete-container ul li div {font-family: 'Roboto'; color:#6f7274 !important;}
.shama .easy-autocomplete-container ul li.selected {background: transparent;}
.shama .bookingmask .select h5,.shama .bookingmask .select h6{display:none; font-size: 0.8em;color:#444;text-align: left;margin-top: .5em;margin-bottom: .5em;font-weight: normal!important;}
.shama .bookingmask .sel_dest h5,.shama .bookingmask .sel_dest h6{font-size:1.2em;color:#333;margin-left: 5px;}
.shama .bookingmask .sel_chkin-out h5, .shama .bookingmask .sel_chkin-out h6 {text-align: center;}
.shama .bookingmask .icon-search{background-image: url(https://storage.shama.com/icon/sprite_bookingmask.svg); background-position: 0 0; width: 25px; height: 25px; position: absolute; top: calc(50% - 12px); left: 12px;display: inline-block; z-index: 1;}
.shama .pulldown{position:absolute; background-image: url(https://storage.shama.com/icon/arrow-bullets-open.svg); background-repeat: no-repeat; background-position: 5px; display: inline-block; width: 30px; height: 30px;}
.shama .bookingmask .pulldown{top:16px;right:10px;}
.shama .bookingmask .sel_chkin-out:before{content: ''; background-image: url(https://storage.shama.com/icon/sprite_bookingmask.svg); background-position: -25px 0; width: 25px; height: 25px; position: absolute; top: calc(50% - 12px); left: 12px; display: inline-block; z-index: 1;}
.shama .bookingmask .sel_guest:before{content: ''; background-image: url(https://storage.shama.com/icon/sprite_bookingmask.svg); background-position: -50px 0; width: 25px; height: 25px; position: absolute; top: calc(50% - 12px); left: 12px; display: inline-block; z-index: 1;}
.shama .bookingmask .sel_promocode:before{content: ''; background-image: url(https://storage.shama.com/icon/sprite_bookingmask.svg); background-position: -75px 0; width: 25px; height: 25px; position: absolute; top: calc(50% - 12px); left: 12px; display: inline-block; z-index: 1;}
.shama .bookingmask input{width: 100%;border: 0;color: #333; background: 0 0; padding: 20px 20px 20px 45px; cursor: pointer; display: block;}
.shama .bookingmask input::-webkit-input-placeholder{color:#777;}
.shama .bookingmask input:-moz-placeholder{color:#777;opacity:1;}
.shama .bookingmask input::-moz-placeholder{color:#777;opacity:1;}
.shama .bookingmask input:-ms-input-placeholder{color:#777;}
.shama .bookingmask input::-ms-input-placeholder{color:#777;}
.shama .bookingmask input::placeholder{color:#777;}
.shama .bookingmask .select .box_wrapper{margin:0 auto;padding:0;position:relative;display: block;}
.shama .bookingmask .sel_promocode input:before{display:inline-block;}
.shama .bookingmask .sel_chkin-out{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;align-content:stretch;margin:0;padding:10px 0;}
.shama .bookingmask .icon-next{background-image:url(https://www.shama.cn/wp-content/plugins/onyx-booking-mask/assets/icons/arrow-next.svg);width:20px;height:20px;display:inline-block;position:absolute;top:calc(50% - 10px);left:50%;z-index:2;}
.shama .bookingmask .select.sel_chkin,.bookingmask .select.sel_chkout{background:0 0;}
.shama .bookingmask .select.sel_chkin{position:relative;margin:0 0 0 25px;width:calc(50% - 25px);}
.shama .bookingmask .select.sel_chkout{position:relative;width:49%;margin:0;}
.shama .bookingmask .select.sel_chkin-out:after{content: ''; background-image: url(https://www.shama.cn/wp-content/plugins/onyx-booking-mask/assets/icons/arrow-next.svg); width: 20px; height: 20px; display: inline-block; position: absolute; top: calc(50% - 10px); left: calc(50% - 15px); z-index: 2;}
.shama .bookingmask .sel_chkin .box_inout,.shama .bookingmask .sel_chkout .box_inout{width:100%;text-align:center;}
.shama .bookingmask .text-check{width:100%;border:0;padding:22px 5px;color:#333;cursor:pointer;display:none;}
.shama .bookingmask .text-date{display:block;text-align:center;margin:7px 0;overflow:hidden;}
.shama .bookingmask .day{/*font-family:Belleza,RobotoRegular,Arial,AthitiRegular,SimHei;*/font-size: 2.8rem;color:#4d738a;line-height: 1.2em;font-weight: 500;display:inline;}
.shama .bookingmask .month{font-size: 0.8rem;line-height: 1.2;padding: 2px 5px;display:inline;color: #777;}
.shama .bookingmask .sel_guest{padding:10px 0;}
.shama .bookingmask .sel_guest .pulldown{top:6px;right:10px;}
.shama .bookingmask .sel_guest .guests-info{margin:0;padding:22px 22px 22px 43px;font-weight:400;color: #777;}
.shama .bookingmask .sel_guest .guests-info,.shama .bookingmask .sel_guest .room-info{padding:0 10px 0 50px;text-align:left;}
.shama .bookingmask .sel_guest .room-info{color:#8d9ca0;line-height:1;}
.shama .guests-flyout_container{position:fixed;top: -70px;left:0;background:#fff;width:100vw;height:100vh;padding:0;font-size: 1rem;border-radius:0;-webkit-box-shadow:0 2px 16px rgba(0,0,0,.15);box-shadow:0 2px 16px rgba(0,0,0,.15);z-index:999;}
.shama .guests-flyout_container .header{background: #9ec0da;padding:15px;}
.shama .guests-flyout_container .header b{/*font-family:RobotoRegular,Arial,AthitiRegular;*/font-size: 1rem;line-height:2;color:#fff;margin:0;}
.shama .guest-quantity-selection_container{display:table;width:100vw;padding:5px 20px;border-collapse:separate;border-spacing: 0px 5px;color:#6c7278;}
.shama .guest-quantity-selection_container input{box-shadow:none;}
.shama .guest-quantity-selection_container>div div.quantity-selection_container{display:table-row;}
.shama .guest-quantity-selection_container>div .quantity-selection_container>span,.shama .guest-quantity-selection_container>div .quantity-selection_wrapper{display:table-cell;width:100px;vertical-align:middle;}
.shama .quantity-selection_container{display:inline-block;}
.shama .quantity-selection_container h6{margin-bottom:.5rem;}
.shama .quantity-selection_container h6:empty{display:none;}
.shama .quantity-selection_container .input-field_label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}
.shama .quantity-selection_container .input-field_container label{padding:0;}
.shama .quantity-selection_container .input-field_container input{padding-top:0;}
.shama .quantity-selection_wrapper{max-width:250px;position:relative;}
.shama .quantity-selection_wrapper button:first-child{top:0;bottom:0;position:absolute;width:30%;padding:0;border-top-left-radius:3px;border-bottom-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:3px;line-height:3.5em;}
.shama .quantity-selection_wrapper input{text-align:center;}
.shama .quantity-selection_wrapper button:last-child{top:0;bottom:0;position:absolute;width:30%;padding:0;border-top-left-radius:0;border-bottom-left-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:0;line-height:3.5em;}
.shama html[dir=ltr] .quantity-selection_wrapper button:first-child{left:0;}
.shama html[dir=rtl] .quantity-selection_wrapper button:first-child{right:0;border-top-left-radius:0;border-bottom-left-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:0;}
.shama html[dir=ltr] .quantity-selection_wrapper button:last-child{right:0;}
.shama html[dir=rtl] .quantity-selection_wrapper button:last-child{left:0;border-top-left-radius:3px;border-bottom-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:3px;}
.shama .guests-flyout_container .apply{background-color:#4d738a;font-size:1.5rem;color:#fff;text-align:center;padding: 20px;width:calc(100% - 30px);margin:15px;position:-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;border-radius:3px;cursor:pointer;border: none;outline: none;}
.shama .guests-flyout_container .apply:hover{background-color:#012639;}
.shama .result.bookingmask{display:none;}
.shama #datepicker-input-id{top: 0;left: calc(100% - 100vw);width:100vw;height:2000vh;z-index:500;border-radius:0;}
.shama .datepicker__week-name{padding-top:3px;}
.shama .datepicker__month-button.datepicker__month-button--prev.fa.fa-angle-left.datepicker__month-button--disabled,.shama .datepicker__month-button.datepicker__month-button--next.fa.fa-angle-right.datepicker__month-button--disabled{display:none;}
.shama .style-date-right{height:56px!important;}
.shama .datepicker__topbar{background-color:#9ec0da!important;padding: 20px 10px;}
.shama .datepicker__topbar:after{width:0;height:0;border-style:solid;border-width:0 40px 40px 40px;border-color:transparent transparent #fff transparent;content:"";margin-left:13%;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;}
.shama .datepicker__topbar.move-arrow:after{-webkit-transform:translate(3em,0);-moz-transform:translate(3em,0);-o-transform:translate(3em,0);-ms-transform:translate(3em,0);margin-left:68%;}
.shama .header-top.show-desktop.opacity{opacity:.3;}
.shama .datepicker__info--help,.shama .datepicker__info--selected{text-align:center;padding:10px;background:#f0f0f3;}
.shama .big-date{text-align:center;display:inline-block;width:100%;}
.shama .big-date .fa-arrow-circle-right,.big-date .fa-chevron-right{font-size:30px;position:absolute;left:47%;top:50px;}
.shama .big-date-checkin,.big-date-checkout{width:50%;float:left;margin-top:10px;}
.shama .datepicker__month{/* font-size:1.4rem!important; */}
.shama .datepicker__months{float:left;width:100%;top:0;/* padding:10px; */}
.shama .datepicker{border-radius:0;top:173px;}
.shama .datepicker__month-caption th{text-align:center;}
.shama .big-date-indaynum,.shama .big-date-indaynum-bookingmask,.shama .big-date-outdaynum,.shama .big-date-outdaynum-bookingmask{width: 55%; float: left; font-family: Roboto; font-size: 4em; line-height: 1; font-weight: 700; text-align: right;}
.shama .style-date-left,.shama .style-date-left-bookingmask,.shama .style-date-right,.shama .style-date-right-bookingmask{float:left;text-align:left;font-size: 12px;line-height: 13px;padding-top: 10px;padding-left:5px;}
.shama .style-date-left,.style-date-right{color:#fff;}
.shama .datepicker__month-day--today{background-color:#edc4c4!important;color:#fff!important;line-height:16px;font-weight:600;}
.shama .datepicker__month-day--selected{/* background-color:rgba(62,154,136,.3)!important; */}
.shama .datepicker__month-day--first-day-selected,.shama .datepicker__month-day--last-day-selected{background-color: #91cabd!important;}
.shama .datepicker__tooltip{background-color:#f2aba5!important;}
.shama .datepicker__tooltip:after{border-top:4px solid #ffe684!important;}
.shama .datepicker__month{width:calc(100vw - 20px)!important;}
.shama .datepicker__months:before{content:none!important;}
.shama #datepicker-input-id-mask .fa-long-arrow-right{margin-top:0;}
.shama .fa-long-arrow-right:before{position:absolute;top:50px;left:48%;font-size:2em;}
.shama input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;}
.shama input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;}
.shama .number-input{display:inline-flex;width:280px;justify-content:flex-end;}
.shama .number-input,.shama .number-input *{box-sizing:border-box;}
.shama .number-input button{outline:0;-webkit-appearance:none;background-color:transparent;align-items:center;justify-content:center;width:3rem;height:3rem;cursor:pointer;margin:0;position:relative;border-radius:50%;border:1px solid #ababab;}
.shama .number-input button:before,.shama .number-input button:after{display:inline-block;position:absolute;content:'';width:1rem;height:2px;background-color:#ababab;transform:translate(-50%,-50%);}
.shama .number-input button.plus{border:1px solid #91cabd;}
.shama .number-input button.plus:after{transform:translate(-50%,-50%) rotate(90deg);}
.shama .number-input button.plus:before,.shama .number-input button.plus:after{background-color:#91cabd;}
.shama .number-input input[type=number]{max-width: 5rem;padding:.5rem;font-size: 1em;height: auto;text-align:center;background:0 0;color:#91cabd;}
@-webkit-keyframes bounceRight{0%,100%,20%,50%,80%{-webkit-transform:translateX(0);transform:translateX(0);}
40%{-webkit-transform:translateX(-30px);transform:translateX(-30px);}
60%{-webkit-transform:translateX(-15px);transform:translateX(-15px);}
}
@-moz-keyframes bounceRight{0%,100%,20%,50%,80%{transform:translateX(0);}
40%{transform:translateX(-30px);}
60%{transform:translateX(-15px);}
}
@keyframes bounceRight{0%,100%,20%,50%,80%{-ms-transform:translateX(0);transform:translateX(0);}
40%{-ms-transform:translateX(-30px);transform:translateX(-30px);}
60%{-ms-transform:translateX(-15px);transform:translateX(-15px);}
}
.shama .anime-rights{-webkit-animation:bounceRight 2s infinite;animation:bounceRight 2s infinite;}
.shama .selection-panel{width:100%;height:1000px;position:fixed;top:0;left:0;padding:20px;background-color:red;}
.shama .datepicker__month-button.datepicker__month-button--next.fa.fa-angle-right.datepicker__month-button--disabled,.shama .datepicker__month-button.datepicker__month-button--prev.fa.fa-angle-left.datepicker__month-button--disabled{display:none;}
.shama .style-date-right{height:56px!important;}
.shama .datepicker__topbar{padding-bottom:20px!important;}
.shama .datepicker__topbar:after{width:0;height:0;border-style:solid;border-width:0 40px 40px 40px;border-color:transparent transparent #fff transparent;content:"";margin-left:17%;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;}
.shama .datepicker__topbar.move-arrow:after{-webkit-transform:translate(3em,0);-moz-transform:translate(3em,0);-o-transform:translate(3em,0);-ms-transform:translate(3em,0);margin-left:68%;}
.shama .big-date-checkin-bookingmask.opacity,.shama .big-date-checkout-bookingmask.opacity{opacity:.1;}
.shama #spanchildtext{display:table-row;}
.shama .select_container{width:160px;position:relative;display:inline-block;margin:0;padding:0;}
.shama #childage-container .select_container{width:fit-content;float: left;}
.shama #childage-container .select_container select{margin:0 4px 4px 0;padding: 10px;font-size: 1rem;border:1px solid #ddd;background:#fff;appearance:menulist;-webkit-appearance:menulist;-moz-appearance:menulist;width: 60px;display:table-cell;}
.shama .set-hide{display:none;}
.shama .set-show{display:inline-block;}
.shama .bookingmask .sel_check{width:100%;background:0 0;}
.shama .bookingmask .sel_check .btn-check{background: #4d738a; height: 60px; display: block; margin: 0; border-radius: 0; font-size: 1.8rem; color: #fff; text-align: center; -webkit-transition: all .5s;-moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;}
.shama .bookingmask .sel_check .btn-check a{color:#fff;font-size: 1rem;vertical-align: middle;display: block;padding: 20px 30px;}
.shama .bookingmask .sel_check .btn-check:hover{background:#012639;}

@media (device-width:360px) and (device-height:640px) {
.shama .easy-autocomplete-container ul{height: 300px!important;overflow-y: scroll!important;}
}

@media (max-width:500px){
	.shama .reservations {top:-50px;}
	.shama.stickytop .reservations {top:-10px;}
	
}
	
@media (min-width:568px) and (max-width:896px) and (orientation:landscape){
    .shama .dropdown-menu.mega-bookingmask,.shama .guests-flyout_container{height:2000vh;}
.shama #datepicker-input-id{height:120vh;}
.shama .datepicker__month{width:48%!important;}
.shama .guest-quantity-selection_container{padding:5px 20%;}
.shama #childage-container{padding:15px 0 0;}
}
@media all and (device-width:768px) and (device-height:1024px) and (orientation:portrait){
    .shama .dropdown-menu.mega-bookingmask{height:2000vh;padding:50px 15px;}
.shama .bookingmask .sel_dest,.bookingmask .sel_dest input{width:calc(100vw - 60px);}
.shama .guests-flyout_container{height:2000vh;}
.shama .guest-quantity-selection_container{padding:30px;}
}

@media (min-width: 992px){
.shama .dropdown-menu.mega-bookingmask .container {max-width: 960px;}
.shama .navbar-nav .dropdown-menu.mega-bookingmask {width: calc(100vw - -8px);}
}

@media (min-width:1024px){
    .shama .reservations .button{margin:0;}
.shama .mega-bookingmask .booking-button{margin-left:auto!important;width:260px;margin:0;}
.shama .mega-bookingmask .booking-button .booking-check,.mega-bookingmask .booking-button .booking-close{display:inline-block;}
.shama .mega-bookingmask .booking-check{float:left;position:relative;background:#4d63a1;width:190px;height:70px;display:block;margin:0;padding:26px;/*font-family:Belleza,RobotoRegular,Arial,AthitiRegular,SimHei;*/font-size:1.8rem;color:#fff;text-align:center;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.shama .mega-bookingmask .booking-check:hover{background:#91cabd;}
.shama .reservations .button {border:0!important;}
.shama .reservations .button button.booking-avail{width: 190px;padding: 10px 5px;margin: 0px 10px;}
.shama .reservations .button button.booking-avail:before{padding: 10px 5px;}
.shama .dropdown-menu.mega-bookingmask{min-width:calc(100vw - 15px);width:calc(100vw - 15px);height:auto!important;padding:0;}
.shama .mb-stepname{display:none;}
.shama .mega-bookingmask .bookingmask{display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;margin:20px 0;text-align:center;}
.shama .bookingmask .select{height:60px;margin:5px 2px;}
.shama .bookingmask .pulldown{top:6px;right:0;}
.shama .bookingmask .icon-search{left: 0px;}
.shama .bookingmask .sel_dest, .shama .bookingmask .sel_chkin-out, .shama .bookingmask .sel_guest, .shama .bookingmask .sel_promocode{width:49.5%;}
.shama #txt-search-main,.shama .easy-autocomplete,.shama .easy-autocomplete-container,.shama .easy-autocomplete-container ul{width:100%;}
.shama .bookingmask .sel_dest,.shama .bookingmask .sel_promocode{ padding:10px; }
.shama .bookingmask .sel_chkin-out{padding:0;}
.shama .bookingmask .sel_dest input,.shama .bookingmask .sel_promocode input{padding:7px 7px 7px 35px;}
.shama .easy-autocomplete-container{height:350px!important;text-align:left;left:-10px;top:calc(100% + 15px);}
.shama .easy-autocomplete,.easy-autocomplete-container,.easy-autocomplete-container ul{width:260px!important;}
.shama .easy-autocomplete-container ul{height:250px!important;}
.shama .easy-autocomplete-container ul .eac-category,.shama .easy-autocomplete-container ul li{padding:5px 15px!important;}
.shama .easy-autocomplete-container ul li div{padding: 1px 5px!important;}
.shama .bookingmask .text-check{padding:17px 5px;display:none;}
.shama .bookingmask .text-date{margin:0;padding:0;display:block;}
.shama .bookingmask .sel_chkin:after{top:47px;right:-9px;}
.shama .bookingmask .icon-next{margin:0;}
.shama .bookingmask .sel_chkin .box_inout,.shama .bookingmask .sel_chkout .box_inout{width:100%;}
.shama .bookingmask .sel_chkin .box_wrapper,.shama .bookingmask .sel_chkout .box_wrapper{height:60px;margin: 0;padding:0;}
.shama .bookingmask .day{font-size: 2.8rem;line-height: 1.2em;}
.shama .bookingmask .month{font-size: 12px;padding: 7px 5px;font-weight: normal!important;}
.shama .bookingmask .sel_guest{padding:10px;}
.shama .bookingmask .sel_guest .guests-info,.shama .bookingmask .sel_guest .room-info{padding:0 10px 0 50px;text-align:left;}
.shama .bookingmask .sel_guest .room-info{color:#8d9ca0;line-height:1;}
.shama .bookingmask .sel_check{width:100%;background:0 0;}
.shama .bookingmask .sel_check .btn-check{width:100%;height: 60px;line-height: 20px;display:block;padding: 0px;}
.shama #datepicker-input-id{left: 30%;top: calc(100% + 160px);width:530px;height:auto;border-radius:4px;}
.shama .big-date-indayname-bookingmask,.shama .big-date-inmonth-bookingmask,.shama .big-date-inyear-bookingmask,.shama .big-date-outdayname-bookingmask,.shama .big-date-outmonth-bookingmask,.shama .big-date-outyear-bookingmask{margin:2px 3px 0 0;}
.shama .datepicker__month{width:240px!important;}
.shama .datepicker__months:before{content:''!important;}
.shama .guests-flyout_container{position:absolute;top: calc(100% + 5px);width:410px;height:430px;border-radius:4px;}
.shama .guests-flyout_container .header{padding:15px 20px;border-radius:4px 4px 0 0;text-align:left;}
.shama .stepname{padding:15px 20px;border-radius:4px 4px 0 0;text-align:left;}
.shama .stepname .icon-back{display:none;}
.shama .stepname .name h6{line-height:2;}
.shama .guest-quantity-selection_container{width:410px;padding:20px 30px;/* border-spacing:0 .8rem; */}
.shama .number-input button{width: 2.5rem;height: 2.5rem;}
.shama .number-input input[type=number]{/* font-size: 1.6rem; *//* height: 4rem; */color:#6c7278;}
.shama .guests-flyout_container .apply{position: absolute;bottom:0;left:0;padding: 10px 20px;}
.shama .result.bookingmask .sel_chkin .box_wrapper,.shama .result.bookingmask .sel_chkout .box_wrapper{box-shadow:none;}
.shama .stickytop .reservations .button a{text-align:center;}
.shama .stickytop .result.bookingmask{float:left;height:70px;display:none;}
.shama .result.bookingmask{display:none;}
.shama .result.bookingmask .select{margin:0;}
.shama .result.bookingmask .select:before{content:none;}
.shama .result.bookingmask .sel_chkin,.result.bookingmask .sel_chkout{width:120px;height:70px;}
.shama .result.bookingmask .sel_chkin .box_wrapper,.shama .result.bookingmask .sel_chkout .box_wrapper{padding:0;height:54px;}
.shama .result.bookingmask .bookingmask h5,.shama .result.bookingmask h6{font-size:1.2rem;line-height:1em;color:#9aa2a9;margin:3px 0 0 0;}
.shama .result.bookingmask .day,.result.bookingmask .month{color:#fff;}
.shama .result.bookingmask .month{line-height:1;}
.shama .result.bookingmask .sel_chkin:after{top:34px;right:-2px;}
}
@media (min-width:1200px){
.shama .stickytop .result.bookingmask{display:inline-block;}
.shama .dropdown-menu.mega-bookingmask{min-width:calc(100vw - 15px);width:calc(100vw - 15px);height:70px!important;padding:0;}
.shama .dropdown-menu.mega-bookingmask .container {max-width: 100%; padding:0;}
.shama .mega-bookingmask .bookingmask{margin:0;}
.shama .bookingmask .sel_dest,.easy-autocomplete,.shama .easy-autocomplete-container,.shama .easy-autocomplete-container ul{width: 320px!important;}
.shama #txt-search-main{width:320px!important;}
.shama .bookingmask .sel_chkin-out{width:270px;}
.shama .bookingmask .sel_chkin:after{right:-11px;}
.shama .bookingmask .day{font-size: 3.2rem;font-weight: 500;}
.shama .big-date-indayname-bookingmask,.shama .big-date-inmonth-bookingmask,.shama .big-date-inyear-bookingmask,.shama .big-date-outdayname-bookingmask,.shama .big-date-outmonth-bookingmask,.shama .big-date-outyear-bookingmask{margin:0;}
.shama .bookingmask .sel_guest{width:200px;}
.shama .bookingmask .sel_promocode{width:180px;}
.shama .bookingmask .sel_check{width:180px;}
.shama #datepicker-input-id{left:30%;}
}
@media (min-width:1440px){
.shama .bookingmask .sel_chkin-out{width:330px;}
.shama .bookingmask .sel_guest{width:300px;}
}

/*#######################################################*/
@media only screen and (min-width: 500px){
.shama .header-main {
    top: 10px;
}
.shama.stickytop .header-main {
    top: 10px;
}
.shama .reservations .button button.booking-avail {
    padding: 5px;
    width: 120px;
    height: 35px;
}
.shama .reservations .button button.booking-avail:before {
    padding: 5px;
    height: 100%;
}

.shama #datepicker-input-id {
    top: -2px;
}

}

@media (min-width: 576px){
.shama .dropdown-menu.mega-bookingmask .container {max-width: 95vw;}
}

@media only screen and (min-width: 768px){
.shama .header-main {
    top: 30px;
}
.shama.stickytop .header-main {
    top: 30px;
}
.shama .reservations .button button.booking-avail {
    font-size: 1rem;
    padding: 5px;
    width: 120px;
    height: 35px;
}
.shama .reservations .button button.booking-avail:before {
    padding: 5px;
    height: 100%;
}

.shama #datepicker-input-id {
    top: 36px;
}
}

@media only screen and (min-width: 1024px){
.shama .header-main {
    top: 50px;
}
.shama.stickytop .header-main {
    top: 20px;
}
.shama .reservations .button button.booking-avail {
    padding: 10px;
    width: 190px;
    height: 50px;
}
.shama .reservations .button button.booking-avail:before {
    padding: 15px;
    width: 100%;
}

.shama #datepicker-input-id {
    top: calc(100% + 165px);
    left: 48%;
}
}


@media only screen and (min-width: 1200px){
.shama .header-main {
    top: 60px;
}
.shama.stickytop .header-main {
    top: 20px;
}
.shama .reservations .button button.booking-avail {
    padding: 10px;
    width: 170px;
    height: 60px;
	top:-5px;
}
.shama .reservations .button button.booking-avail:before {
    padding: 15px;
    width: 100%;
}

.shama #datepicker-input-id {
    top: calc(100% + 150px);
    left: 25%;
}
}

@media (min-width: 1280px){
.shama .dropdown-menu.mega-bookingmask .container {max-width: 100%;}
}

@media only screen and (min-width: 1600px){
.shama #datepicker-input-id {
    top: calc(100% + 150px);
    left: 33%;
}
}

/*#######################################################*/
/* ----------- iPad 1, 2, Mini and Air ----------- */
/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {

.shama .header-main {
    /*top: 10px!important;*/
    /*right: 5px;*/
}
.shama .bookingmask .day {
    /*font-size: 3.2rem;*/
    /*margin: 0px 0 0 0;*/
}
.shama .bookingmask .month {
    /*font-size: 80%;*/
    /*padding: 6px 6px;*/
}

.shama .bookingmask .sel_guest .guests-info, .shama .bookingmask .sel_guest .room-info {
    /*padding: 0 25px 0 0;*/
}

}
/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {

.shama .header-main {
    top: 10px!important;
    right: 5px;
}
.shama .bookingmask .day {
    font-size: 3.2rem;
    margin: 0px 0 0 0;
}
.shama .bookingmask .month {
    font-size: 80%;
    padding: 6px 6px;
}

.shama .bookingmask .sel_guest .guests-info, .shama .bookingmask .sel_guest .room-info {
    padding: 0 25px 0 0;
}

}

/* ----------- iPad Pro 12.9" ----------- */
/* Landscape */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {
.shama .header-main {
    top: 30px!important;
    right: 5px;
}
}

/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
.shama .header-main {
    top: 10px!important;
    right: 5px;
}
}