.hotelwrapper {
    padding: 20px 0;
    background: #dedde8;
    font-size: 13px;
    font-weight: 500;
    }

   .hotelModify { background: #1e1c66; padding: 14px 0; } 
   .filterblock {background: #FFFF;padding: 10px;margin-bottom: 10px;border-radius: 4px;} 
   ul.searchBoxMain li.ht_input.ht_checkout,
   ul.searchBoxMain li.ht_input.ht_checkin { width: 230px; } 
   
   .hotelResultCard {display: flex;background: #FFF;border-radius: 0px;margin-bottom: 0;-webkit-box-shadow: 0 2px 2px 0 rgb(0 0 0 / 12%);box-shadow: 0 2px 2px 0rgba(0, 0, 0, .12);overflow: hidden;border: 1px solid #dddfe2;margin-bottom: 15px;cursor: pointer;} 
   
   .hotelResultCard .htImage { width: 260px; padding: 5px 0 5px 5px; } 
   
   .hotelResultCard .htHotelInfo { width: calc(100% - 260px); display: flex; font-size: 13px; font-weight: 500; } 
   
   li.ht_input.ht_checkin:after { content: ""; } 
   
   .hotelResultCard .htImage li.first { flex: 0 0 100%; padding: 1px; } 
   
   .hotelResultCard .htImage li:not(.first) { flex: 0 0 25%; display: block; width: calc(25%); padding: 0 1px; } 
   
   .hotelResultCard .htImage li img { width: calc(100%); } 
   
   .hotelResultCard .htImage ul { display: flex; flex-wrap: wrap; padding: 0; margin: 0; } 
   
   .hotelResultCard .htImage li { display: block; } 
   
   .hotelResultCard .htImage li.last { position: relative; } 
   
   .hotelResultCard .htImage li.last:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #000; opacity: 0.5; } 
   
   .hotelResultCard .htImage li.last:after { content: attr(data-text); position: absolute; top: 0; left: 0; right: 0; color: #FFF; width: 65px; height: 50px; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 500; } 
   
   .hotelResultCard .htImage li:not(.first) img { height: 50px; object-fit: cover; } 
   
   .htHotelInfo .ht_dt { padding: 10px 10px 0 10px; } 
   
   .htHotelInfo .ht_dt .ht_title { font-size: 18px; font-weight: 700; margin-bottom: 10px; } 
   
   ul.searchBoxMain li.search_Btn:after { display: none; }
.hotelResults > li:first-child {
    display: none;
}
   .PriceSlider .pricetext {border: none;display: flex;color: #66678f;font-size: 14px;margin-bottom: 20px;font-weight: 500;}

.PriceSlider .slider.ui-slider {
    height: 3px;
    background: #d2d2d2;
    box-shadow: none !important;
    border: none !important;
    position: relative;
    display: flex;
    justify-content: center;
}
   
   .PriceSlider .ui-slider-horizontal .ui-slider-handle { position: absolute; top: 50%; transform: translateY(-50%); width: 24px; height: 24px; border-radius: 50%; border: 1px solid #e5e5e5; box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .1); cursor: pointer; background: #fff; z-index: 1}
   
   .PriceSlider .ui-slider-horizontal .ui-slider-handle:before { content: "|||"; font-size: 9px; position: absolute; left: 50%; top: 50%; color: #615d5d; transform: translate(-50%, -50%)}
   
   .PriceSlider .ui-slider .ui-slider-range {height: 3px;background: #ed1b2e;}
   
   .PriceSlider { margin-bottom: 24px; padding: 0 15px 0 0}
   
   
   .filterheading { font-weight: 600; font-size: 16px; color: #000; margin: 15px 0; } 
   
   ul.filtercheckboxlist { padding: 0; margin: 0}
   
   ul.filtercheckboxlist li { display: block; margin: 15px 0}
   
   ul.filtercheckboxlist.radioList li { display: block; margin: 10px 0}
   
   ul.filtercheckboxlist li label { font-size: 13px; font-weight: 600; display: flex; justify-content: space-between; color: #000000; } 
   
   ul.filtercheckboxlist li label .count,
   ul.filtercheckboxlist li label .price { color: #818181; font-weight: 500; font-size: 12px; } 
   
   ul.filtercheckboxlist li .md-radio { margin: 0}
   
   ul.filtercheckboxlist li .htStar { margin: -4px 0 0}
   
   header.header { padding: 10px 0; box-shadow: 0 .6rem 2.3rem -.8rem rgb(0 0 0 / 20%); position: relative; z-index: 9}
   
   ul.searchBoxMain { display: flex; align-items: center; padding: 0; width: calc(100%); margin: 40px 0 0; flex: 0; box-shadow: rgb(0 0 0 / 25%) 0 4px 4px; border-radius: 40px}
   
   ul.searchBoxMain li.ht_input { display: block; background: #fff; padding: 14px 30px !important; flex-shrink: 0; flex-grow: 0; width: 180px; position: relative}
   
   ul.searchBoxMain li.ht_input .form-group { margin: 0}
   
   ul.searchBoxMain li.ht_input .form-group .form-control { border: none; background: 0 0; padding: 0; height: 18px; font-size: 14px; font-weight: 700; color: #111}
   .star_ratings { position: relative; top: initial !important; bottom: initial !important; margin-right: 15px; left: initial !important}
   
   .star_ratings { position: relative; bottom: inherit !important; left: initial !important; z-index: initial !important}
   
   .star { width: 16px; height: 16px; display: inline-block; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23FFA000' d='M329.6 176H488C498.3 176 507.4 182.5 510.7 192.2C514 201.9 510.8 212.6 502.7 218.9L371.9 320.7L422.9 480.7C426.1 490.7 422.4 501.7 413.7 507.7C405.1 513.7 393.6 513.4 385.3 506.9L256 406.4L126.7 506.9C118.4 513.4 106.9 513.7 98.27 507.7C89.65 501.7 85.94 490.7 89.13 480.7L140.1 320.7L9.267 218.9C1.174 212.6-2.027 201.9 1.3 192.2C4.628 182.5 13.75 176 24 176H182.5L233.1 16.72C236.3 6.764 245.6 0 256 0C266.5 0 275.7 6.764 278.9 16.72L329.6 176z'/%3E%3C/svg%3E"); margin: 0 1px; } 
   
   .star_ratings { display: inline; white-space: nowrap}
   
   .reviews_ht .star_ratings { margin-right: 10px}
   
   .reviews_ht .reviews_count {display: flex;align-items: center;flex-wrap: wrap;color: #878787;font-size: 12px;font-weight: 300;} 
   
   ._address svg { width: 12px; height: auto; margin-right: 5px; color: #8592a6; fill: #8592a6; position: relative; top: -1px; } 
   
   ._address .txt {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;width: calc(100% - 25px);font-size: 12px;color: #878787;font-weight: 500;} 
   
   ._address { display: flex; max-width: 100%}
   
   
   .reviews_ht { display: flex; flex-wrap: wrap; margin-bottom: 10px; } 
   
   .reviews_ht .propertyStarRating { margin-right: 5px; } 
   
   .reviews_ht .propertyType { margin-right: 5px; } 
   
   .hotelResultCard .htImage li.first img { height: 240px; object-fit: cover; border-top-left-radius: 4px; } 
   
   .hotelResultCard .htHotelInfo .ht_dt { width: calc(100% - 200px); } 
   
   .hotelResultCard .htHotelInfo .ht_price { width: 200px; border-left: 1px solid #dddfe2; align-items: flex-end; justify-content: flex-end; text-align: right; display: flex; padding: 0 20px 10px; } 
   
   .ht_facilities span { display: flex; margin-right: 5px; color: #8592a6; font-size: 12px; overflow: hidden; padding: 0 7px 10px; white-space: nowrap; line-height: 1; width: 48%; align-items: center; } 
   
   .ht_facilities { margin: 10px 0; display: flex; flex-wrap: wrap; } 
   
   .PropertyCardPrice--CrossOutSmall,
   .PropertyCardPrice--ForBooking { font-size: 18px; font-weight: 700; line-height: 1.35; } 
   
   
   .discountPercentage { padding: 4px 8px; border-radius: 2px; width: 100%; background-color: rgb(225, 45, 45); color: rgb(255, 255, 255); text-align: center; font-size: 12px; margin-bottom: 10px; width: 114px; float: right; } 
   
   .priceFor,
   .priceIncludes { color: #8592a6; font-size: 12px; font-weight: 300; } 
   
   .priceIncludes { color: #333; font-weight: 400; } 
   
   .PropertyCardPrice--CrossOutSmall { position: relative; display: inline-block; color: #737373; } 
   
   .PropertyCardPrice--CrossOutSmall:after { border-top: 2px solid; content: ""; position: absolute; right: 0; top: 50%; width: 100%; color: #e12d2d; -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 
   
   .selectRoom { background: #DDD; display: flex; justify-content: center; align-items: center; position: relative; border: none; user-select: none; padding: 10px 10px; border-radius: 2px; background-color: hwb(186deg 0% 11%); color: rgb(255, 255, 255); box-shadow: rgb(0 0 0 / 20%) 0px 1px 3px 1px; transition: all 0.15s ease-in-out 0s; margin-top: 10px; width: 160px; font-weight: 600; } 
   
   .ht_cancellation_type { background: rgba(0, 173, 69, .06); padding: 8px; border-radius: 2px; font-weight: 700; text-transform: uppercase; display: inline-block; font-size: 10px; color: #00bc54; } 
   
   .selectRoom svg { fill: #FFF; width: 24px; height: 24px; } 
   
   .ht_facilities span i { font-size: 18px; margin-right: 5px; } 
   
   .ht_facilities_heading { font-weight: 700; font-size: 13px; color: #000000; } 
   
   ul.ModifySearchbox__wrapper { padding: 0; display: flex; } 
   
   ul.searchBoxMain { display: flex; align-items: center; padding: 0; margin: 0 auto 0; flex: 0; border-radius: 4px; width: fit-content; } 
   
   ul.searchBoxMain li.ht_input { display: flex; background: #fff; padding: 8px 10px !important; flex-shrink: 0; flex-grow: 0; width: 200px; position: relative; align-items: center; } 
   
   ul.searchBoxMain li.ht_input .form-group { margin: 0}
   
   ul.searchBoxMain li.ht_input .form-group .form-control { border: none; background: 0 0; padding: 0; height: 20px; font-size: 12px; font-weight: 600; color: #111}
   
   .searchbanner { min-height: 640px; display: flex; align-items: center; background-image: url(../images/banner.jpg); background-repeat: no-repeat; background-size: cover; background-position: center 20%; padding: 50px 0; position: relative}
   
   .searchbanner:before { content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: rgb(2 18 102 / 20%)}
   
   .searchBox { display: flex; align-items: center; width: 100%; justify-content: center; position: relative; z-index: 1; top: -20px}
   
   ul.searchBoxMain li.searchCity { border-radius: 4px; width: 320px !important; } 
   
   ul.searchBoxMain li label { margin-bottom: 0 !important; font-size: 14px !important; line-height: 16px !important; font-weight: 600 inherit; letter-spacing: .04em !important; padding-bottom: 2px !important}
   
   .btn.btn-search { display: flex; align-items: center; justify-content: center; height: 48px; background: #5392f9; color: #fff; border-radius: 6px; width: 136px; font-weight: 500; } 
   
   ul.searchBoxMain li.search_Btn { border-top-right-radius: 4px; border-bottom-right-radius: 4px; height: 60PX; display: inline-flex; align-items: center; padding: 5px !important; width: 150px; justify-content: center; } 
   
   .btn.btn-search svg {fill: #fff;color: #fff;width: 24px;height: 24px;margin-right: 0;}
   
   ul.searchBoxMain li .form-group .form-control::-webkit-input-placeholder { font-weight: 400; color: #999999; } 
   
   ul.searchBoxMain li .form-group .form-control:-ms-input-placeholder { font-weight: 400; color: #999999; } 
   
   ul.searchBoxMain li .form-group .form-control::placeholder { font-weight: 400; color: #999999; } 
   
   ul.searchBoxMain li.ht_pax { flex: 1 0 0; width: 240px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } 
   
   ul.searchBoxMain li:not(last-child):after { /* content: ""; */
    height: 24px; width: 1px; background: #a7a7a7; display: block; position: absolute; top: 50%; right: 0; transform: translateY(-50%)}
   
   ul.searchBoxMain li.ht_pax:after { display: none}
   
   li.ht_input.searchCity { margin-right: 5px; } 
   
   li.ht_input.ht_checkin { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } 
   
   li.ht_input.ht_checkout { border-top-right-radius: 4px; border-bottom-right-radius: 4px; margin-right: 5px; } 
   
   ul.searchBoxMain li.ht_input .searchformIcon { width: 40px; } 
   
   ul.searchBoxMain li.ht_input .searchformIcon svg { fill: #999; transform: scale(0.75); } 
   
   .htRoomList { padding: 0 20px; display: flex; flex-wrap: wrap; justify-content: center; margin: 10px 0 0}
   
   .htRoomList a { flex: 0 0 33%; font-size: 14px; font-weight: 600; color: #aaa; padding: 0 0 5px; text-align: center; border-bottom: 3px solid transparent; margin-bottom: 15px}
   
   .htRoomList a.d-none { display: none}
   
   .htRoomList a:not(.collapsed) { color: #000; border-bottom: 3px solid #000}
   
   .roomAction { display: flex; justify-content: center; position: relative; padding: 20px 0; margin-top: 10px}
   
   .roomAction a { font-size: 12px; font-weight: 500; display: flex; align-items: center; line-height: 1; width: fit-content; padding: 0 10px; background: #fff; position: relative; z-index: 1; margin: 0 5px; cursor: pointer}
   
   .roomAction a svg { height: 18px !important; width: auto; margin-right: 9px}
   
   .roomAction a.delRoom svg { height: 16px !important; position: relative; top: -2px}
   
   .roomAction a.delRoom { color: #f44336}
   
   .roomAction:after { content: ""; background: #d4d4d4; width: 100%; height: 1px; position: absolute; top: 50%; transform: translate(-50%, -50%); left: 50%}
   
   .roomAction a.addRoom { color: #0064ff}
   
   .roomActionFooter { display: flex; justify-content: space-between; border-top: 1px solid #efeeee; padding: 5px 20px 0}
   
   .roomActionFooter a { font-size: 12px; font-weight: 600; display: block; padding: 10px 5px 5px}
   
   a.act-cancle { color: #f44336}
   
   a.act-done { color: #0064ff}
   
   ul.ddlSpinner li { display: flex; align-items: center; justify-content: space-between; padding: 14px 20px}
   
   ul.ddlSpinner li ._left { width: 120px; flex-shrink: 0; font-weight: 600; font-size: 14px}
   
   ul.ddlSpinner li ._left small { display: block; font-weight: 400; margin-top: 4px}
   
   ul.ddlSpinner li ._right { display: flex; align-items: center}
   
   ul.ddlSpinner li ._right .ddl_minus,
   ul.ddlSpinner li ._right .ddl_plus { width: 32px; height: 32px; background: #dedde8; display: flex; align-items: center; justify-content: center; font-weight: 700; cursor: pointer; border-radius: 3px}
   
   ul.ddlSpinner li ._right .ddlValue { width: 44px; height: 32px; display: inline-block; border: 0; text-align: center}
   
   ul.ddlSpinner li:not(:last-child) { border-bottom: 1px solid #ddd}
   
   ul.selectAirlineClass { padding: 0; margin: 0}
   
   ul.selectAirlineClass li { display: block; position: relative; padding: 0 15px}
   
   ul.selectAirlineClass li input { opacity: 0; position: absolute}
   
   ul.selectAirlineClass li input+label { border: 1px solid #ddd; display: block; padding: 10px; font-weight: 600; color: #000; margin: 0; font-size: 12px; cursor: pointer}
   
   ul.selectAirlineClass li input:checked+label { background: #0f5585; color: #fff}
   
   ul.selectAirlineClass li:not(:last-child) { margin-bottom: 10px}
   
   ul.ddlSpinner { padding: 0; } 
   
   .hotelSort { display: flex; margin-bottom: 10px; } 
   
   .hotelSort { border: 1px solid #dddfe2; border-radius: 4px; overflow: hidden; } 
   
   .hotelSort .ht_sort { width: calc(100% - 100px); flex-grow: 0; border: none; background: #FFF; padding: 10px; font-weight: 600; font-size: 12px; display: flex; align-items: center; justify-content: center; } 
   
   .hotelSort .SortHeading { width: 100px; flex-shrink: 0; padding: 10px; font-weight: 500; background: #f8f8f8; text-align: center; font-size: 15px; border-right: 1px solid #dddfe2; } 
   
   .hotelSort .ht_sort svg { transform: scale(0.75); } 
   
   .hotelSort .ht_sort:not(:last-child) { border-right: 1px solid #dddfe2; } 
   
   .hotelSort .ht_sort.active { background: #03045e; color: #FFF; } 
   
   .hotelSort .ht_sort.active svg { fill: #FFF; } 
   .filtertopheading { padding-bottom: 10px; display: flex; justify-content: space-between; } 
 
   .filtertopheading ._left { font-size: 18px; line-height: 160%; color: #000; display: flex; justify-content: space-between; align-items: center; font-weight: 600; } 
   
   .filtertopheading .search_info { font-size: 12px; display: block; color: #717171; } 
   
   .filtertopheading ._left a.back_btn { margin-right: 10px; display: none; } 
   
   .btn.btn-rest { font-size: 14px; border: none; background: transparent; padding: 0; line-height: 190%; display: flex; align-items: center; text-align: right; border: 1px solid #ed1b2e; transition: all 0.3s linear; color: #ed1b2e; padding: 5px 15px; font-size: 14px; font-weight: 600; } 
   
   @media screen and (max-width:1199px) { ul.searchBoxMain li.searchCity { border-radius: 4px; width: 240px !important; } 
   
    ul.searchBoxMain li.ht_input.ht_checkout,
    ul.searchBoxMain li.ht_input.ht_checkin { width: 200px; } 
    }
   
   @media only screen and (max-width:1024px) {
    .mobile-sorting { position: fixed; bottom: 0; z-index: 1; width: calc(100%); display: block; } 
 
    .mobile-sorting ul { display: flex; align-items: center; width: calc(100%); justify-content: space-around; background: #03045e; box-shadow: 0 2px 8px rgba(102, 103, 143, 0.3); border-radius: 0; padding: 0; margin: 0; } 
    
    .mobile-sorting ul li { padding: 2%; color: #fff; display: flex; align-items: center; flex: 0 0 50%; justify-content: center; font-size: 13px; } 
    
    .mobile-sorting ul li svg { fill: #fff; margin-right: 10px; } 
    
    .mobile-sorting ul li strong { display: block; letter-spacing: 0.38px; } 
    
    .mobile-sorting ul li:not(:last-child) { border-right: 1px solid #dddddd1c; } 
    
    .sidebarfilters { position: fixed; left: 0; right: 0; width: calc(100%); z-index: 9; background: #fff; height: 100vh; overflow-y: scroll; -webkit-overflow-scrolling: touch; top: 100%; transition: all 0.3s linear; display: block; padding-bottom: 60px; } 
    
    .sidebarfilters.active { top: 0; bottom: 0; } 
    
    .sidebarfilters .filterblock,
    .sidebarfilters .filtertopheading { padding: 10px 2%; } 
    
    .sidebarfilters .filtertopheading { position: sticky; top: 0; background: #fff; z-index: 2; } 
    
    .filtertopheading ._left a.back_btn { display: block; } 
    
    .btn.apply_filter { background: #ed1b2e; color: #fff; font-weight: 500; letter-spacing: 0.4px; width: calc(100%); border-radius: 4px; } 
    
    .filter_mobilebottom { position: absolute; bottom: 0; width: calc(100%); padding: 15px; background: #fff; border-top: 1px solid #e7e7e7; display: block; transition: all 0.3s linear; } 
    
    .sidebarfilters.active .filter_mobilebottom { position: fixed; } 
 
    
    ul.searchBoxMain { flex-wrap: wrap; } 
   
    ul.searchBoxMain li.search_Btn { width: 100%; background: transparent; padding: 10px 0 0 0 !important; } 
   
    .btn.btn-search { width: 100%; } 
   
    ul.searchBoxMain li.ht_pax { border-radius: 4px; } 
    }
   
   @media screen and (max-width:768px) {
    .hotelResultCard .htImage { width: 200px}
   
    .hotelResultCard .htHotelInfo { width: calc(100% - 200px); } 
   
    .hotelResultCard .htImage li.last:after { width: 48.75px; height: 48.75px; } 
   
    ul.searchBoxMain li.searchCity { width: 100% !important; margin-bottom: 10px !important; } 
   
    ul.searchBoxMain li.ht_input.ht_checkout,
    ul.searchBoxMain li.ht_input.ht_checkin { width: 25% !important} 
    }
   
   @media screen and (max-width:690px){
    .hotelSort { display: none !important; } 
   
    .hotelResultCard .htImage,
    .hotelResultCard .htHotelInfo { width: 100%}
   
    .hotelResultCard { flex-wrap: wrap; } 
   
    .hotelResultCard .htImage li.first img { height: 240px; } 
    }
   
   @media screen and (max-width:560px){
    .hotelResultCard .htHotelInfo { display: block; } 
   
    .hotelResultCard .htHotelInfo .ht_dt { width: 100%; } 
   
    .hotelResultCard .htHotelInfo .ht_price { width: 100%; } 
   
    .priceWrabber { display: flex; flex-wrap: wrap; justify-content: flex-end; } 
   
    .priceWrabber .ht_box_price { flex: 0 0 100%; display: flex; justify-content: flex-end; align-items: flex-end; } 
   
    .selectRoom { width: 100% !important; } 
   
    .PropertyCardPrice--CrossOutSmall { font-size: 16px; position: relative; margin-right: 10px; top: -3px; } 
   
    .priceFor { margin-right: 5px; } 
   
    .hotelResultCard .htImage li.last:after { width: 100%; } 
   
    ul.searchBoxMain li.ht_input.ht_checkout,
    ul.searchBoxMain li.ht_input.ht_checkin {
    width: 50% !important; margin: 0 0 10px; } 
   
    ul.searchBoxMain li.ht_pax { width: 100%; } 
    }