/****************           hotel                  **********************************************/
.home-search-bar.hotel-search-bar .input--filled i.soap-icon-calendar.icon.icon--kohana.arrive.calu {
    right: 146px;
    top: 15px;
}

.home-search-bar.hotel-search-bar i.soap-icon-calendar.icon.icon--kohana.arrive.calu {
    right: 146px;
    z-index: -1;
}

.selecty-hidden {
    display: none;
    visibility: hidden;
    padding-right: 10px;
}

.selecty {
    cursor: pointer;
    display: inline-block;
    position: relative;
    font-size: 16px;
    color: #fff;
    width: 170px;
    height: 40px;
}

.selecty-styled {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: transparent;
    padding: 8px 15px;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    border: 1px solid #fff;
    font-size: 13px;
}

.selecty-styled:after {
    content: "";
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-color: #fff transparent transparent transparent;
    position: absolute;
    top: 16px;
    right: 10px;
}

.selecty-styled:hover {
    border: 1px solid #fff;
    background: #6B6B6B;
}

.selecty-styled:active, .selecty-styled.active {
    background-color: #464646;
}

.selecty-styled:active:after, .selecty-styled.active:after {
    top: 9px;
    border-color: transparent transparent #fff transparent;
}

.selecty-options {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 999;
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: #2da5ff;
}

.selecty-options li {
    margin: 0;
    padding: 8px 0;
    text-indent: 15px;
    border-top: 1px solid #2da5ff;
    -moz-transition: all 0.15s ease-in;
    -o-transition: all 0.15s ease-in;
    -webkit-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
}

.selecty-options li:hover {
    color: #2da5ff;
    background: #fff;
}

.selecty-options li[rel="hide"] {
    display: none;
}

.rooms-option-hold > div, .rooms-option-hold .h-search-guests > div, .rooms-option-hold .h-search-guests .htl-child-age-hold > div {
    float: left;
    margin-right: 0;
    position: relative;
    width: 45%;
    margin-bottom: 0;
}

#frontDepositForm table.table-bordered.dataTable tbody td {
    /*     text-align: center; */
}

.rooms-option-hold div > span {
    float: left;
    width: 100%;
    position: absolute;
    top: 8px;
    font-size: 16px;
    color: #000;
    padding: 0 10px;
}

.home-search-bar .tab-content .form-group.rooms-option-hold {
    display: block;
    margin-top: 10px;
    margin-bottom: 0;
    padding: 0;
}

.hotelsSearch .popup-wrapper .popup-content {
    position: fixed;
    left: 0;
    height: 100vh;
    width: 100%;
}

.h-search-guests {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
}

.rooms-option-hold > div.room-guestaddcopy {
    width: 100%;
    max-height: 450px;
    overflow: hidden;
    overflow-y: auto;
    padding: 0 15px;
    height: auto;
}

span.adult-holder {
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

span.adult-holder:before, span.adult-holder:after {
    content: "";
    position: absolute;
}

.h-search-rooms > span:after,.h-search-guests div > span:after {
    position: absolute;
    top: 0px;
    right: 10px;
    color: #adacac;
    font-family: "Fontawesome";
    content: "\f107";
    font-size: 18px;
}

.home-search-bar .tab-content .form-group.rooms-option-hold select {
    color: #afafaf;
    cursor: pointer;
    background: rgba(79, 2, 39, 0);
    border: 1px solid #ddd;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 6px 10px 7px 80px;
    font-size: 16px;
    z-index: 9;
    position: relative;
    width: 100%;
    float: right;
}

.home-search-bar .tab-content .form-group.rooms-option-hold select option {
    padding: 2px 10px;
    color: #ffffff;
    background: #012643;
}

.hotel-search-tab .input--filled .icon--kohana {
    transform: none;
    /* transition: all 0.5s ease; */
    animation: none;
    /* left: 10px; */
    /* z-index: -1; */
}

.respon_popup .popup-close-btn {
    display: none;
}

.hotel-search-result {
    min-height: 486px;
}

@keyframes moveleftpointer {
    0% {
        left: 96%;
    }

    100% {
        left: 10px;
    }
}

@-o-keyframes moveleftpointer {
    0% {
        left: 96%;
    }

    100% {
        left: 10px;
    }
}

@-webkit-keyframes moveleftpointer {
    0% {
        left: 96%;
    }

    100% {
        left: 10px;
    }
}

@-moz-keyframes moveleftpointer {
    0% {
        left: 96%;
    }

    100% {
        left: 10px;
    }
}

@-ms-keyframes moveleftpointer {
    0% {
        left: 96%;
    }

    100% {
        left: 10px;
    }
}

/****************Hotel Detail Old **************************/
/****************************************hotel details *****************************************************************/
.search-drop-holder .filters-container.toggle-container .panel.style1 .panel-title {
    padding-left: 5px;
    background: #f39100;
    color: #fff;
}

.search-drop-holder .toggle-container .panel.style1.arrow-right .panel-title > a:hover {
    color: #fff;
}

.search-drop-holder .filters-container.toggle-container .panel.style1 .panel-title:hover {
    background: #055f86;
}

.search-drop-holder .hotel-detail-indv .detailed-logo .box-title {
    font-size: 18px;
    font-weight: bold;
    color: #ff7800;
}

.search-drop-holder .hotel-detail-indv .detailed-logo .box-title > small {
    font-size: 12px;
    text-transform: capitalize;
    line-height: 26px;
    letter-spacing: 0.04em;
}

.search-drop-holder .hotel-detail-indv .detailed-logo .box-title > small > i {
    font-size: 1.5em;
    display: block;
    float: left;
    margin-right: 6px;
}

.search-drop-holder .hotel-detail-indv .detailed-logo .box-title > small > i:brfore {
    font-size: 24px;
}

.search-drop-holder .hotel-detail-leftcontent {
    float: left;
    width: 100%;
    background: White;
    padding: 14px;
}

.search-drop-holder .photogallery ul li {
    float: left;
    width: 100px;
    height: 100px;
    margin-right: 0px;
    margin-top: 10px;
}

.search-drop-holder .photogallery ul li a img {
    width: 100%;
    float: left;
    height: 100%;
}

.search-drop-holder .photogallery ul li:nth-child(3n) {
    float: left;
    margin-right: 0;
}

.search-drop-holder .hotel-detail-leftcontent > div {
    margin-bottom: 60px;
    float: left;
    width: 100%;
}

.search-drop-holder .hotel-detail-leftcontent > div > h2 {
    font-family: "lato",Arial,sans-serif;
    font-size: 28px;
    color: #424242;
    border-bottom: 2px solid #424242;
}

.search-drop-holder .htlname > h3 {
    font-size: 30px;
    width: auto;
    float: left;
}

.search-drop-holder .htlname > .five-stars-container {
    float: left;
    margin-left: 18px;
    margin-top: 14px;
}

.search-drop-holder .search-drop-holder .detail-hotel-name > small {
    font-size: 22px;
    width: 100%;
    float: left;
}

.search-drop-holder .detail-hotel-name > small {
    font-size: 14px;
    width: 100%;
    float: left;
    position: relative;
    top: -16px;
    margin-left: 8px;
}

.search-drop-holder .detail-hotel-name > small i:before {
    font-size: 22px;
    left: -6px;
    position: relative;
    top: 1px;
    color: red;
}

.search-drop-holder .htlname {
    width: 100%;
    float: left;
}

.search-drop-holder .hotel-detail-leftcontent .detail-hotel-name {
    margin-bottom: 30px;
    float: left;
    width: 100%;
}

.search-drop-holder .room-type .htlDetail-head > div {
    background: #f0ffff;
}

.search-drop-holder .room-type .htlDetail-head > div:nth-child(2), .search-drop-holder .room-type .htlDetail-head > div:nth-child(3), .search-drop-holder .room-type .htlDetail-head > div:nth-child(4) {
    text-align: center;
}

.search-drop-holder .room-type .htlDetail-row.row > div:nth-child(2), .search-drop-holder .room-type .htlDetail-row.row > div:nth-child(3), .search-drop-holder .room-type .htlDetail-row.row > div:nth-child(4) {
    text-align: center;
}

.search-drop-holder .room-type .htlDetail-head div {
    font-size: 14px;
    font-weight: bold;
    padding-top: 8px;
    padding-bottom: 8px;
}

.search-drop-holder .room-type .htlDetail-row div {
    font-size: 14px;
    margin-bottom: 0;
    float: left;
    width: 100%;
}

.search-drop-holder a.cancel-policy {
    font-size: 12px;
    color: red;
    margin-top: 4px;
    float: left;
    text-align: center;
    width: 100%;
}

.search-drop-holder a.cancel-policy:hover {
    color: #bd0000;
}

.search-drop-holder p.include-tax {
    font-size: 12px;
    color: #4CAF50;
}

.search-drop-holder p.ddrooms {
    font-size: 16px;
    font-weight: normal;
    color: #000000;
    margin-bottom: 0;
}

.search-drop-holder span.inclusions {
    font-size: 13px;
}

.search-drop-holder strong.amenities-more {
    color: #2da5ff;
    cursor: pointer;
    text-transform: capitalize;
}

.search-drop-holder .amenities-more-drp {
    display: none;
}

.search-drop-holder .htlDetail-head > div, .search-drop-holder .htlDetail-row.row > div {
    /*  padding: 0; */
}

.search-drop-holder .htlDetail-row.row {
    margin-top: 0;
    border-bottom: 1px solid #e0e0e0;
    padding: 10px 0;
}

.search-drop-holder .room-type.row {
    padding: 0 8px;
    margin: 0;
}

.search-drop-holder .room-type.row i {
    font-style: normal;
    margin-right: 2px;
    font-weight: bold;
}

.search-drop-holder .drp-description {
    font-size: 13px;
}

.search-drop-holder .room-detail-amenties ul li {
    float: left;
    width: 50%;
    padding: 0 8px;
    margin: 7px 0;
}

.search-drop-holder .room-detail-amenties ul li i.fa.fa-check, .search-drop-holder .room-detail-amenties ul li i.fa.fa-times {
    color: #8BC34A;
    font-size: 24px;
    font-weight: normal;
}

.search-drop-holder .room-detail-amenties ul li i.fa.fa-times {
    color: #ff0000;
}

.search-drop-holder .amenities-more-drp {
    padding-top: 20px;
    padding-bottom: 16px;
    box-shadow: 0px 0px 14px #d4d4d4 inset;
}

.search-drop-holder .room-type .htlDetail-head > div {
    background: #fbfbfb;
    color: #424242;
    border-bottom: 1px solid #e8e8e8;
    padding: 4px;
}

.search-drop-holder .location-content address {
    font-size: 15px;
    color: #000;
}

.search-drop-holder .location-content h3 {
    color: #b9b8b8;
}

.search-drop-holder .detail-provider-logo {
    float: right;
    margin-top: 14px;
}

.search-drop-holder ul.gallery.clearfix li a {
    position: relative;
    display: block;
    height: 100%;
    width: 100%;
}

.search-drop-holder ul.gallery.clearfix li a:hover:after {
    background: rgba(255, 255, 255, 0.79);
    position: absolute;
    content: "";
    width: 100%;
    left: 0;
    top: 0px;
    height: 100%;
}

.grid-popup-scroll.flexcroll .search-drop-holder ul.gallery.clearfix li a:hover:after {
    width: 255px;
    left: -255px;
}

.search-drop-holder ul.gallery.clearfix li a:hover:before {
    content: "\f002";
    position: absolute;
    z-index: 99;
    left: calc(50% - 20px);
    top: calc(50% - 20px);
    font-family: fontawesome;
    font-size: 26px;
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    color: #333;
}

.search-drop-holder .htldtil-sidebar {
    background: white;
    border: 2px solid #c9e8ff;
    box-shadow: 4px 6px 3px #c5c5c5;
}

.search-drop-holder .sb-htldtil-price > .price {
    font-size: 30px;
    float: left;
    margin: 40px 0;
}

.search-drop-holder .sb-htldtil-modify-cont > div .icon--fumi {
    font-size: 27px;
    padding: 10px 2px;
}

.search-drop-holder .cancel-popup-holder h2 {
    margin-top: 20px;
    color: #2da5ff;
    margin-bottom: 0;
}

.search-drop-holder .cancel-popup-holder {
    padding: 0 20px 20px;
}

.search-drop-holder .form-selectbx.roomselect span.form-selec:before {
    right: -8px;
}

.search-drop-holder .htld-fullwidth > strong.pull-left {
    font-size: 16px;
}

.search-drop-holder .form-group.col-sm-6.col-md-12.sb-booknow-btn {
    padding: 0;
}

.search-drop-holder .sb-htldtil-price-holder {
    width: 100%;
    margin: 24px 0;
    float: left;
}

.search-drop-holder .sb-htldtil-price-holder .price {
    float: left;
    width: 100%;
    text-align: left;
}

.search-drop-holder .sb-htldtil-price-holder .price > i {
    font-size: 10px;
    float: left;
    width: 100%;
    margin-top: 4px;
    font-style: normal;
    text-transform: capitalize;
    color: #9E9E9E;
}

.search-drop-holder .sb-htldtil-price-holder .price > strong {
    font-size: 28px;
}

.search-drop-holder .htld-fullwidth {
    margin-bottom: 2px;
    display: block;
    float: left;
    width: 100%;
    border-top: 1px solid #E0E0E0;
    padding-top: 12px;
}

.search-drop-holder .available-btn button {
    margin: 0;
    height: 30px;
    font-size: 13px;
    line-height: normal;
}

.search-drop-holder .room-type .htlDetail-row .available-btn {
    margin-bottom: 2px;
    margin-top: 0;
    width: auto;
    float: right;
    position: relative;
}

.search-drop-holder .sb-htldtil-price {
    margin-bottom: 40px;
}

.search-drop-holder h2.htlpopup-hd {
    background: #2da5ff;
    color: #fff;
    padding: 10px 22px;
    width: 101.7%;
    font-size: 22px;
    text-transform: capitalize;
    margin: 0;
}

.search-drop-holder .htldtil-scrollmenu {
    float: left;
    width: 100%;
}

.search-drop-holder ul.dlscroll {
    float: left;
    width: 100%;
    background: #424242;
}

.search-drop-holder .htldtil-scrollmenu ul li a {
    float: left;
    padding: 12px 47px;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
}

.search-drop-holder .sliding-middle-out {
    display: inline-block;
    position: relative;
    padding-bottom: 3px;
}

.search-drop-holder .sliding-middle-out:after {
    content: '';
    display: block;
    margin: auto;
    height: 3px;
    width: 0px;
    background: transparent;
    transition: width .5s ease, background-color .5s ease;
    margin-top: 5px;
}

.search-drop-holder .sliding-middle-out:hover:after {
    width: 100%;
    background: #2da5ff;
}

.search-drop-holder .sliding-middle-out.active-line:after {
    width: 100%;
    background: #2da5ff;
}

.search-drop-holder .htlDetail-head.row {
    margin-top: 0;
}

.search-drop-holder .photogallery {
    float: left;
    width: 100%;
}

.search-drop-holder .detail-guest-holder .form-group.row > div {
    height: 50px;
}

.hotel-guest-leftcontent {
    .search-drop-holder background: #fff;
}

.search-drop-holder .detail-guest-holder label.input__label.input__label--fumi.country-code {
    padding: 0 0 0 2px;
}

.search-drop-holder .detail-guest-holder .country-code-hld.input--fumi:after {
    content: '';
    width: 0px;
}

.search-drop-holder .detail-guest-holder span.input.input--fumi.country-code-hld input.input__field.input__field--fumi {
    padding: 21px 0 5px 2px;
}

.search-drop-holder span.input.input--fumi.country-code-hld {
    padding-left: 4px;
}

.search-drop-holder .form-group.outsider-select {
    display: none;
}

.search-drop-holder .detail-guest-holder .chec-collect {
    padding-top: 22px;
}

.search-drop-holder .detail-guest-holder .form-selectbx select {
    background-position: -11px 0;
    height: 51px;
}

.search-drop-holder .detail-guest-holder span.form-selec.htl-gend:before {
    right: -3px;
    top: 3px;
}

.search-drop-holder .detail-guest-holder .form-selec.htl-gend select {
    background-position: -15px 0;
    background-repeat: no-repeat;
}

.search-drop-holder .detail-guest-holder .form-group.outsider-select > h2 {
    color: #2da5ff;
    margin-bottom: 6px;
}

.search-drop-holder .htl-gcoupon-btn a {
    display: table-cell;
    vertical-align: middle;
    padding: 0 0 2px;
    position: relative;
    color: #2da5ff;
    font-size: 15px;
    position: relative;
    left: 34px;
    top: 18px;
    border-bottom: 1px solid #2da5ff;
}

.search-drop-holder .htl-gcoupon-btn a:hover {
    color: #1870b1;
    border-bottom: 1px solid #1870b1;
}

.search-drop-holder .coupon-holder > div {
    padding: 0 6px 0 0;
}

.search-drop-holder .guest-detail-total > div {
    width: 75%;
}

.search-drop-holder .final-pay.gba-right.guest-total > .price * {
    font-size: 20px;
}

.search-drop-holder .final-pay.gba-right.guest-discount-total > .price * {
    font-size: 14px;
    color: #2E7D32;
}

.search-drop-holder .final-pay.gba-right.guest-all-total {
    margin-top: 16px;
    border-top: 1px solid #ccc;
    padding-top: 10px;
}

.search-drop-holder .gba-right.guest-mp-btn {
    float: right;
    margin-top: 0;
}

.search-drop-holder .sb-htldtil-title-holder > h4 {
    font-size: 16px;
    color: #ff7800;
    margin: 24px 0 0;
}

.search-drop-holder .sb-htldtil-title-holder > h4 small i:before {
    font-size: 28px;
    margin-right: 6px;
}

.search-drop-holder .sb-htldtil-title-holder {
    margin: 2px 0 32px;
    float: left;
}

.search-drop-holder .sb-htldtil-title-holder > h4 small strong {
    float: left;
    width: 90%;
}

.search-drop-holder .sb-htldtil-title-holder > h4 small i {
    float: left;
}

.search-drop-holder .sb-htldtil-title-holder > h4 small {
    float: left;
    width: 100%;
    margin-top: 8px;
    line-height: 14px;
}

.search-drop-holder .guest-review {
    float: right;
    margin-top: 6px;
}

.search-drop-holder .form-group.outsider-select {
    float: left;
    width: 100%;
    background: #f8fcff;
    padding: 10px 2px;
    box-shadow: 0 0px 10px #d5edff inset;
}

.search-drop-holder .detail-guest-holder .person-information h2:after {
    background: #2d3e52 none repeat scroll 0 0;
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    top: 34px;
    width: 90%;
    float: left;
}

.respon-htl-book-btn {
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    /* height: 50px; */
    background-color: #fff;
    padding: 10px;
    display: none;
}

.respon-htl-book-btn .btn {
    width: 100%;
    background-color: red;
    color: #fff;
    font-size: 18px;
}

/****************\\\\\ Hotel Detail Old \\\\\**************************/
/*****************  HOTEL *****************/
.hotel-hmePge .onlineBenefits-gridHolder {
    width: 100%;
    clear: both;
}

.hotel-hmePge .ob-row.ob-left {
    background: #1e3a07;
    background: -moz-linear-gradient(left, #1e3a07 0%, #637d4d 100%);
    background: -webkit-linear-gradient(left, #1e3a07 0%,#637d4d 100%);
    background: linear-gradient(to right, #1e3a07 0%,#637d4d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e3a07', endColorstr='#637d4d',GradientType=1 );
}

.hotel-hmePge .discountPromise-gridHolder > .hdp-row > .dp-Grid1 {
    /* float: left; */
    margin-right: 30px;
    position: relative;
    height: 360px;
    width: 260px;
    box-shadow: none;
    /* cursor: pointer; */
    /* border-radius: 230px; */
    /* overflow: hidden; */
}

.hotel-hmePge span.hpDp-gridImg > img, .hotel-hmePge .hpPo-gridImg> img {
    width: 100%;
    position: relative;
    top: 0;
    height: 100%;
}

.hotel-hmePge span.hpDp-gridCap > h3 {
    /* background: #f2f2f2; */
    /*background: -moz-linear-gradient(top,  #f2f2f2 0%, #dadada 49%, #ffffff 51%, #ffffff 100%);*/
    /* background: -webkit-linear-gradient(top,  #f2f2f2 0%,#dadada 49%,#ffffff 51%,#ffffff 100%); */
    /* background: linear-gradient(to bottom,  #f2f2f2 0%,#dadada 49%,#ffffff 51%,#ffffff 100%); */
    /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 );*/
    /* -webkit-background-clip: text; */
    /* -webkit-text-fill-color: transparent; */
    font-weight: normal;
    border-bottom: 1px solid rgba(144, 59, 101, 0.3411764705882353);
    padding-bottom: 4px;
    margin-bottom: 4px;
    font-size: 22px;
    color: #903a64;
}

.hotel-hmePge span.HtlgridPriceHold > span.gridPrice {
    float: left;
    font-size: 14px;
    /* background: #f2f2f2; */
    /* background: -moz-linear-gradient(top, #f2f2f2 0%, #dadada 49%, #ffffff 51%, #ffffff 100%);/* 
	/* background: -webkit-linear-gradient(top, #f2f2f2 0%,#dadada 49%,#ffffff 51%,#ffffff 100%); */
    /* background: linear-gradient(to bottom, #f2f2f2 0%,#dadada 49%,#ffffff 51%,#ffffff 100%); */
    /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 );*/
    /* -webkit-background-clip: text; */
    /* -webkit-text-fill-color: transparent; */
    font-weight: normal;
    padding-left: 6px;
    top: 6px;
    color: #06425c;
}

.hotel-hmePge span.hpDp-gridCap:after {
    content: "";
    /* background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 69%, rgba(0,0,0,1) 79%);*/
    /* background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 69%,rgba(0,0,0,1) 79%); */
    /* background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 69%,rgba(0,0,0,1) 79%); */
    /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );*/
    height: 118px;
    width: 100%;
    float: left;
    position: absolute;
    left: 0;
    bottom: -8px;
    z-index: 1;
}

.hotel-hmePge span.hpDp-gridCap > h3, span.HtlgridPriceHold > span {
    position: relative;
    z-index: 12;
}

.hotel-hmePge span.HtlgridPriceHold > span.gridViewBtn {
    float: right;
    font-size: 14px;
}

.hotel-hmePge span.HtlgridPriceHold > span.gridViewBtn {
    float: right;
    font-size: 14px;
    border-radius: 2px;
    padding: 4px 22px;
    color: #fff7fb;
    background: rgb(80, 3, 40);
    /*background: -moz-linear-gradient(top,  rgba(0,108,234,1) 0%, rgba(50,216,255,1) 99%);*/
    /* background: -webkit-linear-gradient(top,  rgba(0,108,234,1) 0%,rgba(50,216,255,1) 99%); */
    /* background: linear-gradient(to bottom,  rgba(0,108,234,1) 0%,rgba(50,216,255,1) 99%); */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006cea', endColorstr='#32d8ff',GradientType=0 );*/
    border: 1px solid #500328;
    font-weight: normal;
}

.hotel-hmePge span.HtlgridPriceHold > span.gridViewBtn:hover {
    background: rgb(255, 247, 251);
    /* background: -moz-linear-gradient(top,  rgba(50,216,255,1) 0%, rgba(0,108,234,1) 100%); */
    /* background: -webkit-linear-gradient(top,  rgba(50,216,255,1) 0%,rgba(0,108,234,1) 100%); */
    /* background: linear-gradient(to bottom,  rgba(50,216,255,1) 0%,rgba(0,108,234,1) 100%); */
    /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#32d8ff', endColorstr='#006cea',GradientType=0 ); */
    color: #510429;
}

.hotel-hmePge .testimonial-box-wrapper {
    background: url(../../images/hotels/testi-bg.jpg) center center no-repeat;
    height: 436px;
    display: block;
    width: 100%;
    background-size: cover;
}

.hotel-search-bar .row.hw-psngr.hme-srchopt-mbl > .rooms-option-hold {
    position: relative;
    top: 0;
    width: 100%;
    margin: 0;
    padding-top: 34px;
}

.hotel-search-tab .hm-trvlr .input--filled .icon--kohana {
    position: absolute;
    bottom: 6px;
    font-size: 24px;
    left: 8px;
    color: #903963;
    display: none;
}

.wrapper-demo #HtlRmCls {
    position: absolute;
    top: 17px!important;
    right: 10px;
    color: #888!important;
    font-size: 18px;
    z-index: 1;
    cursor: pointer;
    display: block;
}

#htlCheckIn, #htlCheckOut {
    top: 2px;
}

#htlCheckIn {
    padding-right: 10px;
}

#htlCheckOut {
    padding-left: 10px;
    padding-right: 25px;
}

#hotelRoomAdd {
    font-size: 12px;
    font-weight: bold;
}

.htlDetailHolder .item.list-group-item article.box .searchfare-details-drpdwn.hotel-searchfare {
    display: block;
    z-index: 9999;
}

.modify-hotel .modify-Htldestination > div >span {
    text-align: center;
}

.modify-hotel .modify-Htldestination > div, .modify-hotel .modify-Htldestination > div >span {
    /* float: left; */
    /* width: 33%; */
    /* padding: 0; */
}

.modify-hotel .modify-Htldestination .modify-date {
    padding: 0px 5px;
}

.modify-hotel .modify-Htldestination .modify-date:after {
    content: '';
    display: table;
    clear: both;
}

.modify-hotel .modify-Htldestination .modify-cityname span.htl-mod-cityname strong {
    padding: 0px;
    padding-right: 10px;
}

.modify-hotel .modify-Htldestination > div >span strong {
    font-weight: normal;
    font-size: 24px;
    position: relative;
    color: #ffffff;
    float: left;
    padding: 0 10px 6px 0;
}

.modify-hotel .modify-Htldestination .modify-cityname span.htl-mod-cityname {
    display: inline-block;
    vertical-align: middle;
}

.modify-hotel .modify-Htldestination .modify-cityname span.mod-subDestination {
    font-size: 14px;
    margin-top: 5px;
    color: #ffffff;
    text-align: left;
    display: inline-block;
    vertical-align: middle;
}

.modify-hotel .modify-search-holder.container .row > div.modify-date {
    padding: 0;
    /* height: 74px; */
}

.modify-hotel .modify-search-holder .modify-btns {
    padding-top: 0;
}

.modify-hotel .modify-date > div {
    float: left;
    width: auto;
    margin-bottom: 2px;
    margin-top: 2px;
    height: auto;
}

.modify-hotel .modify-date > div.modify-psngr-btn {
    float: left;
    width: auto;
    /* margin-top: 0; */
    padding: 0;
}

.modify-hotel .modify-on-ret > div {
    float: left;
    width: auto;
    font-size: 14px;
    position: relative;
    padding: 2px 2px;
}

.modify-hotel .modify-psngr-btn > div.modify-passengers {
    width: 100%;
    float: left;
}

.modify-hotel .modify-psngr-btn > div.modify-passengers > span {
    float: left;
    width: auto;
    border-right: 1px solid #06425c;
    padding: 0 5px;
    text-align: center;
}

.modify-hotel .modify-passengers > span > i {
    font-style: normal;
    padding: 2px;
    width: 20px;
    display: inline-block;
    text-align: center;
}

.modify-hotel .modify-button button.c-button {
    margin: 0;
}

.modify-hotel .filter-drpdwn {
    top: 79px;
    /* border-top: 2px solid #06425c;
    background: #06425c; */
}

.modify-hotel .modify-Htldestination > div >span strong:before {
    content: '\e85d';
    font-family: "soap-icons";
    color: #2da5ff;
    margin-right: 4px;
    font-size: 28px;
}

.modify-hotel .modify-Htldestination > div >span strong:before {
    content: '\e85d';
    font-family: "soap-icons";
    color: #ff7800;
    margin-right: 4px;
    font-size: 30px;
    position: absolute;
    left: -21px;
    top: 0px;
    display: none;
}

.modify-hotel .modify-drpdwn.slide-up {
    position: relative;
    width: 100%;
    background: #17227d;
    top: 0px;
    float: left;
    z-index: 999;
    border-top: none;
}

.modify-hotel span.htlFilter-close {
    width: 30px;
    height: 30px;
    float: left;
    position: absolute;
    right: 8px;
    top: 0;
    cursor: pointer;
    z-index: 999;
    box-shadow: 2px 2px 5px 1px #333333;
    background: #8BC34A;
    display: none;
}

.modify-hotel span.htlFilter-close:before {
    content: "X";
    font-size: 16px;
    position: absolute;
    right: 8px;
    top: 8px;
    font-family: inherit;
    opacity: 1;
    color: #ffffff;
}

.modify-hotel span.htlFilter-close:hover:before {
    opacity: 1;
}

.modify-hotel .hotel-fSearch-bar.filter-hSearch-bar {
    width: 100%;
    position: relative;
    top: 0;
    padding: 18px 0;
    /* background: #003248; */
    z-index: 99;
}

.multiselect,.htlSearch-filter-all .btn-group {
    width: 100%;
}

.htlSearch-filter-all .selectBox {
    position: relative;
}

.htlSearch-filter-all .selectBox select {
    width: 100%;
    font-weight: bold;
}

.htlSearch-filter-all .overSelect {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.htlSearch-filter-all .searchFilterChkbox {
    display: none;
    border: 1px #dadada solid;
}

.htlSearch-filter-all .searchFilterChkbox label {
    display: block;
}

.htlSearch-filter-all .searchFilterChkbox label:hover {
    background-color: #1e90ff;
}

.HtlSlctBx button.multiselect.dropdown-toggle.btn.btn-default {
    background: #f5f5f5;
    border: none;
    color: #999;
    text-align: left;
    border: none;
    border-radius: 8px;
    border-bottom: none;
    padding-left: 2px;
    position: relative;
    display: none;
}

.HtlSlctBx .open > .dropdown-menu {
    display: block;
    width: 100%;
    padding-top: 10px;
    top: 70px;
    height: auto;
}

.HtlSlctBx .btn .caret {
    margin-left: 0;
    float: right;
    bottom: 20px;
    position: absolute;
    color: #999;
    right: 12px;
}

.HtlSlctBx > b {
    float: left;
    width: 100%;
    color: #999;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 5px;
}

.row.htlSearch-filter-all {
    padding: 30px;
}

.HtlSlctBx button.multiselect:before {
    font-family: "soap-icons";
    font-size: 20px;
    margin-right: 8px;
    color: #999;
    margin-left: 10px;
}

.HtlSlctBx.filtLblHotel button.multiselect:before {
    content: '\e82d';
}

.HtlSlctBx.filtLblPrice button.multiselect:before {
    content: '\f0d6';
    font-family: fontawesome;
}

.HtlSlctBx.filtLblAmenities button.multiselect:before {
    content: '\f0f5';
    font-family: fontawesome;
}

.HtlSlctBx.filtLblPopularity button.multiselect:before {
    content: '\f005';
    font-family: fontawesome;
}

.HtlSlctBx.filtLblDestination button.multiselect:before {
    content: '\f041';
    font-family: fontawesome;
}

.HtlSlctBx.filtLblSearch .searchHoteltxt {
    background: #f5f5f5;
    border: none;
    border-bottom: none;
    padding: 10px 10px 12px 34px;
    width: 100%;
    font-size: 14px;
    color: #000;
    border-radius: 6px;
}

.HtlSlctBx.filtLblSearch > b {
    background: none;
    border: none;
    border-bottom: 1px solid #fff;
    padding: 28px 10px 5px 34px;
    width: 100%;
}

.HtlSlctBx.filtLblSearch i.fa.fa-search {
    position: absolute;
    bottom: 10px;
    font-size: 22px;
    color: #999;
    left: 23px;
}

.hotelListCnt .listing-style3.flight figure span img {
    margin: 0;
}

.hotelListCnt .item.list-group-item article.box {
    padding: 0;
}

article.box.Hotel-search-holder figure .hotel-gallery a:after {
    content: "";
    background: url(../../images/hotels/img_loader.gif) center center no-repeat;
    height: 180px;
    float: left;
    width: 94%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    border-right: 1px solid #e4e4e4;
}

.hotelListCnt article.box.Hotel-search-holder img {
    width: 100%;
    height: 190px;
    z-index: 1;
    position: relative;
    border-radius: 10px 0 0 10px;
}

.hotelListCnt article.box.Hotel-search-holder .details-wrapper.hotel-contentListCntiner strong {
    color: #000000;
    font-size: 17px;
    font-weight: normal;
}

.hotelList .details-wrapper .tooltip.top {
    width: 180px;
    padding: 5px 0;
}

.htlDetailHolder .item.list-group-item article.box div.details {
    border-left: none!important;
    border-right: none!important;
    z-index: 0;
    position: relative;
}

.hotelListCnt .details-wrapper.hotel-contentListCntiner {
    float: left;
    width: 100%;
}

.hotelListCnt .list-description > p {
    margin: 0;
    line-height: 16px;
    padding-right: 4px;
}

.hotelListCnt .list-description > h5 {
    margin: 0;
    margin-bottom: 4px;
    color: #2da5ff;
}

.hotelListCnt .list-description {
    margin-top: 4px;
}

.hotelListCnt .details-wrapper.hotel-contentListCntiner .fd-grdleft {
    background: transparent;
    padding: 15px;
    /* padding-top: 0px; */
    float: left;
    width: 100%;
    position: relative;
    z-index: 1;
    /* border-bottom: 1px solid #f5f5f5; */
    left: 0;
    line-height: normal;
    min-height: 75px;
    display: table-cell;
    vertical-align: middle;
}

.hotelListCnt .details-wrapper.hotel-contentListCntiner h3.box-smallTitle {
    margin: 0;
    margin-top: 0;
    line-height: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

.hotelList .box.Hotel-search-holder {
    display: table;
}

.hotelListCnt article.box.Hotel-search-holder .fare-price .details-wrapper {
    /*     padding: 16px 10px;
		transform: translateX(10%) translateY(24%);
		box-shadow: 0px 1px 8px 0px #c3c3c3;
		width: 124px;
		float: none;
		display: inline-block;
	margin: auto; */
    display: table-cell;
    padding: 0px 0px;
    float: left;
    vertical-align: middle;
    /* box-shadow: 0 0 12px 2px #e6e6e6; */
    /* transform: translateX(5px) translateY(10%); */
    /* background: white; */
    position: relative;
    /* z-index: 1; */
    width: 100%;
    /* border-top: 1px solid #f5f5f5; */
}

.hotelListCnt .list-amenities {
    display: none;
    width: 100%;
    margin: 6px 0 0;
    padding: 0 10px;
}

.hotelListCnt a.search-fulldetails {
    text-align: center;
    text-decoration: none;
}

.hotelListCnt .details-wrapper.hotel-contentListCntiner .grid-grdleft {
    position: relative;
    height: 52px;
    width: 100%;
    background: #f9f9f9;
    left: 0;
    display: none;
}

.hotelListCnt .listing-style3 [class^="soap-icon"].circle {
    background: #FFFFFF;
    border: 1px solid #ffffff;
    color: #ff0000;
    width: auto;
    height: initial;
    margin-left: 7px;
    line-height: 0;
    position: relative;
    top: 4px;
    background: none;
    border: none;
}

.hotelListCnt .list-group-item .fd-grdright ul li > label > span.price-txt {
    color: #8c8b8c;
    float: none;
    margin-bottom: 0;
}

.hotelListCnt h3.box-smallTitle small {
    color: #297db3;
}

.hotelListCnt .details-wrapper.hotel-contentListCntiner h3.box-smallTitle i.fa.fa-map-marker {
    color: #f39100;
    margin-right: 2px;
    display: none;
}

.hotelListCnt .sidebar h3.box-smallTitle small {
    color: #999;
    line-height: normal;
    width: 100%;
    float: left;
    cursor: pointer;
}

.hotelListCnt .sidebar .starRating-Holder {
    margin: 0;
    width: 100px;
    position: initial;
    top: 0;
    padding-left: 0;
    float: left;
    padding-top: 6px;
}

.hotelListCnt .sidebar .fd-grdleft h4.box-title {
    float: left;
    width: 100%;
    margin: 0;
    background: transparent;
    padding: 0;
    text-align: left;
}

.hotelListCnt .sidebar h3.box-smallTitle i.fa.fa-map-marker {
    color: #779638;
    margin-right: 7px;
    position: relative;
    top: 1px;
    left: 2px;
    float: left;
    display: none;
}

.hotelListCnt .fd-grdright ul li > label {
    width: 100%;
    margin: 0;
}

.hotelListCnt ul.amenities.clearfix.style2 > li > div, .hotel-details-drpdwn ul.amenities.clearfix.style2 > li > div {
    background: #f5f5f5;
    width: 100%;
    padding: 6px 0;
    box-shadow: 1px 1px 1px 1px #dcdcdc;
    color: #424242;
}

.htlDetailHolder .sort-by-section.box.only-tiles.htlSorting {
    background: transparent;
    margin-bottom: 10px;
    z-index: 0;
    padding: 0;
}

.htlDetailHolder .sort-by-section ul {
    background: #fcfcfc;
    border: 1px solid #fefefe;
    border-bottom: none;
}

.lHotelCount {
    /* float: left; */
    /* width: auto; */
    /* font-size: 16px; */
    /* line-height: 47px; */
    /* margin-left: 12px; */
    /* color: #f39100; */
}

.filterDrpdwnBtn {
    position: absolute;
    left: 0;
    right: 0;
    display: inline-block;
    text-align: center;
    height: 0;
}

.htlFilterdrpr {
    width: 12%;
    margin: auto;
    background: #2da5ff;
    margin-top: 2px;
    padding: 6px 8px;
    font-size: 16px;
    letter-spacing: 0.2px;
    border-radius: 0 0 20px 20px;
    cursor: pointer;
    display: none;
}

.htlFilterdrpr:before {
    content: "\f0b0";
    font-family: fontawesome;
    position: relative;
    left: -8px;
    font-size: 18px;
}

.htlDetailHolder .item.list-group-item article.box {
    margin: auto 0;
    /* border: 1px solid #d0d0d0; */
    width: 100%;
    background: #fff;
    border-radius: 10px;
    display: block;
    padding: 0;
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    box-shadow: 0px 0px 13px 0px rgb(0 0 0 / 13%);
}

.htlDetailHolder .item.list-group-item article.box:hover {
    /* -webkit-transform: translateY(-4px); */
    /* transform: translateY(-4px); */
    box-shadow: 0 4px 20px 0 rgb(0 0 0 / 8%);
    position: unset;
}

.filterDrpdwnBtn .session_counter {
    float: right;
    top: -31px;
    position: relative;
    background: #f39100;
    padding: 2px 20px;
    right: 19%;
    z-index: 0;
    font-size: 12px;
    color: white;
    pointer-events: none;
    width: 15%;
    margin: auto;
    border-radius: 0 0 6px 6px;
}

.hotelListCnt p.mainListDesc i {
    font-style: normal;
    color: #2da5ff;
    cursor: pointer;
}

section#content.htlDetailHolder {
    padding-top: 30px;
}

.modify-hotel .modify-Htldestination .modify-on-ret > div strong {
    font-size: 13px;
    position: relative;
    top: 0;
    display: inline-block;
    width: auto;
    text-align: center;
    color: #fff;
}

.modify-hotel .modify-passengers > span > strong {
    font-size: 14px;
    margin-right: 4px;
}

input.searchHoteltxt::-webkit-input-placeholder {
    font-size: 14px;
    color: #000;
}

input.searchHoteltxt:-moz-placeholder {
    font-size: 14px;
    color: #000;
}

input.searchHoteltxt::-moz-placeholder {
    font-size: 14px;
    color: #000;
}

input.searchHoteltxt:-ms-input-placeholder {
    font-size: 14px;
    color: #000;
}

.hotelListCnt article.box.Hotel-search-holder .search-drop-holder .photogallery img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.hotelListCnt .grid-group-item figure.col-xs-3.col-md-4 , .hotelListCnt .grid-group-item .details.col-xs-6.col-sm-6, .hotelListCnt .grid-group-item .fare-price.col-xs-3.col-sm-2 {
    width: 100%;
}

.hotelListCnt .grid-group-item article.box.Hotel-search-holder img, .hotelListCnt article.box.Hotel-search-holder figure > span {
    width: 100%;
    height: 180px;
}

.hotelListCnt article.box.Hotel-search-holder figure > span {
    display: block;
    height: 100%;
    position: relative;
    margin: 0;
}

.hotelListCnt article.box.Hotel-search-holder figure > span.flightName:empty {
    display: none;
}

.hotelListCnt .grid-group-item .details-wrapper.hotel-contentListCntiner .fd-grdleft {
    width: 100%;
    z-index: 1;
    left: 0;
}

.hotelListCnt .grid-group-item article.box.Hotel-search-holder .fare-price .details-wrapper {
    display: inline-block;
    transform: translateX(0) translateY(0);
    width: 100%;
    padding: 12px 8px;
}

.hotelListCnt .grid-group-item span.flprice, .hotelListCnt .grid-group-item .fd-grdright label > span.price-txt {
    width: 100%;
    text-align: center;
}

.hotelListCnt .grid-group-item .rating {
    border: none;
    float: none;
    margin: auto;
    width: 34%;
}

.modify-hotel .multiselect-container>li>a {
    padding: 0px 8px;
}

.modify-hotel .price-boxes span.from-price, .modify-hotel .price-boxes span.to-price {
    width: 46%;
    margin-right: 8px;
}

.modify-hotel .priceslider {
    float: left;
    margin: 0;
    padding: 12px 20px;
    box-shadow: none;
}

.modify-hotel .open > .dropdown-menu {
    display: block;
    width: 100%;
    max-height: 198px;
    overflow: auto;
}

.modify-hotel .HtlSlctBx.filtLblPrice.open > .dropdown-menu {
    overflow: hidden;
    max-height: 84px;
}

.modify-hotel .price-boxes .input__field--fumi {
    padding: 0 0 0 30px;
    font-size: 18px;
}

.HtlSlctBx .price-boxes label.input__label.input__label--fumi {
    padding: 0;
    margin-top: -13px;
    font-size: 15px;
    margin-left: -4px;
    left: 0;
}

.price-boxes label.input__label.input__label--fumi i em {
    font-style: normal;
}

.modify-hotel .input--fumi::after {
    content: '';
    width: 0;
}

.filter-hSearch-bar .dropdown-menu>.active>a, .filter-hSearch-bar .dropdown-menu>.active>a:hover, .filter-hSearch-bar .dropdown-menu>.active>a:focus {
    color: #000;
    text-decoration: none;
    outline: 0;
    background-color: transparent;
}

.modify-hotel .home-search-bar i.soap-icon-calendar.icon.icon--kohana.arrive.calu {
    right: 147px;
    z-index: -1;
}

.modify-hotel .home-search-bar .tab-content {
    /* background: none; */
}

form#hotelsSearchForm {
    padding: 10px 10px;
    /* padding-bottom: 30px; */
    /* background-color: #fff; */
    border-radius: 15px;
}

form#hotelsSearchForm .row.hw-psngr .form-group {
    margin-bottom: 0;
}

.modify-hotel span.modifysr-close {
    width: 28px;
    height: 26px;
    float: left;
    position: absolute;
    right: 0px;
    top: 0;
    cursor: pointer;
    z-index: 9999;
    /* box-shadow: 2px 2px 5px 1px #042e40; */
    /* background: #8BC34A; */
    color: #000;
}

.modify-hotel span.modifysr-close:hover:before {
    color: #fff;
    opacity: 1;
}

.modify-hotel .modifysr-close:before {
    content: "X";
    font-size: 16px;
    position: absolute;
    right: 8px;
    top: 4px;
    font-family: inherit;
    opacity: 1;
}

.HotelPdetailPge h4.bform-hotel-det >div {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    text-align: left;
    border-bottom: 1px solid #eee;
}

.HotelPdetailPge h4.bform-hotel-det > div > span.htl-one {
    width: auto;
    float: left;
    background: transparent;
    color: #333;
    font-size: 14px;
    padding: 3px;
    /* border: 1px solid #ddd; */
    font-weight: bold;
}

.HotelPdetailPge span.htl-one {
    padding: 6px 10px;
}

.HotelPdetailPge h4.bform-hotel-det > div > span {
    width: 50%;
    float: left;
    font-size: 14px;
    color: #645a98;
    padding: 6px 10px;
}

.HotelPdetailPge .bform-hotel {
    margin-bottom: 0;
    padding-top: 8px;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}

.HotelPdetailPge .bform-hotel h3.box-smallTitle {
    margin-bottom: 0;
}

.hotelListCnt .bform-hotel .rating {
    border: none;
    float: left;
    margin: auto;
    width: auto;
}

.hotelListCnt .bform-hotel strong {
    color: #010d6a;
    font-size: 18px;
    font-weight: normal;
}

.HotelPdetailPge h4.bform-hotel-det > div > span:nth-child(even) {
    padding: 2px 0px;
    width: auto;
}

.HotelPdetailPge .fare-detils .top-headd h4 {
    color: #645a98;
    font-weight: bold;
    float: left;
    margin-bottom: 20px;
}

.HotelPdetailPge .fare-detils .row {
    border-bottom: 1px solid #EEEEEE;
    margin: 0px 0px 0px 0px;
    padding-top: 10px;
}

.HotelPdetailPge h6.text-right {
    margin: 0 0 15px 0;
    padding: 0;
    font-size: 20px;
    font-weight: normal;
    line-height: normal;
}

.HotelPdetailPge .fare-detils h4 {
    margin: 0 0 15px 0;
    padding: 0;
    font-weight: normal;
    line-height: normal;
}

.HotelPdetailPge .mCSB_inside > .mCSB_container {
    margin-right: 16px;
    padding: 0 10px 0 15px;
}

.tot-price.text-right {
    padding: 0;
}

.tot-price.text-right i {
    text-decoration: none;
    font-style: normal;
}

.sb-htldtil-price {
    margin-bottom: 40px;
    padding: 0;
}

.sb-htldtil-price-holder {
    width: 100%;
    margin: 24px 0;
    float: left;
}

.sb-htldtil-price-holder .price {
    float: left;
    width: 100%;
    text-align: left;
}

.sb-htldtil-price-holder .price > strong {
    font-size: 28px;
}

.sb-htldtil-price-holder .price > i {
    font-size: 10px;
    float: left;
    width: 100%;
    margin-top: 4px;
    font-style: normal;
    text-transform: capitalize;
    color: #9E9E9E;
}

span.price > strong > i {
    font-style: normal;
}

table.sidebar-guestdetail thead th {
    background: transparent;
    color: #333;
    font-size: 14px;
    border: 1px solid #ddd;
}

table.sidebar-guestdetail thead tr th, table.sidebar-guestdetail tbody tr td {
    padding: 10px 6px;
    text-align: center;
}

table.sidebar-guestdetail tbody tr td:first-child {
    text-align: left;
}

table.sidebar-guestdetail thead tr th, table.sidebar-guestdetail tbody tr td {
    padding: 10px 3px;
    text-align: center;
}

table.sidebar-guestdetail {
    font-size: 13px;
    margin: 0;
}

table.sidebar-guestdetail tbody tr:nth-child(even) {
    background: #ecf9ff;
    border-top: 1px solid #ecf9ff;
    border-bottom: 1px solid #ecf9ff;
}

.htld-fullwidth {
    margin-bottom: 2px;
    display: block;
    float: left;
    width: 100%;
    border-top: 1px solid #E0E0E0;
    padding-top: 12px;
}

.htld-fullwidth > strong.pull-left {
    font-size: 14px;
}

span.pull-left.incld-tnf {
    font-size: 10px;
}

.starRating-Holder {
    /* margin: auto; */
    width: 100%;
    position: relative;
    /* top: -4px; */
    /* text-align: left; */
}

.starRating-Holder .starAll i:before {
    content: "\f005";
    color: #dedede;
    /**  #ffd700; **/
    font-size: 16px;
}

/**** star half ***/
.starRating-Holder .starh.starAll i:nth-child(1):before {
    content: "\f123";
    color: #ffd700;
}

/**** star 1 ***/
.starRating-Holder .star1.starAll i:nth-child(1):before {
    content: "\f005";
    color: #ffd700;
}

/**** star 1 half ***/
.starRating-Holder .star1h.starAll i:nth-child(1):before {
    content: "\f005";
    color: #ffd700;
}

.starRating-Holder .star1h.starAll i:nth-child(2):before {
    content: "\f123";
    color: #ffd700;
}

/**** star 2 ***/
.starRating-Holder .star2.starAll i:nth-child(1):before, .starRating-Holder .star2.starAll i:nth-child(2):before {
    content: "\f005";
    color: #ffd700;
}

/**** star 2 half ***/
.starRating-Holder .star2h.starAll i:nth-child(1):before, .starRating-Holder .star2h.starAll i:nth-child(2):before {
    content: "\f005";
    color: #ffd700;
}

.starRating-Holder .star2h.starAll i:nth-child(3):before {
    content: "\f123";
    color: #ffd700;
}

/**** star 3 ***/
.starRating-Holder .star3.starAll i:nth-child(1):before, .starRating-Holder .star3.starAll i:nth-child(2):before, .starRating-Holder .star3.starAll i:nth-child(3):before {
    content: "\f005";
    color: #ffd700;
}

/**** star 3 half ***/
.starRating-Holder .star3h.starAll i:nth-child(1):before, .starRating-Holder .star3h.starAll i:nth-child(2):before, .starRating-Holder .star3h.starAll i:nth-child(3):before {
    content: "\f005";
    color: #ffd700;
}

.starRating-Holder .star3h.starAll i:nth-child(4):before {
    content: "\f123";
    color: #ffd700;
}

/**** star 4 ***/
.starRating-Holder .star4.starAll i:nth-child(1):before, .starRating-Holder .star4.starAll i:nth-child(2):before, .starRating-Holder .star4.starAll i:nth-child(3):before, .starRating-Holder .star4.starAll i:nth-child(4):before {
    content: "\f005";
    color: #ffd700;
}

/**** star 4 half ***/
.starRating-Holder .star4h.starAll i:nth-child(1):before, .starRating-Holder .star4h.starAll i:nth-child(2):before, .starRating-Holder .star4h.starAll i:nth-child(3):before, .starRating-Holder .star4h.starAll i:nth-child(4):before {
    content: "\f005";
    color: #ffd700;
}

.starRating-Holder .star4h.starAll i:nth-child(5):before {
    content: "\f123";
    color: #ffd700;
}

/**** star 5 ***/
.starRating-Holder .star5.starAll i:nth-child(1):before, .starRating-Holder .star5.starAll i:nth-child(2):before, .starRating-Holder .star5.starAll i:nth-child(3):before, .starRating-Holder .star5.starAll i:nth-child(4):before, .starRating-Holder .star5.starAll i:nth-child(5):before {
    content: "\f005";
    color: #ffd700;
}

.hotelListCnt article.box.Hotel-search-holder .amenities > i img {
    width: 35px;
    height: 35px;
    padding: 0 3px;
    object-fit: contain;
}

.htlDetailHolder .search-loader-top {
    position: relative;
    top: -5px;
    padding: 16px 0;
}

.hotel-details-drpdwn ul.amenities.clearfix.style2 {
    margin-top: 12px;
    float: left;
    font-size: 14px;
    color: #000;
    text-align: center;
    width: 100%;
}

.hotel-details-drpdwn ul.amenities.clearfix.style2 li {
    float: none;
    margin-right: 0;
    padding: 0 4px;
    display: inline-block;
    width: auto;
}

.hotel-details-drpdwn ul.amenities.clearfix.style2 li div > img {
    width: 20px;
    height: initial;
    margin-right: 10px;
    float: left;
}

.hotel-details-drpdwn ul.amenities.clearfix.style2 li div {
    padding: 6px 14px;
    float: left;
    width: 210px;
    font-size: 14px;
    margin-bottom: 10px;
    text-align: left;
}

.available-btn ~ a {
    font-size: 12px;
    cursor: pointer;
    color: red;
}

.accordContent .detail-description .description-content p {
    color: #000;
    font-size: 14px;
}

/* .hotelList.searchresultsDiv.grid-group-item .details-wrapper.hotel-contentListCntiner .fd-grdleft */
.hotelList.searchresultsDiv.grid-group-item .details-wrapper.hotel-contentListCntiner > div {
    float: left;
    width: 100%;
}

.hotelList.searchresultsDiv.grid-group-item .details-wrapper.hotel-contentListCntiner .first-row {
    height: 85px;
    background: #f9f9f9;
    border-bottom: 1px solid #e6e6e6;
}

.hotelList.searchresultsDiv.grid-group-item .details-wrapper.hotel-contentListCntiner .first-row .fd-grdleft {
    height: 85px;
    background: #f9f9f9;
    border-bottom: 1px solid #e6e6e6;
    padding: 2px;
}

.hotelList.searchresultsDiv.grid-group-item .details-wrapper.hotel-contentListCntiner .second-row {
    height: 138px;
}

.hotelList.searchresultsDiv.grid-group-item .details-wrapper.hotel-contentListCntiner .starRating-Holder {
    margin: auto;
    width: 26%;
    position: relative;
    top: -4px;
}

.hotelList.searchresultsDiv.grid-group-item .details-wrapper.hotel-contentListCntiner {
    padding: 6px 5px;
    float: left;
    background: #ffffff;
    width: 100%;
}

.htlSearch-filter-all .HtlSlctBx button.multiselect.dropdown-toggle.btn.btn-default span {
    width: 82%;
    display: inline-block;
    overflow: hidden;
    position: relative;
    top: 4px;
    color: #999;
}

.hotelList.searchresultsDiv .list-amenities .amenities {
    height: 35px;
    max-width: 100%;
    overflow: hidden;
    float: left;
}

.hotelList.searchresultsDiv .list-amenities .showmoreAment {
    float: left;
    color: #E21900;
    padding: 0 2px;
    cursor: pointer;
    position: relative;
    top: 2px;
    /* display: none; */
    width: 100%;
    text-align: center;
    font-size: 14px;
}

.hotelFareDetails .faredetectdialog table.bookingDetectionDivCls > tr td:nth-child(odd) {
    width: 29%;
}

.hotelFareDetails .paypalOption, .hotelFareDetails .paymentArea {
    margin: 0;
}

.hotelFareDetails .paypalpay > span.paypal-txt select {
    background: none;
    border: 1px solid #ccc;
    margin-left: 10px;
    height: 41px;
    padding: 0 4px;
}

.page.hotel-hmePge span.ob-content.frnds-cont-div *, .page.hotel-hmePge span.ob-content ul li:before {
    color: #ffffff;
}

.modal.cancellation-policy {
    z-index: 99999;
}

.searchresultsDiv.grid-group-item .searchfare-details-drpdwn.hotel-searchfare {
    display: none !important;
}

.searchresultsDiv.grid-group-item nav.search-left-float {
    position: absolute;
    left: -10px;
    top: -2px;
    z-index: 9999;
}

.searchresultsDiv.grid-group-item article.box.Hotel-search-holder figure .hotel-gallery a:hover:after {
    width: 370px;
    z-index: 999;
}

.searchresultsDiv.grid-group-item article.box.Hotel-search-holder figure .hotel-gallery a:hover:before {
    right: 146px;
}

.input--fumi .adultbirthdatehotel::-webkit-input-placeholder {
    letter-spacing: -0.8px;
}

span.htlDetailldrp.pull-right {
    position: relative;
    left: 104px;
    top: 14px;
    font-size: 14px;
    color: #2da5ff;
}

span.htlDetailldrp.pull-right > a {
    cursor: pointer;
    font-size: 20px;
    background: transparent;
    /* width: 56px; */
    /* height: 34px; */
    display: inline-block;
    box-shadow: none;
    float: right;
    color: #000;
    padding: 10px;
}

span.htlDetailldrp.pull-right > a:before {
    /* content: "\f00d"; */
    font-family: fontawesome;
    font-size: 27px;
    color: #f00;
    text-align: center;
    width: 100%;
    display: inline-block;
    /* position: relative; */
    top: 6px;
}

span.htlDetailldrp.pull-right > a:hover {
    color: #1870b1;
}

table tr td span > span:nth-of-type(n+3) {
    background: #2da5ff;
    color: #fff;
    padding: 3px 2px;
    text-align: left;
    float: left;
    margin-bottom: 1px;
}

.booking-details.gobudgetair-box.movDivfrHtl {
    padding: 20px 0;
    border-radius: 8px;
    background-color: #f5f5f5;
}

.sidebar-img {
    float: left;
    margin-bottom: 12px;
}

.modalCategoryDesc ul.amenities.amenities-popup {
    margin-top: 12px;
    display: inline-block;
    height: 400px;
    overflow-y: auto;
}

.modalCategoryDesc ul.amenities.amenities-popup li {
    float: left;
    margin-right: 0;
    padding: 0 4px;
    width: 33.3333%;
}

.modalCategoryDesc ul.amenities.amenities-popup li div img {
    width: 20px;
    height: initial;
    margin-right: 4px;
}

.modalCategoryDesc ul.amenities.amenities-popup li div {
    padding: 6px 14px;
    float: left;
    min-width: 256px;
    font-size: 14px;
}

.modalCategoryDesc ul.amenities.amenities-popup li div {
    background: #f5f5f5;
    width: 100%;
    padding: 6px 8px;
    box-shadow: none;
    color: #424242;
    margin-bottom: 8px;
    min-width: initial;
    border-radius: 6px;
}

article.box.Hotel-search-holder figure .hotel-gallery a:not(:first-child) {
    display: none;
}

article.box.Hotel-search-holder figure .hotel-gallery a:before {
    content: '\e845';
    position: absolute;
    font-family: "soap-icons";
    font-size: 26px;
    z-index: 99999;
    text-shadow: 3px 1px 1px #656363;
    color: #fff;
    background: #297bb1;
    right: 10px;
    padding: 10px;
    width: 42px;
    height: 42px;
    border-radius: 6px;
    bottom: 10px;
    display: none;
}

article.box.Hotel-search-holder figure .hotel-gallery a:hover:after {
    background: rgba(255, 255, 255, 0.65);
    position: absolute;
    content: "";
    /* width: 366px; */
    left: 0;
    top: 0px;
    height: 180px;
    z-index: 9999;
    display: none;
}

article.box.Hotel-search-holder nav.search-left-float {
    top: initial;
}

.searchResultIs.hotelListCnt {
    float: left;
    width: 100%;
    padding: 0;
}

.flights-found-txt.hotelSearchTopEmail {
    /* float: left; */
    /* width: 88%; */
    /* top: 13px; */
    /* position: relative; */
    font-size: 14px;
    font-weight: bold;
    margin: 0;
}

.HtlSlctBx.filtLblPrice i {
    font-style: normal;
}

.search-drop-holder .mt-accordionBar .location-content h3 {
    color: #2da5ff;
}

.pp_pic_holder.pp_default .pp_social {
    margin-top: 7px;
    display: none;
}

.hotelListCnt .details-wrapper.hotel-contentListCntiner h3.box-smallTitle > small {
    cursor: pointer;
    font-size: 12px;
}

.hotelListCnt .details-wrapper.hotel-contentListCntiner h3.box-smallTitle > small:hover {
    color: #8BC34A;
}

label.chkBoxPrivacy.onePxBorder a.chkBoxCP {
    color: #01b7f2;
}

table.sidebar-guestdetail td span > span {
    width: 100%;
    float: left;
}

.sidebar .hotelListCnt h3.box-smallTitle small {
    float: left;
    width: 100%;
}

.sidebar .booking-details .other-details dd {
    padding: 6px 5px 6px;
}

.sessHotel.session_counter {
    top: 76px;
}

.search-loader-top.hotelListtLoader {
    margin-top: 24px;
    margin-bottom: 24px;
}

/*hotel-description*/
.attract-modals.cancellation-policy.in .modal-body p {
    color: #000;
    font-size: 14px;
}

.sb-htldtil-allprice-holder table.sidebar-guestdetail td span > span {
    line-height: 21px;
    padding-left: 2px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.sb-htldtil-allprice-holder table.sidebar-guestdetail tbody tr td:nth-child(1) {
    background: transparent;
    color: #333;
    position: relative;
    width: 100%;
    float: left;
    padding: 4px 0 0 2px;
    margin-top: 1px;
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 840px;
    }
}

.attract-modals.cancellation-policy .modal-dialog.hotel-map-popup .modal-content {
    height: 620px;
}

/*.sb-htldtil-allprice-holder table.sidebar-guestdetail tbody tr td span.side-pasdetails:after{
	    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 0px 13px 13px;
    border-color: transparent transparent transparent #2da5ff;
    position: absolute;
    top: 25%;
    right: -13px;
}*/
.hotel-fSearch-bar.filter-hSearch-bar ul.multiselect-container.dropdown-menu input.form-control.multiselect-search {
    width: 100%;
}

.htlRslt-loaderContent {
    float: left;
    width: 100%;
    text-align: center;
    position: relative;
    top: 22px;
    font-size: 16px;
    color: #ff0000;
}

div#specific_country .ms-options-wrap > button {
    text-transform: capitalize;
}

.detail-availability .htlDetail-row.row .price {
    font-size: 20px;
    position: relative;
    top: 4px;
    left: -4px;
    word-break: break-all;
    text-align: center;
    float: left;
    width: auto;
    margin-bottom: 10px;
}

.sb-htldtil-allprice-holder .farepax {
    float: left;
    width: 100%;
}

.sb-htldtil-allprice-holder .farepax dt.total-price {
    width: initial;
}

/******************rating ******************************/
/****** Style Star Rating Widget *****/
.hotelListCnt .rating {
    border: none;
    float: none;
    margin: auto;
    width: 64%;
}

.hotelListCnt .rating > input {
    display: none;
}

.hotelListCnt .rating > label:before {
    margin: 2px;
    font-size: 1em;
    font-family: FontAwesome;
    display: inline-block;
    content: "\f005";
}

.hotelListCnt .rating > .half:before {
    content: "\f089";
    position: absolute;
}

.hotelListCnt .rating > label {
    color: #ddd;
    float: right;
}

/***** CSS Magic to Highlight Stars on Hover *****/
.hotelListCnt .rating > input:checked ~ label, /* show gold star when clicked */
.hotelListCnt .rating:not(:checked) > label:hover, /* hover current star */
.hotelListCnt .rating:not(:checked) > label:hover ~ label {
    color: #FFD700;
}

/* hover previous stars in list */
.hotelListCnt .rating > input:checked + label:hover, /* hover current star when changing rating */
.hotelListCnt .rating > input:checked ~ label:hover, .hotelListCnt .rating > label:hover ~ input:checked ~ label, /* lighten current selection */
.hotelListCnt .rating > input:checked ~ label:hover ~ label {
    color: #FFED85;
}

/******************\\\rating\\\ ******************************/
/*************************Select box*************************/
#htlSorting .filterSortingTop {
    float: right;
    position: relative;
    top: 0;
    width: auto;
    margin: 0;
    /* background: #fff; */
    z-index: 1;
    padding: 0;
    border-radius: 6px;
    text-align: right;
    margin-top: 0;
}

#htlSorting .filterSortingTop > label {
    float: none;
    line-height: 34px;
    margin-right: 14px;
    font-size: 14px;
    color: #000;
    width: auto;
}

.htlselect {
    position: relative;
    display: block;
    /* margin: 0 auto; */
    width: 150px;
    max-width: 325px;
    color: #cccccc;
    vertical-align: middle;
    text-align: left;
    -webkit-user-htlselect: none;
    -moz-user-htlselect: none;
    -ms-user-htlselect: none;
    user-htlselect: none;
    -webkit-touch-callout: none;
}

#htlSorting .htlselect .placeholder {
    position: relative;
    display: block;
    background: #ffffff;
    z-index: 1;
    padding: 10px 0.5em;
    border-radius: 6px;
    cursor: pointer;
    border: 1px solid #ddd;
    font-size: 14px;
    color: #000;
    height: 40px;
}

.htlselect .placeholder:hover {
    background: #fff;
}

#htlSorting .htlselect .placeholder:after {
    position: absolute;
    right: 0;
    top: 0px;
    font-family: 'FontAwesome';
    height: 100%;
    content: '\f078';
    z-index: 10;
    background: transparent;
    line-height: 2.5;
    width: 34px;
    text-align: center;
    color: #9b9b9b;
}

.htlselect.is-open .placeholder:after {
    content: '\f077';
}

.sort-by-section .htlselect.is-open ul {
    display: block;
    background: #f39100 !important;
}

.htlselect.htlselect--white .placeholder {
    background: #fff;
    color: #999;
}

.htlselect.htlselect--white .placeholder:hover {
    background: #fafafa;
}

#htlSorting .htlselect {
    background: none;
    margin-left: 16px;
    margin-right: 0;
}

.htlselect ul {
    display: none;
    position: absolute;
    overflow: hidden;
    overflow-y: auto;
    width: 100%;
    background: #fff;
    border-radius: 2px;
    top: 100%;
    left: 0;
    list-style: none;
    margin: 5px 0 0 0;
    padding: 0;
    z-index: 100;
    max-height: 120px;
}

.htlselect ul li {
    display: block;
    text-align: left;
    padding: 8px 10px;
    color: #fff;
    cursor: pointer;
    width: 100%;
    font-size: 14px;
}

.htlselect ul li:hover {
    background: #06425c;
    color: #fff;
}

.filterSortingTop > div {
    float: none;
    margin-right: 16px;
    display: inline-block;
}

@-moz-document url-prefix() {
    .HtlSlctBx .btn .caret {
        margin-left: 0;
        float: right;
        top: -18px;
        position: relative;
    }
}

.modal.cancellation-policy p.modalCategoryDesc tr td , .modal.cancellation-policy p.modalCategoryDesc tr th {
    border: 1px solid #ccc;
    padding: initial;
    text-align: center;
}

.modal.cancellation-policy .modalCategoryDesc table {
    width: 100%;
}

@-moz-document url-prefix() {
    .form-selectbx select option {
        border-right: 1px solid #a7a6a6;
    }

    .grid-popup-body-div .tabAllContent > ul > li {
        padding: 8px 5px;
    }
}

.hotelListCnt article.box.Hotel-search-holder img:after {
    /* content: "" " " attr(alt); */
    background: url(../../images/hotels/no-image.jpg) center center no-repeat;
    height: 180px;
    float: left;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99;
    border-right: 1px solid #e4e4e4;
}

.hotelListCnt article.box.Hotel-search-holder .tabAllContent ul.gallery img:after {
    content: "" " " attr(alt);
    background: url(../../images/hotels/no-image.jpg) center center no-repeat;
    height: 138px;
    float: left;
    width: 100%;
    position: absolute;
    left: 0px;
    top: 0;
    z-index: 99;
    border-right: 1px solid #e4e4e4;
}

.grid-popup-scroll .tabAllContent ul.gallery img {
    position: relative
}

.grid-popup-scroll ul.amenities.clearfix.style2 li div {
    min-width: 253px;
}

.grid-popup-scroll .tabAllContent ul.gallery img:after {
    content: "" " " attr(alt);
    background: url(../../images/hotels/no-image.jpg) center center no-repeat;
    height: 138px;
    float: left;
    width: 248px;
    position: absolute;
    left: 0px;
    top: 0;
    z-index: 99;
    border-right: 1px solid #e4e4e4;
}

input#hotelSearchByName::-webkit-input-placeholder {
    color: #9a9a9a;
}

input#hotelSearchByName::-moz-input-placeholder {
    color: #9a9a9a;
}

input#hotelSearchByName::-o-input-placeholder {
    color: #9a9a9a;
}

.mt-tabs {
    float: left;
    width: 100%;
    z-index: 999;
    position: relative;
}

.mt-tabsContent {
    float: left;
    width: 100%;
    z-index: 99;
    position: relative;
    top: -4px;
}

.respon_popup {
    position: sticky;
    top: 0px;
}

.mtNav-tabs > ul > li {
    background: #333333;
    margin-bottom: 4px;
    padding: 8px 6px;
    border: 1px solid transparent;
    text-align: center;
    color: #fff;
    font-size: 14px;
    border-left: 1px solid #fff;
    width: 20%;
    float: left;
    cursor: pointer;
}

.mtNav-tabs > ul > li:hover {
    background: #06425c;
}

.tabAllContent {
    padding: 6px;
    box-sizing: border-box;
    float: left;
    width: 100%;
    border: none;
    min-height: 144px;
}

.tabAllContent > ul > li {
    float: left;
    width: 100%;
    background: #fbfbfb;
    display: none;
    padding: 8px 12px;
    color: #000;
}

.tabAllContent > ul > li.active,.tabAllContent > ul > li.active > ul > li {
    display: block;
}

.mtNav-tabs > ul > li.active {
    border-right: none;
    position: relative;
    background: #06425c;
}

.mtNav-tabs > ul > li.active:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #06425c transparent transparent transparent;
    bottom: -10px;
    left: 45%;
}

.tab-Holder ul li {
    margin-bottom: 10px;
    /* display: block; */
    float: left;
    width: 100%;
    background: transparent;
    padding: 0;
    max-height: 325px;
    overflow-y: auto;
}

.mt-tabcontainer > h2 {
    margin-bottom: 4px;
    border-bottom: 2px solid #e4e4e4;
    color: #ff7800;
    font-size: 18px;
    text-transform: capitalize;
    padding-bottom: 4px;
    margin-top: 12px;
}

.mtNav-tabs > ul > li:first-child {
    border-left: 0;
}

.mtNav-tabs > ul > li:last-child {
    border-right: 0;
}

.mtNav-tabs li i {
    font-size: 16px;
    position: relative;
    left: -4px;
}

.mtNav-tabs > ul > li > span {
    color: #fff;
}

.tabAllContent > ul > li div#dldescription p {
    font-size: 14px;
}

.searchresultsDiv.list-group-item article.box.Hotel-search-holder span.info-h-text {
    z-index: 9999;
}

.htlDetailHolder .item.list-group-item a.sr-emailfare, .htlDetailHolder .item.list-group-item a.sr-facebook, .htlDetailHolder .item.list-group-item a.sr-googleplus {
    z-index: 99999;
}

.description-address {
    padding: 10px 14px 0;
}

div#grid-detail-popup .description-address {
    padding: 10px 0 0;
}

.description-address > h3 {
    margin-bottom: 4px;
    color: #040404;
}

.description-address h5 {
    color: #0062b0;
    margin: 0;
}

.modal-backdrop.in {
    z-index: 8;
    overflow-y: auto;
}

.modal {
    overflow-y: hidden;
    z-index: 10010;
}

.modal-body {
    position: relative;
    padding: 20px;
    max-height: 550px;
    overflow-y: auto;
}

body.modal-open {
    overflow-y: scroll;
    /*  position: fixed; */
    margin: auto;
    left: 0;
    width: 100%;
}

.modal i.fa.fa-map-marker {
    color: #ff8417;
    font-size: 14px;
    margin-right: 2px;
    display: none;
}

article.box.Hotel-search-holder span {
    position: relative;
    width: 100%;
    text-align: left;
    font-size: 12px;
    float: none;
    margin-bottom: 10px;
    display: block;
}

.discount {
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.discount p {
    /* background-color: #e85484; */
    background-color: #ff5722;
    width: 150px;
    position: absolute;
    top: 4px;
    z-index: 999;
    right: 17px;
    text-align: left;
    padding: 8px;
    font-size: 14px;
    margin: 0;
    color: #fff;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    font-weight: bold;
    padding-left: 25px;
}

article.box.Hotel-search-holder .discount span {
    background: url(../../images/discount.png);
    background-size: cover;
    width: 50px;
    height: 50px;
    z-index: 999;
    position: absolute;
    left: 92px;
    color: #f3ff58;
    text-align: center;
    padding-top: 17px;
    font-size: 18px;
    font-weight: bold;
    top: -2px;
}

.grid-group-item .discount p {
    right: 0;
    width: 160px;
}

.grid-group-item article.box.Hotel-search-holder .discount span {
    left: 75px;
}

.home-search-bar.hotel-search-bar li.tripTypeIs.active:after {
    top: 0;
    right: -8px;
}

.hme-btn-mbl.hmetlBtn button {
    margin: 0;
    height: 36px;
    width: 128px;
    position: relative;
    top: 0;
    left: 0;
    padding-left: 15px;
    font-size: 14px;
}

.hotel-search-tab .soap-icon-departure:before {
    content: '\e85d';
    font-size: 30px;
    color: #903963;
    background: none;
    top: -4px;
    position: relative;
}

.home-search-bar.hotel-search-bar span.input.input--nao i.soap-icon-departure.icon.icon--kohana.arrive, .home-search-bar.hotel-search-bar .soap-icon-calendar.icon.icon--kohana.arrive, /* .home-search-bar.hotel-search-bar span.input.input--nao i.soap-icon-plane.icon.icon--kohana.arrive {
    position: absolute;
    right: 2px;
    transition: all 0.5s ease;
    z-index: 99;
    animation: initial;
} */
/* .home-search-bar.hotel-search-bar span.input.input--nao i.soap-icon-departure.icon.icon--kohana.arrive{
    position: absolute;
    right: 0;
    transition: all 0.5s ease;
    z-index: 9;
    left: initial;
} */
.home-search-bar.hotel-search-bar span.input.input--nao.searchLocation.input--filled i.soap-icon-departure.icon.icon--kohana.arrive {
    /* left: 0px; */
    transition: all 0.5s ease;
    /* left: initial */
    ; }

span.hpDp-gridImg {
    float: left;
    margin-right: 30px;
    position: relative;
    height: 260px;
    width: 260px;
    box-shadow: 4px 4px 4px 1px #676767;
    cursor: pointer;
    border-radius: 230px;
    overflow: hidden;
}

.dp-Grid1.box.animated:hover .hpDp-gridImg {
    animation: pulse 1s linear;
}

.hotel-hmePge span.HtlgridPriceHold > span.gridViewBtn:hover {
    animation: rubberBand 0.8s linear;
}

.hotel-hmePge .ob-row.ob-right {
    /* background: #2c3e50; */
    background: url(../../images/bg.jpg) no-repeat 100% fixed #2c3e50;
}

.hotel-hmePge span.ob-gridImg.frnd-img.col-md-6 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    transform: translateX(0%) translateY(0%);
}

.hotel-hmePge span.ob-gridImg.frnd-img.col-md-6 > img {
    width: 100%;
}

.hotel-hmePge span.ob-content.col-md-6.frnds-cont-div {
    position: relative;
    z-index: 99;
    background: #294900;
    padding: 10px;
}

.hotel-hmePge .ob-Grid1-img {
    height: 568px;
}

.hotel-hmePge .ob-row.ob-right span.ob-content > h3 {
    top: 0;
}

.htlSorting.sort-by-section.clearfix.box.only-tiles ul {
    visibility: initial;
}

.modify-hotel .modify-on-ret > div > i {
    font-style: normal;
    padding-right: 8px;
    background: none;
    padding: 0;
    border-radius: 0;
    margin-right: 6px;
    font-size: 14px;
    color: #ffffff;
    text-align: center;
    font-size: 14px;
    /* width: 34px; */
    /* height: 34px; */
    display: inline-block;
    width: auto;
    float: left;
}

.modify-hotel .modify-on-ret > div > i:before {
    content: '';
    font-family: gbaicon;
    position: absolute;
    font-size: 26px;
    color: #06425c;
    background: none;
    width: 33px;
    height: 21px;
    background-position: -416px -560px;
    display: inline-block;
    left: 12px;
    top: -2px;
}

.modify-hotel .modify-on-ret > div.mod-return > i:before {
    content: '';
    font-family: gbaicon;
}

.modify-hotel .modify-on-ret > div.mod-return> i:before {
    -moz-transform: initial;
    -webkit-transform: initial;
    -o-transform: initial;
    -ms-transform: initial;
    transform: initial;
}

.modify-hotel .modify-search-holder.container .row > div.modify-date:hover .modify-on-ret > div > i:before {
    /*animation:bounce 1s 2 linear;*/
}

.stickyms.modify-hotel .modify-Htldestination > div >span strong, .stickyms.modify-hotel .modify-on-ret > div > i, .stickyms.modify-hotel .modify-Htldestination > div >span strong:before, .stickyms.modify-hotel .modify-Htldestination > div >span.mod-subDestination, .stickyms.modify-hotel .modify-on-ret > div > i:before {
    color: #fff;
}

.stickyms.modify-hotel .modify-passengers > span > i {
    border-color: #fff;
}

.home-search-bar.modify-search-bar .tab-content .form-group.rooms-option-hold {
    width: 100%;
    margin: 0;
    padding: 30px 0 0;
}

.home-search-bar.modify-search-bar ul.hmepg.tabs > li a i {
    display: none;
}

.home-search-bar.modify-search-bar .hme-btn-mbl.hmetlBtn button {
    top: 0px;
    right: -92px;
}

.hotel-details-drpdwn.onward .mt-tabcontainer > h2 {
    display: none;
}

.hotel-details-drpdwn.onward {
    position: relative;
}

.hotel-details-drpdwn.onward span.htlDetailldrp {
    position: relative;
    left: initial;
    right: 0;
    top: 0;
    z-index: 99;
    width: auto;
}

.searchresultsDiv.list-group-item article.box.Hotel-search-holder span.info-h-text {
    top: -28px;
    position: absolute;
}

.item.list-group-item article.box.Hotel-search-holder nav.search-left-float {
    position: absolute;
    top: 10px;
    right: initial;
    left: -22px;
    z-index: 999999;
}

.home-search-bar.modify-search-bar .row.hw-psngr.hme-srchopt-mbl > div {
    background: transparent;
}

.listing-style3.hotelList.searchresultsDiv.grid-group-item .box nav.search-left-float ul li > span {
    width: 305px;
    top: -58px;
}

.search-result-left .row.grid-group .searchResultIs.hotelListCnt nav.search-left-float {
    position: absolute;
    left: 18px;
    top: 5px;
    z-index: 1000;
}

.htlDetailHolder ~ .opacity-overlay .grid-popup-scroll {
    padding: 0 0 0 16px;
}

.htlDetailHolder ~ .opacity-overlay div#grid-popup-body-div {
    padding: 0 16px;
    width: 100%;
}

.hotel-search-tab .hme-btn-mbl.hmetlBtn {
    position: relative;
    left: 0;
    bottom: 0;
    margin: 0;
    transform: none;
    text-align: center;
    /* padding: 0; */
}

.input__field--kohana:focus + .input__label--kohana .icon--kohana, .input--filled .icon--kohana {
    -webkit-transform: translate3d(0px, 1px, 0);
    transform: translate3d(0px, 1px, 0);
    transition: all 0.5s ease;
}

#hotelsSearchForm ul.hmepg.tabs > li a i:before {
    left: -20px;
    top: 0;
}

#hotelsSearchForm a.button.btn-default {
    /* height: 37px; */
    /* width: 118px; */
    margin: 0;
}

#hotelsSearchForm .form-group.col-sm-6.col-md-4 {
    padding-left: 26px;
}

#hotelsSearchForm .hotel-search-tab .input--filled .icon--kohana {
    -webkit-transform: translate3d(-6px, 0, 0);
    transform: translate3d(-6px, 0, 0);
    transition: all 0.5s ease;
    animation: moveleftpointer 0.5s ease;
    left: 10px;
    z-index: 1;
}

#hotelsSearchForm .hotel-search-tab .input--filled input#hotelRoomAdd {
    z-index: 9;
    padding: 0 20px;
    font-size: 16px;
    cursor: pointer;
}

#hotelsSearchForm ul.hmepg.tabs > li a i {
    font-size: 20px;
}

#hotelsSearchForm ul.hmepg.tabs > li a i:before {
    content: '\e839';
    background: none;
    display: inline-block;
    position: relative;
    width: initial;
    height: initial;
    z-index: 999;
    left: 0;
    top: 2px;
}

.row.hw-psngr.hme-srchopt-mbl {
    z-index: 999;
}

.filter-drpdwn {
    background: #ffffff;
}

.htlDetailHolder span.filter {
    float: right;
    background: #1b6ea5;
    padding: 5px;
    text-align: center;
    font-size: 26px;
    color: #fff;
    margin-right: 20px;
    display: none;
}

.htlDetailHolder span.filter em {
    font-style: normal;
    font-size: 16px;
    display: block;
    font-weight: normal;
    padding-top: 6px;
}

#hotelsSearchForm .wrapper-demo {
    width: 100%;
}

.hw-psngr.hme-srchopt-mbl.htl-select {
    position: absolute;
    background: #fff;
    width: 300px;
    right: 20px;
    top: 61px;
    z-index: 9;
    box-shadow: 2px 2px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
    border-radius: 8px;
}

.rooms-option-hold .h-search-guests > div {
    margin-bottom: 10px;
    margin: 0 5px 10px;
}

.room-guestadd {
    display: none;
}

.rooms-option-hold > div.h-search-rooms {
    width: 100%;
    float: left;
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
}

.rooms-option-hold .h-search-guests .htl-child-age-hold > div.gba-show {
    width: 33.33%;
    float: left;
    display: inline-block;
    padding: 2px;
}

.rooms-option-hold .h-search-guests .htl-child-age-hold > div.gba-show span {
    width: 100%;
    float: left;
    display: block;
    text-align: left;
    top: 0;
    color: #333;
    font-size: 14px;
}

.rooms-option-hold .h-search-guests > div.htl-child-age-hold div {
    background: #ffffff;
    border: 1px solid #ddd;
    /* border-radius: 4px; */
}

.rooms-option-hold .h-search-guests > div.htl-child-age-hold span {
    position: relative;
}

.h-search-guests div.htl-child-age-hold span:after {
    top: 26px;
}

h3.roomtitel {
    padding: 5px;
    color: #333;
    width: auto;
    padding: 0;
    font-weight: bold;
    margin-bottom: 5px;
}

.h-search-rooms span:after {
    right: 48px;
}

.rooms-option-hold .h-search-guests > div.htl-child-age-hold {
    width: 100%;
    margin: 0 0 10px;
    padding: 0 5px;
}

.rooms-option-hold .h-search-guests .htl-child-age-hold > div.gba-show select {
    padding: 2px 10px;
    font-size: 14px;
    color: #333;
}

.rooms-option-hold div > span.room-label {
    width: 54%;
    left: 25px;
}

.rooms-option-hold div > select#rooms {
    width: 50%;
    /* padding: 5px 10px 5px 79px; */
    float: left;
    color: #333;
    font-size: 13px;
}

.search-moption.htlOption {
    display: none;
}

.datedet .input.input--nao.returndate .input__label.input__label--nao {
    /* text-align: center; */
    padding-left: 10px;
}

form#hotelsSearchForm button#home_page_submit_btn {
    width: 100%;
    font-size: 16px;
    padding: 0px 30px;
    background-color: #ffd703;
    color: #000;
}

.modify-hotel .modify-search-holder.container {
    padding: 8px 15px;
    top: 0px;
    position: relative;
    margin-bottom: 0px;
    display: none;
}

.modify-hotel.modify-search {
    margin-bottom: 0;
    margin: 0;
    background: #17227d;
    /* z-index: 1 !important; */
    color: #fff;
}

.hotelsSearch .navbgHolder,.hotelPassengerDetails .navbgHolder {
    /* height: 110px; */
}

div#searchResult div.list-group-item.hotelList.searchresultsDiv {
    float: left;
    padding: 10px 5px;
    background: transparent;
    border: none;
    /* display: table; */
}

p.mainListDesc span {
    display: none;
}

.fd-grdleft h4.box-title {
    line-height: normal;
    font-size: 14px;
}

.amenities i {
    border-right: 1px solid #ddd;
    padding: 7px;
}

.amenities i:nth-child(5) {
    border-right: none;
}

.action.srch-price-btn {
    width: auto;
    margin: 0px auto 0;
    float: none;
}

article.box.Hotel-search-holder span.flprice {
    font-size: 24px;
    line-height: normal;
    float: none;
    margin-bottom: 0;
    height: auto;
}

.hotelList li.fareChangeRound {
    padding: 0;
    text-align: left;
}

.hotelList a.button.btn-small.full-width {
    background: #17227d;
    border-radius: 50px;
    margin: 0;
    font-weight: normal;
    padding: 10px 25px;
    font-size: 15px;
    height: 45px;
    line-height: normal;
}

.readmore {
    /* background: #d80f00; */
    color: #2978ac;
    font-size: 14px;
    width: 90px;
    float: left;
    padding: 8px;
    border-radius: 100px;
    margin: 10px 0 0;
    text-align: center;
    border: 1px solid #2978ac;
    cursor: pointer;
    display: none;
}

.hotel-fSearch-bar.filter-hSearch-bar {
    background: #fff;
    width: 100%;
    float: left;
    padding: 30px 10px;
    border-radius: 10px;
    /* border: 1px solid #ddd; */
}

#htlSorting .lHotelCount {
    /* background: #2978ad; */
    color: #000;
    padding: 5px 10px;
    line-height: normal;
    border-radius: 6px;
    margin: 0;
    font-size: 20px;
}

.HtlSlctBx.filtLblPrice.open ul.multiselect-container.dropdown-menu {
    width: 100%;
    top: 70px;
    height: auto;
}

.HtlSlctBx.filtLblPrice.open li {
    width: 100%;
}

.filtLblPopularity span.multiselect-native-select {
    position: static;
}

button.mymodelclose {
    background: transparent;
    color: #F44336;
    font-size: 36px;
    right: 20px;
    width: 40px;
    height: 40px;
    text-align: right;
    padding: 0;
    line-height: normal;
    margin: 0;
    position: absolute;
    top: 0;
}

.locationicon.accordhead {
    z-index: 99999;
}

.hotelListCnt figure {
    position: relative;
    z-index: 0;
}

.htlDetailHolder div#products {
    z-index: 0;
}

.hotel-searchfare .search-drop-holder {
    width: 100%;
    overflow: hidden;
    background: #fff;
    border-radius: 0;
    /* padding: 20px; */
    /* height: 90vh; */
    /* overflow-y: auto; */
    margin: 0;
}

.htlDetail-row.row .htlDetail-row.row {
    background: transparent;
    height: auto;
}

.htlDetail-row.row button#home_page_submit_btn {
    height: auto;
    top: 0;
    position: relative;
    width: 100%;
    padding: 0 30px;
    height: 39px;
    margin: auto;
    float: left;
    font-size: 16px;
    box-shadow: none;
    color: #fff;
    display: block;
    text-align: center;
}

button > .c-ripple.js-ripple {
    float: none!important;
}

button > .c-ripple.js-ripple span {
    margin-bottom: 0px;
}

.search-drop-holder .htlDetail-row.row .col-md-8 a {
    color: #f00;
}

.col-md-3.modify-Htldestination {
    /* width: 80%; */
    padding: 0;
}

.modify-drpdwn-holder .home-search-bar.modify-search-bar {
    top: 0;
}

.filter-drpdwn {
    display: block!important;
}

.hmePromotion-header h2 {
    font-size: 28px;
    text-align: center;
   
}
.hotel-hmePge .perfect_stay {
    padding: 60px 0px;
    background-color: #fff;
     background-image: url(../../images/attraction/special_packages.jpg); 
    background-repeat: no-repeat;
    background-size: cover;
}
.hmePromotion-header h2 i {
    font-style: normal;
}

.hmePromotion-header {
}

.pic:before {
    content: '';
    /* background: rgba(0,0,0,0.4); */
    top: 0;
    width: 100%;
    height: 100%;
    z-index: inherit;
    position: absolute;
    left: 0;
    float: left;
}

.pic {
    /* position: relative; */
    width: 100%;
    float: left;
}

.pic img {
    width: 100%;
    height: 250px;
}

.recom-item-body a:first-child {
    position: static;
    color: #000;
    z-index: 9;
    font-size: 16px;
    top: 0;
    padding: 10px;
    width: 100%;
    left: 0;
    float: left;
}

.recom-item-body h6.blog-title {
    color: #ffffff;
    width: 100%;
    margin-bottom: 15px;
    font-size: 18px;
}

.htlprmtion .recom-item-body > span {
    font-size: 16px;
}

.recom-price {
    position: static;
    color: #ffffff;
    z-index: 9;
    font-size: 18px;
    right: 10px;
    /* height: 100%; */
    bottom: 20px;
    top: auto;
    float: right;
}

.recom-item-body a:last-child {
    font-size: 18px;
    color: #fff;
    bottom: 27px;
    position: absolute;
    z-index: 9;
    left: 0;
    width: 100%;
    float: right;
    padding: 10px;
    text-align: left;
    display: none;
}

.recom-item-body {
    height: 250px;
    float: none;
    width: 100%;
    position: relative;
}

.recom-item {
    margin: 20px 0;
    width: 100%;
    float: left;
    /* border: 1px solid #ddd; */
    position: relative;
    /* height: 250px; */
    overflow: hidden;
    border-radius: 20px;
}

.recom-item:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 60%;
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgb(0 0 0 / 71%) 0%, rgb(0 0 0 / 0%) 100%);
}

.recom-media {
    width: 100%;
    float: left;
    /* position: absolute; */
}

.hmePromotion-header {
    width: 100%;
    float: left;
}

.container.htlprmtion {
    padding-top: 30px;
    padding-bottom: 30px;
}

h4.bform-hotel-det.col-xs-12.col-sm-2.col-md-12 {
    background: transparent;
    margin: 0;
    padding: 10px 0px;
}

.row.top-headd {
    margin: 0;
}

form#frmPassengerDetailInfo {
    /* background: #fff; */
    margin-bottom: 10px;
    width: 100%;
    float: left;
    padding: 30px 0;
    border-radius: 10px;
}

.HotelPdetailPge form#frmPassengerDetailInfo {
    padding: 0px;
}

.HotelPdetailPge form#frmPassengerDetailInfo div#passengerListIs {
    background-color: #f5f5f5;
}

.HotelPdetailPge form#frmPassengerDetailInfo .passengerDetailInfo {
    background-color: #f5f5f5;
    border-radius: 16px;
    margin-bottom: 20px;
}

.lastpdetail-btn button {
    text-align: center;
    float: none !important;
}

.HotelPdetailPge .booking-section.gobudgetair-box.passenger-information {
    padding: 0;
    background-color: #f5f5f5;
    border-radius: 16px;
}

.HotelPdetailPge .booking-main.insure-psngr {
    padding-left: 0;
}

.HotelPdetailPge .sidebar {
    padding: 0;
}

.HotelPdetailPge #frmPassengerDetailInfo .toggle-container {
    margin: 0;
    background: transparent;
}

.HotelPdetailPge .toggle-container .panel.style2 .panel-title {
    padding-bottom: 0px;
}

.HotelPdetailPge .toggle-container > .panel.style2.adult-panel > h4.panel-title.commonPanelHeadtop {
    padding-bottom: 0px!important;
}

.HotelPdetailPge .toggle-container .panel.style2.adult-panel .panel.style2 h4.panel-title {
    background-color: transparent;
    border: 1px solid #ddd;
    /* border-radius: 10px; */
    padding-bottom: 0;
}

.HotelPdetailPge .toggle-container .panel.style2 .panel-title>a.allCountHead1.childPanelHeadAdult {
    padding-bottom: 5px !important;
}

.HotelPdetailPge form#frmPassengerDetailInfo .passengerdetail-holder {
    margin-bottom: 10px;
    background: transparent;
}

.HotelPdetailPge form#frmPassengerDetailInfo .passengerdetail-holder .passenger-information {
    background: transparent;
}

.HtlSlctBx.filtLblPrice .priceslider.col-md-12 {
    padding: 0;
}

.HtlSlctBx.filtLblPopularity ul.multiselect-container.dropdown-menu {
    width: 100%;
    box-shadow: none;
    border: none;
    position: static;
    top: 0;
    height: auto;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
}

.HtlSlctBx.filtLblPopularity ul.multiselect-container.dropdown-menu li {
    padding: 0 !important;
}

.HtlSlctBx.filtLblPopularity li.multiselect-item.multiselect-filter {
    display: none;
}

.HtlSlctBx.filtLblPopularity li .checkbox:before {
    left: 0;
}

@media (max-width: 1199px) {
    .discount p {
        right: 14px;
    }

    article.box.Hotel-search-holder .discount span {
        left: 48px;
    }

    .grid-group-item .discount p {
        right: 0;
        padding-left: 40px;
    }

    .grid-group-item article.box.Hotel-search-holder .discount span {
        left: 75px;
    }

    .home-search-bar .tab-content .form-group.rooms-option-hold select {
        width: 100%;
    }
}

@media(max-width: 1024) {
    .hotel-hmePge .ob-Grid1-img {
        height:initial;
    }

    span.ob-content {
        top: 0;
    }

    .modify-search-bar #hotelsSearchForm .row.hw-psngr > div.form-group.col-sm-3.col-md-2 {
        width: 16%;
    }

    .modify-hotel .modify-search-holder.container .row > div.modify-date, .modify-hotel .modify-search-holder.container .row > div.modify-btns {
        padding-top: 10px;
    }

    .modify-search-bar #hotelsSearchForm .row.hw-psngr > div.form-group.col-sm-3.col-md-2 {
        width: 165px!important;
    }

    .modify-search-bar .row.hw-psngr > div.form-group.col-sm-3.col-md-2 {
        width: 160px;
    }
}

@media (max-width: 991px) {
    .sort-by-section.htlSorting .filterSortingTop {
        display:none;
    }

    .sort-by-section.htlSorting .filterSortingTop.sortopen {
        display: block;
    }

    .home-search-bar.hotel-search-bar {
        margin-top: 0px!important;
    }

    .home-search-bar.hotel-search-bar .hw-psngr {
        padding-bottom: 10px;
    }

    div#grid-detail-popup .description-address {
        margin-bottom: 10px;
    }

    /* .sessHotel.session_counter {
		top: 123px;
    } */
    .modal-dialog {
        width: 90%;
    }

    .modify-hotel .modify-search-holder.container .row > div.modify-date, .modify-hotel .modify-search-holder.container .row > div.modify-btns {
        padding-top: 5px;
    }

    span.input.input--nao label.gba-error {
        /* top: 0; */
        z-index: 9999;
    }

    article.box.Hotel-search-holder .discount span {
        left: inherit;
        right: 126px;
    }

    .discount p {
        right: 0;
    }

    .hotel-search-tab .hme-btn-mbl.hmetlBtn {
        right: 0;
    }

    #hotelsSearchForm .row.hw-psngr > div.form-group.col-sm-3.col-md-2 {
        padding-left: 10px;
    }

    #hotelsSearchForm .hme-btn-mbl.hmetlBtn button {
        width: 100%;
    }

    form#hotelsSearchForm {
        padding: 0px;
        padding-bottom: 0;
        padding-top: 20px;
    }

    .hotel-hmePge .ob-Grid1-img {
        height: initial!important;
    }

    .hotel-hmePge span.ob-gridImg.frnd-img.col-md-6 {
        position: static!important;
    }

    #hotelsSearchForm .form-group.col-sm-6.col-md-4,#hotelsSearchForm .form-group.col-sm-2.col-md-2.hm-trvlr {
        width: 40%;
        padding-left: 26px;
    }

    #hotelsSearchForm .row.hw-psngr > div.form-group.col-sm-3.col-md-2 {
        width: 28%;
    }

    #hotelsSearchForm .hotel-search-tab .input--filled input {
        z-index: 9;
        /* padding-left: 10px; */
    }

    #htlCheckIn, #htlCheckOut {
        padding-left: 25px;
        font-size: 14px;
    }

    #htlCheckIn {
    }

    #htlCheckOut {
    }

    #hotelsSearchForm label {
        padding-left: 25px;
        padding-top: 20px;
    }

    .home-search-bar.modify-search-bar .tab-content .form-group.rooms-option-hold {
        width: 100%;
        margin: 0px;
        padding: 0;
    }

    .htlselect {
        width: 27%;
    }

    .htlDetailHolder span.filter {
        display: block;
    }

    .flights-found-txt.hotelSearchTopEmail {
        margin: 0;
    }

    .filter-drpdwn {
        height: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .fd-grdright {
        flex-wrap: nowrap;
        align-items: center;
    }

    .hw-psngr.hme-srchopt-mbl.htl-select {
        top: 80px;
        padding-top: 15px;
        z-index: 9999;
    }

    .hotelsSearch .popup-wrapper .popup-content {
        height: 100vh;
        width: 100%;
        top: 0;
        left: 0;
        right: 0;
        z-index: 99990;
    }

    .hotelList li.fareChangeRound {
        text-align: left;
        padding: 5px;
    }

    .HotelPdetailPge .toggle-container .panel.style2 .panel-content.psngr-info .panel-title button.copyToPassengerContactDtls {
        bottom: 8px;
        left: 15px;
        color: #fff;
        font-size: 10px !important;
        position: relative;
    }

    .HotelPdetailPge .psngr-info .toggle-container .panel.style2 .panel-title > a:after {
        bottom: 10px!important;
    }

    .HotelPdetailPge .booking-main.insure-psngr {
        padding-left: 15px;
    }

    .hotel-fSearch-bar.filter-hSearch-bar {
        height: 100vh;
        border-radius: 0px;
        box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
        overflow-y: auto;
    }

    .tab-pane.fade.in.active.hotel-search-tab {
        position: relative;
    }

    .sessHotel.session_counter {
        top: 0px;
    }

    .mtNav-tabs > ul > li {
        width: 50%;
    }

    .modify-hotel .modify-search-holder.container .row > div.modify-date {
        border-top: 1px solid #858585;
    }

    .modify-hotel .modify-psngr-btn > div.modify-passengers > span {
        /* background: #646363; */
        padding: 0px 2px;
        border: 1px solid;
        line-height: 14px;
        font-size: 12px;
        width: auto;
        text-align: left;
        margin-right: 5px;
        border-radius: 4px;
        margin-bottom: 5px;
        border: none;
    }

    .my_booking_graph {
        display: block!important;
    }

    span.price.totalProfit {
        text-align: left;
        word-break: break-all;
    }

    hme-btn-mbl.hmetlBtn {
        bottom: 18px;
    }

    ul.quick-menu.pull-right.MobileMouseDrpdwn.afterLoginTopmenu {
        padding: 0;
    }

    #header .topnav ul.quick-menu.afterLoginTopmenu > li > a.topInitialSet,#header .ribbon > a {
        padding-right: 4px!important;
    }

    .withMoneyWallet.pdd-full-amt > div, .withMoneyWallet.pdd-half-amt > div {
        margin: 40px 0 0 0;
        width: 100%;
    }

    .withMoneyWallet.pdd-full-amt.paypalPriceContnt > div:nth-of-type(1):after,.withMoneyWallet.pdd-full-amt.paypalPriceContnt > div:nth-of-type(2):after {
        right: initial;
        top: 65px;
        left: 50%;
        transform: translate(-50%);
        -webkit-transform: translate(-50%);
        -moz-transform: translate(-50%);
        -ms-transform: translate(-50%);
    }

    .item.list-group-item article.box.Hotel-search-holder nav.search-left-float {
        top: 10px!important;
        left: 0!important;
    }

    #hotelsSearchForm .form-group.col-sm-2.col-md-2.hm-trvlr ,#hotelsSearchForm .row.hw-psngr > div.form-group.col-sm-3.col-md-2 {
        width: 100%;
        padding: 0;
        padding-left: 26px;
    }

    #hotelsSearchForm .form-group.col-sm-6.col-md-4 {
        width: 100%;
        padding: 0;
        padding-left: 26px;
    }

    .modify-search-bar .search-moption {
        display: none;
    }
}

.hotel-search-tab i {
    display: none;
}

.hotel-search-tab input {
    position: absolute;
    z-index: 9;
    width: 100%;
    height: 55px;
}

.hotels .navbgHolder {
    /* height: 140px; */
}

.home-search-bar.hotel-search-bar {
    /* margin-top: -100px; */
    /* top: -20px; */
    position: absolute;
    bottom: 0;
    top: auto;
    width: 100%;
    background: transparent;
    box-shadow: none;
    padding: 20px 0px;
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgb(0 0 0 / 71%) 0%, rgb(0 0 0 / 0%) 100%);
    border-radius: 0;
}

.home-search-bar.hotel-search-bar h2.searchbar-title {
    color: #fff;
    margin-bottom: 10px;
}

.home-search-bar.hotel-search-bar:before {
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgb(0 0 0 / 71%) 0%, rgb(0 0 0 / 0%) 100%);
}

form#hotelsSearchForm .datedet {
    /* padding: 0px!important; */
    width: 100%;
    float: left;
}

.session-alert-exp.isRemove .button.yes.transition.sesssionOkHtlBtn {
    background: #009688;
    width: 40%;
    font-size: 16px;
    color: #fff;
    padding: 10px;
    text-align: center;
    border-radius: 8px;
    float: left;
    margin: 10px 10px;
    cursor: pointer;
}

.session-alert-exp.isRemove .button.no.transition.sesssionCancelHtlBtn {
    background: #F44336;
    color: #fff;
    font-size: 16px;
    padding: 10px;
    border-radius: 8px;
    width: 40%;
    float: left;
    text-align: center;
    margin: 10px 10px;
    cursor: pointer;
}

.rooms-option-hold .h-search-guests > div.htl-child-age-hold div>select.childAge {
    border: none!important;
    border-top: 1px solid #ddd!important;
    height: 30px;
    /* padding: 5px; */
    margin-top: 5px;
}

.priceHoleDiv {
    text-align: left;
    width: 100%;
    float: none;
}

.hotelsSearch .pp_overlay {
    z-index: 9999;
}

.detail-htl-img {
    margin-bottom: 15px;
    height: 320px;
}

.detail-htl-img img {
    height: 100%!important;
    width: 100%!important;
    object-fit: cover;
    object-position: center;
}

.search-drop-holder .htlDetail-row a.cancelpolicy-link {
    color: #2196F3;
}

.hotel-details-drpdwn.onward .hotelDetailsDiv-content {
    overflow-y: auto;
    float: left;
    padding: 20px;
    height: 100vh;
    border-top: 1px solid #ddd;
    width: 100%;
    overflow-x: hidden;
}

.htlprmtion .recom-item-body {
    float: left;
    height: auto;
    padding: 15px;
    position: absolute;
    bottom: 0;
    color: #fff;
}

.hotel-details-drpdwn .description-address {
    float: left;
    width: 85%;
}

.gba-close {
    z-index: 0!important;
}

.hotelsSearch .popup-wrapper .popup-content .gba-close {
    z-index: 98!important;
}

.hotelListCnt .details-wrapper.hotel-contentListCntiner .fd-grdleft a {
    display: block;
}

.modify-hotel .modify-Htldestination {
    display: flex;
    justify-content: flex-start;
}

.modify-hotel .modify-Htldestination .modify-cityname {
    padding: 10px 10px;
}

.fd-grdright {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}



.passdet_field_value input.passengeraddBtnAll {
    height: auto;
    background-color: #010d6a;
    padding: 2px 15px;
    font-size: 12px;
    line-height: normal;
    color: #fff;
    border-radius: 50px;
}

.payment_summary {
    border-radius: 16px;
    border: 1px solid #ddd;
    padding: 20px 20px;
    margin-bottom: 15px;
    background-color: #fff;
}


/****** hotel endy ****/
@media(min-width: 320px) and (max-width: 766px) {
    .search-drop-holder .photogallery ul li {
        width:70px;
        height: 70px;
        margin-top: 5px;
        margin-left: 5px;
    }

    .htlDetailHolder .item.list-group-item article.box .fare-price {
        padding: 5px 6px!important;
    }

    .room-guestaddcopy,.rooms-option-hold > div, .rooms-option-hold .h-search-guests > div, .rooms-option-hold .h-search-guests .htl-child-age-hold > div {
        width: 100%;
    }

    .home-search-bar .tab-content .form-group.rooms-option-hold select {
        position: relative;
        width: 100%;
    }

    .hme-btn-mbl.hmetlBtn {
        position: absolute;
        bottom: 28px;
        top: initial;
        width: 100%;
        bottom: -48px;
    }

    .search-moption.htlOption {
        margin-top: 0px;
        position: absolute;
        top: 110px;
        right: 0;
    }

    .home-search-bar .tab-content .form-group.rooms-option-hold select#rooms {
        border: 2px solid #2da5ff;
    }

    .h-search-guests {
        /* border-bottom: 2px dotted #2da5ff; */
        padding-bottom: 30px;
        margin-bottom: 12px;
    }

    .h-search-guests:last-child {
        border-bottom: none;
    }

    .form-group.col-sm-2.col-md-2.hm-trvlr {
        float: left;
        width: 100%;
        margin-bottom: 24px;
    }

    .rooms-option-hold .h-search-guests div {
        margin-top: 6px;
    }

    /* 	.hotel-hmePge .discountPromise-gridHolder > .hdp-row > .dp-Grid1 {
		float: none;
		margin: 0 auto 14px;
	} */
    .hotel-hmePge .testimonial-box-wrapper {
        height: auto;
    }

    .hotel-hmePge .discountPromise-gridHolder > .hdp-row > .dp-Grid1:nth-child(2n) {
        margin-right: 0;
    }
}

@media(min-width: 480px) and (max-width: 767px) {
    .hotel-hmePge .discountPromise-gridHolder > .hdp-row > .dp-Grid1 {
        margin-right:4px;
    }
}

@media (max-width: 480px) {

    button.mymodelclose {
    background: transparent;
    color: #F44336;
    font-size: 36px!important;
    right: 20px;
    width: 40px;
    height: 40px;
    text-align: right;
    padding: 0;
    line-height: normal;
    margin: 0;
    position: absolute;
    top: 0;
}
    .modify-hotel span.htlFilter-close {
        /* display: block; */
    }
    .searchres-r-image .box-title{
           padding:10px 10px;
    }
    .modify-hotel .hotel-fSearch-bar.filter-hSearch-bar{
        padding:10px 0px;
    }
    .multiSelectPayment > .radio-inline+.radio-inline,
    .multiSelectPayment > .checkbox-inline+.checkbox-inline{
        /* font-size: 12px!important;
       margin-left:0px!important; */
    }

    .HotelPdetailPge form#frmPassengerDetailInfo div#passengerListIs{
         padding:0;
    }
    .payment_summary {
        padding: 10px;
    }

    .search-drop-holder .room-type .htlDetail-row .available-btn {
        width: 100%;
        text-align: center;
    }

    .detail-availability .htlDetail-row.row .price {
        width: 100%;
    }

    .search-drop-holder .room-type .htlDetail-row .available-btn button#home_page_submit_btn {
        width: auto;
        margin: auto;
        float: none;
    }
}

@media(min-width: 767px) and (max-width: 991px) {
    .home-search-bar .tab-content .form-group.rooms-option-hold select {
        position: relative;
        width: 100%;
    }

    .room-guestaddcopy {
        width: 100%;
    }

    .rooms-option-hold div > span {
        float: left;
        width: 100%;
        position: relative;
        top: 26px;
        font-size: 14px;
        color: #000;
    }

    .hme-btn-mbl.hmetlBtn {
        position: absolute;
        bottom: 3px;
        top: initial;
        width: auto;
    }

    .search-moption.htlOption {
        margin: 0;
    }

    .home-search-bar .tab-content .form-group.rooms-option-hold select#rooms {
        border: 2px solid #2da5ff;
    }

    .h-search-guests {
        /* border-bottom: 2px dotted #2da5ff; */
        padding-bottom: 30px;
        margin-bottom: 12px;
    }

    .h-search-guests:last-child {
        border-bottom: none;
    }

    .form-group.col-sm-2.col-md-2.hm-trvlr {
        float: left;
        width: 100%;
        margin-bottom: 24px;
    }

    .rooms-option-hold .h-search-guests div {
        margin-top: 0;
    }

    .hotel-hmePge .discountPromise-gridHolder > .hdp-row > .dp-Grid1 {
        float: initial;
        display: inline-block;
        margin: 0;
    }

    .hotel-search-bar .row.hw-psngr.hme-srchopt-mbl > .rooms-option-hold {
        position: relative;
        top: 0;
        margin: 0;
        width: 100%;
    }

    .home-search-bar .tab-content .form-group.rooms-option-hold select {
        padding: 0 5% 0 17px;
    }

    .hotel-hmePge .discountPromise-gridHolder > .hdp-row > .dp-Grid1:nth-child(2n) {
        margin-right: 0;
    }

    /* 	.discountPromise-gridHolder > .hdp-row {
		padding: 0 2%;
		width: 72% !important;
		margin: auto;
		display: block;
	} */
}

@media(min-width: 992px) and (max-width: 1199px) {
    /* 	.hotel-hmePge .discountPromise-gridHolder > .hdp-row > .dp-Grid1:nth-child(3n) { 
		margin-right:0;
		}	
		.hotel-hmePge .discountPromise-gridHolder > .hdp-row > .dp-Grid1 {
		float: left;
		margin-right: 18px;
		}
		.dis_after_img_holder {
		float: left;
		height: 100%;
		width: 100%;
		margin-bottom: 28px;
	} */.hotel-hmePge .discountPromise-gridHolder > .hdp-row > .dp-Grid1:nth-child(3n) {
        margin-right:0;
    }

    .dis_after_img_holder {
        float: left;
        height: initial;
        width: 100%;
        margin-bottom: 28px;
    }
}

@media(min-width: 1200px) {
    .hotel-hmePge .discountPromise-gridHolder > .hdp-row > .dp-Grid1:nth-child(4n) {
        margin-right:0;
    }

    .dis_after_img_holder {
        height: initial;
    }
}

/*hotelss*/
@media (min-width: 992px) {
    .attract-modals.cancellation-policy .modal-dialog.hotel-map-popup {
        width: 1100px !important;
    }
}

/*************************\\\\Select box\\\*************************/
@media(max-width: 767px) and (min-width: 320px) {
    .hotel-search-tab .hw-psngr {
        padding-bottom:15px!important;
    }

    .hotel-details-drpdwn ul.amenities.clearfix.style2 li div {
        width: 100%;
    }

    .hotel-details-drpdwn ul.amenities.clearfix.style2 {
        text-align: left;
    }

    .hotel-details-drpdwn ul.amenities.clearfix.style2 li {
    }

    .grid-popup-scroll ul.amenities.clearfix.style2 li div {
        min-width: 100%!important;
        padding: 6px;
        font-size: 12px;
    }

    .modify-hotel .modify-search-holder.container .row > div.modify-date, .modify-hotel .modify-search-holder.container .row > div.modify-btns {
        padding-left: 0;
        padding-top: 0;
        border-left: none;
        height: initial;
        padding-bottom: 0;
        float: left;
        width: 9%;
        margin-bottom: 12px;
    }

    .modify-hotel .modify-search-holder.container .row > div.modify-btns .modify-button {
        width: auto;
        float: none;
    }

    .modify-hotel .modify-search-holder.container .row > .modify-fromto, .modify-hotel .modify-search-holder.container .row .modify-passengers, .modify-hotel .modify-search-holder.container .row .modify-on-ret {
        display: block;
        border: none;
    }

    .modify-hotel .modify-date > div {
        width: 100%;
    }

    .modify-hotel .modify-date > div.modify-psngr-btn {
        float: left;
        width: 100%;
        margin-top: 0;
    }

    .htlFilterdrpr {
        width: 100%;
    }

    .filterDrpdwnBtn .session_counter {
        float: none;
        top: 0;
        right: 0;
        width: 88%;
    }

    .modify-hotel .modify-drpdwn.slide-up {
        top: 0px;
    }

    .modify-hotel.modify-search .modify-drpdwn-holder .home-search-bar.modify-search-bar {
        padding: 20px 0px;
    }

    .htlDetailHolder #htlSorting.sort-by-section.box.only-tiles.htlSorting >  div {
        width: 100%;
        float: left;
        text-align: left;
    }

    .filterSortingTop > label {
        width: 100%!important;
    }

    #htlSorting  .filterSortingTop > .htlselect {
        float: left;
        margin-right: 0;
        width: 100%;
        margin-bottom: 8px;
        max-width: inherit;
        margin-left: 0;
    }

    .hotelListCnt article.box.Hotel-search-holder img {
        width: 100%;
        border-radius: 10px 10px 0px 0px;
    }

    .hotelListCnt .details-wrapper.hotel-contentListCntiner .fd-grdleft {
        width: 100%;
        left: 0;
        text-align: center;
        min-height: auto;
    }

    .hotelListCnt article.box.Hotel-search-holder .fare-price .details-wrapper {
        display: inline-block;
        transform: initial;
        width: 100%;
    }

    .hotelListCnt .rating {
        width: 26%;
    }

    .search-result-left .list-group .searchResultIs.hotelListCnt span.flprice {
        width: 100%;
        text-align: left;
        font-size: 12px;
    }

    .hotelListCnt .detail-availability .htlDetail-head.row {
        display: none;
    }

    .hotelListCnt .search-drop-holder p.ddrooms {
        text-align: center;
    }

    .hotelListCnt .search-drop-holder .room-type .htlDetail-row.row > div:nth-child(2):before {
        content: "Room Rate : ";
    }

    .hotelListCnt .search-drop-holder .room-type .htlDetail-row.row > div:nth-child(3):before {
        content: "Tax : ";
    }

    .hotelListCnt article.box.Hotel-search-holder .search-drop-holder .photogallery img {
        width: 100%;
        height: 55px;
    }

    .hotelListCnt .search-drop-holder .photogallery ul li {
        float: left;
        width: 23%;
        margin-right: 6px;
        margin-top: 10px;
    }

    .hotelListCnt .search-drop-holder ul.gallery.clearfix li a:hover:after {
        display: none;
    }

    .sort-by-section.clearfix.box.only-tiles .htlselect.is-open ul {
        display: block;
    }
}

@media(min-width: 480px) and (max-width: 767px) {
    .filterDrpdwnBtn .session_counter {
        width: 38%;
    }
}

@media(min-width: 768px) and (max-width: 991px) {
    .modify-search-holder.container .modify-Htldestination {
        padding:0px;
    }

    .htlDetailHolder .sort-by-section.box.only-tiles.htlSorting > div {
        width: 100%;
        float: left;
        text-align: center;
    }

    .filterSortingTop > label {
        width: 100%!important;
    }

    .filterSortingTop > div {
        float: left;
        margin-right: 16px;
        width: 100%;
        margin-bottom: 8px;
        max-width: inherit;
    }

    form#hotelsSearchForm .form-group.hm-trvlr {
        width: 26%!important;
        padding: 0 10px;
    }

    .modify-hotel .modify-search-holder.container .row > div.modify-date, .modify-hotel .modify-search-holder.container .row > div.modify-btns {
        padding-left: 0;
        padding-top: 0;
        border-left: none;
        height: initial;
        padding-bottom: 0;
        float: left;
        /* width: 100%; */
        margin-bottom: 12px;
    }

    .modify-hotel .modify-search-holder.container .row > .modify-fromto, .modify-hotel .modify-search-holder.container .row .modify-passengers, .modify-hotel .modify-search-holder.container .row .modify-on-ret {
        display: block;
        border: none;
    }

    .modify-hotel .modify-date > div {
        width: 100%;
    }

    .modify-hotel .modify-date > div.modify-psngr-btn {
        float: left;
        width: 100%;
        margin-top: 0;
    }

    .htlFilterdrpr {
        width: 100%;
    }

    .filterDrpdwnBtn .session_counter {
        float: none;
        top: 0;
        right: 0;
        width: 88%;
    }

    .modify-hotel .modify-drpdwn.slide-up {
        /* top: 70px; */
    }

    .htlDetailHolder .sort-by-section.box.only-tiles.htlSorting > div {
        width: 100%;
        float: left;
        text-align: center;
    }

    .page.hotel-hmePge span.ob-content.frnds-cont-div h3 {
        margin-top: 38px;
    }
}

@media(min-width: 992px) and (max-width: 1199px) {
    .listing-style3 .price {
        float: none;
        text-align: center;
        font-size: 18px;
    }

    .available-btn ~ a {
        width: 100%;
        display: block;
        text-align: center;
    }

    .filterSortingTop {
        float: left;
        position: relative;
        top: 0;
        left: 9px;
    }

    .hotelListCnt .details-wrapper.hotel-contentListCntiner .fd-grdleft {
        width: 100%;
        left: 0;
        /* padding: 8px 4px 2px 0; */
    }

    .starRating-Holder {
        width: 64px;
    }

    h4.bform-hotel-det.col-xs-12.col-sm-2.col-md-12 > div span {
        width: 100%;
        margin-bottom: 6px;
    }

    .booking-details .other-details dt.feature.Conveniencefee {
        width: 54.5%;
    }
}

/* 992*1199 */
@media(min-width: 1200px) {
    .modify-hotel .open > .dropdown-menu {
        width: initial;
    }
}

@media(max-width: 1199px) {
    ul.quick-menu.pull-right.MobileMouseDrpdwn.afterLoginTopmenu {
        position: relative;
        top: -1px;
        float: left !important;
        width: 103%;
        background: #2da5ff;
        padding: 0 17px;
        position: relative;
        top: 0;
        left: -1.5%;
        border-top: 1px solid #7b7a7a;
    }

    .modify-hotel .modify-date > div {
        float: left;
        width: 65%;
    }

    .row.top-headd .bform-hotel, .row.top-headd h4 {
        width: 100%;
    }

    .walletWithRbal div:nth-child(2) {
        position: absolute;
        font-size: 11px;
        bottom: -34px;
    }

    .withMoneyWallet.pdd-full-amt > div, .withMoneyWallet.pdd-half-amt > div {
        margin: 0 20px 0 0;
    }

    .walletHolderPD .pd-privacy-txt > span, .paypalOption .pd-privacy-txt > span {
        top: -19px;
    }

    .faredetectdialog .price_hide {
        padding: 4px 8px;
    }

    .rooms-option-hold > div {
        width: 20%;
    }

    .rooms-option-hold > .h-search-rooms {
        width: 20%;
    }

    .rooms-option-hold > div.room-guestaddcopy {
        width: 100%;
    }

    .rooms-option-hold .h-search-guests div {
        margin-top: 0;
        width: 32%;
    }
}

/* < 1199 */
@media(max-width: 767px) {
    .search-drop-holder .room-type .htlDetail-row .available-btn button#home_page_submit_btn {
        font-size:12px;
        padding: 5px 15px;
        line-height: normal;
    }

    section#content.htlDetailHolder {
        padding-top: 10px;
        z-index: unset;
    }

    .session-alert-exp.isRemove .button.yes.transition.sesssionOkHtlBtn {
        margin: 5px!important;
    }

    .session-alert-exp.isRemove .button.no.transition.sesssionCancelHtlBtn {
        margin: 5px!important;
    }

    .starRating-Holder {
        margin: auto;
        width: 63px;
        position: relative;
        top: -4px;
    }

    .withMoneyWallet.pdd-full-amt > div, .withMoneyWallet.pdd-half-amt > div {
        margin: 40px 23px 0 0;
        width: 96%;
    }
    .withMoneyWallet.pdd-full-amt > div.walletWithRbal{
        margin-bottom: 10px;
    }
    .withMoneyWallet.pdd-full-amt > div.walletWithRbal div{
        float: left;
    }
}

@media(min-width: 320px) and (max-width: 480px) {
    .sort-by-section.htlSorting .filterSortingTop {
        display:none;
    }

    form#hotelsSearchForm .form-group.hm-trvlr {
        width: 100%!important;
        /* padding: 5px 0px; */
    }

    .hotelFareDetails .faredetectdialog table tr td:nth-child(odd) {
        /* width: 100%; */
    }

    .multiSelectPayment label {
        margin-bottom: 14px;
    }
}

@media only screen and (max-width: 992px) {
    .respon_popup {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        margin: auto;
        z-index: 99;
    }

    .respon_popup.show .panel-default {
        overflow-y: auto;
        height: 80vh;
    }

    .respon_popup:after {
        content: '';
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(51, 51, 51, 0.5);
        z-index: -1;
    }

    .respon_popup.show {
        display: block;
    }

    .respon_popup .popup-close-btn {
        color: #000;
        font-size: 18px;
        background-color: #fff;
        padding: 5px;
        cursor: pointer;
        display: block;
    }

    form#hotelsSearchForm .datedet {
        /* width: auto; */
    }

    .hotelDetailsDiv-content {
        padding: 10px 0px;
        height: 90vh;
    }

    .row.htlSearch-filter-all {
        padding: 30px 10px;
        margin: 0;
    }

    .hotelListCnt article.box.Hotel-search-holder img {
        width: 100%;
        /* height: 145px; */
        height: 100%;
        object-fit: cover;
    }

    .hotelListCnt article.box.Hotel-search-holder figure > span.hotel-gallery {
        height: 180px;
    }

    .hotelListCnt .details-wrapper.hotel-contentListCntiner .fd-grdleft {
        width: 100%;
        left: 0;
        text-align: left;
        padding: 5px 10px;
    }

    .hotelListCnt article.box.Hotel-search-holder .fare-price .details-wrapper {
        display: block;
        float: none;
        transform: translateX(0) translateY(0);
        width: 100%;
    }

    .starRating-Holder {
        margin: auto;
        width: auto;
        position: relative;
        top: 0;
        text-align: left;
        padding: 0px 5px;
    }

    .search-result-left .list-group span.flprice {
        /* width: 42%; */
        margin: auto;
        float: none;
    }

    .hotelList .second-row {
        height: 138px;
    }

    .hotelList .first-row {
        height: auto;
        /* background: #f9f9f9; */
        padding: 2px;
        float: left;
        width: 100%;
        z-index: 4;
    }

    .available-btn ~ a {
        font-size: 12px;
        cursor: pointer;
        color: red;
        width: 104px;
        display: block;
        margin: auto;
        float: none;
    }

    .search-drop-holder p.ddrooms {
        text-align: left;
        font-size: 12px;
    }

    .htlDetail-row.row .price {
        float: none;
        text-align: center;
        display: block;
    }

    .backBtn i.fa {
        font-size: 14px;
        padding-top: 2px;
    }

    .backBtn > p {
        margin: 0;
        position: relative;
        top: 0;
        float: left;
        width: auto;
        margin: 10px 0;
        font-size: 12px;
        height: auto;
    }

    .row.top-headd .bform-hotel, .row.top-headd h4 {
        width: 100%;
    }

    .walletWithRbal div:nth-child(2) {
        position: relative;
        font-size: 11px;
        bottom: 0;
        float: none;
    }

    .withMoneyWallet.pdd-full-amt > div, .withMoneyWallet.pdd-half-amt > div {
        margin: 0 20px 0px 0;
    }

    .walletHolderPD .pd-privacy-txt > span, .paypalOption .pd-privacy-txt > span {
        top: 0;
    }

    .modify-hotel .modify-search-holder.container .row .modify-on-ret {
        width: 65%;
        float: left;
        font-size: 12px;
    }

    .modify-hotel .modify-Htldestination > div >span {
        line-height: normal;
    }

    .modify-hotel .modify-date > div,.modify-hotel .modify-date > div.modify-psngr-btn {
        float: left;
        width: 35%;
    }

    .modify-hotel .modify-on-ret > div {
        font-size: 10px;
        width: 50%;
    }

    .modify-hotel .modify-Htldestination .modify-on-ret > div strong {
        font-size: inherit;
        text-align: left;
    }

    .modify-hotel .modify-on-ret > div > i {
        font-size: inherit;
        text-align: left;
    }

    .modify-hotel .modify-on-ret > div.mod-return {
        /* float: right; */
    }

    .modify-hotel .modify-passengers > span > strong {
        font-size: 10px!important;
        text-align: center;
        padding: 0;
        margin-right: 0!important;
    }

    .modify-hotel .modify-passengers > span > i {
        font-size: inherit!important;
        text-align: left;
    }

    .modify-hotel .modify-Htldestination > div >span strong {
        font-size: 16px;
        padding: 1px 0px;
        margin-right: 0;
    }

    .modify-hotel .modify-search-holder.container {
        padding: 4px 8px;
        display: block;
    }

    .modify-hotel .modify-Htldestination > div >span.mod-subDestination {
        font-size: 16px;
        margin-top: 0;
    }
}

/*  <992  */
@media(max-width: 560px) {
    div#searchResult div.list-group-item.hotelList.searchresultsDiv {
        padding:5px 0px;
        margin-bottom: 10px;
    }

    .detail-htl-img {
        height: 150px;
    }

    .rooms-option-hold > .h-search-rooms ,.rooms-option-hold .h-search-guests div,.rooms-option-hold > div.room-guestaddcopy {
        width: 100%;
    }

    .home-search-bar.modify-search-bar .tab-content .form-group.rooms-option-hold {
        width: 98%;
    }

    .modify-search-bar #hotelsSearchForm .row.hw-psngr.hme-srchopt-mbl {
        left: 0;
        margin: 0;
        background: #a98a99;
        padding: 0 0 0 18px;
        z-index: 999;
    }

    .respon-htl-book-btn {
        display: block;
    }
}

@media only screen and (max-width: 768px) {

    .HotelPdetailPge form#frmPassengerDetailInfo .passengerDetailInfo{
        padding: 0;
        background-color: #fff0;
    }
.HotelPdetailPge .booking-section.gobudgetair-box.passenger-information{
    padding: 10px;
}
    .htlDetailHolder .item.list-group-item article.box .searchfare-details-drpdwn.hotel-searchfare{
         height: 90%;
    }
    #searchResult .hotel-searchfare .search-drop-holder{
        padding-bottom: 175px;
        height: 100%;
    }
    .hotel-details-drpdwn.onward .hotelDetailsDiv-content{
        height: 68vh;
    }
    #htlSorting .lHotelCount {
        width:auto;
        font-size: 16px;
    }

    .action.srch-price-btn {
        margin: unset;
        padding: 0px 5px;
        width: 100%;
    }

    .hotelList a.button.btn-small.full-width {
        padding: 5px 20px;
        height: auto;
        font-size: 14px;
    }

    .modify-search-holder.container > .col-md-12 > .row > div {
        width: 90%;
        float: left;
        padding: 0px;
        display: flex;
        flex-wrap: wrap;
    }

    .modify-search-holder.container > .col-md-12 > .row > div.modify-Htldestination {
        /* width: 100%; */
    }

    .modify-hotel .modify-Htldestination .modify-cityname {
        padding: 0px 10px;
    }

    form#hotelsSearchForm .row.hw-psngr .form-group {
        margin-bottom: 15px;
    }

    form#hotelsSearchForm .datedet {
        margin-bottom: 0px;
    }

    .home-search-bar.hotel-search-bar {
        background: #17227d;
    }

    .hme-btn-mbl.hmetlBtn {
        bottom: 0;
    }

    .retreat_wellness_holder {
        display: flex;
        flex-wrap: wrap;
    }

    .retreat_wellness_holder .img_wrapper {
        width: 100%;
    }

    .retreat_wellness_holder .retreat_wellness_content {
        width: 100%;
    }

    .perfect_stay .perfect_stay_list {
        display: flex;
        flex-wrap: wrap;
    }

    .perfect_stay_list .perfect_stay_item {
        width: 48%;
        margin-bottom: 15px;
    }

    .rediscover_place .perfect_stay_list .perfect_stay_item {
        width: 48%;
        margin-bottom: 15px;
    }

    .rediscover_place .perfect_stay_list .perfect_stay_item .perfect_stay_info {
        padding: 10px;
    }

    .rediscover_place .perfect_stay_list .perfect_stay_item .perfect_stay_img_wrapper {
        height: 120px;
    }
}