﻿.Property_Name {
    font-size: 10pt;
    font-family: 'BC Sans bold';
    line-height: 32px;
    /*white-space: nowrap;*/
    overflow: hidden;
    /*text-overflow: ellipsis;*/
    padding:0 10px;
    /*color: #0f691e;*/
}
.Property_Name_Head {
    font-size: 11pt;
    font-family: 'BC Sans bold';    
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 10px;
    border-bottom: 3px solid #036;
    line-height: 50px;
}
.Property_Count_Dis {
    flex: 0 0 40px;
    max-width: 40px;
}
.Property_Name_Dis {
    flex: 0 0 310px;
    max-width: 310px;
    text-transform: capitalize;
}

.Property_Tab_Name {
    flex: 1 1 auto;
    text-align: center;
    background-color: #036;
    line-height: 78px;
    cursor: pointer;
    color: #fff;
    font-size: 13pt;
    margin: 2px;
    margin-top: 0px;
    border-bottom: 4px solid #fcba19;
    font-family: 'BC Sans bold';
    color: #fff;
    padding: 0px 5px;
    width: 203px;
}
.RoomNameTitle{padding-left:12px !important}
#logo img {
    max-width: 318px;
    top: -1px;
    left: 41px;
}
.Property_Tab_Name_Sel {
    background-color: #fcba19;
}
.Property_Tab_Name:first-child {
    margin-left: 0px;
}

.Property_Tab_Name:last-child {
    margin-right: 0px;
}
.Loginlogowraper {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #f1f1f1;
    border-top: 4px solid #036;
}

.mrgbottom {
    margin-bottom: 0rem !important;
}
.Tab_Margin {
    margin: 2px !important;
    max-width: calc(16.666667% - 4px);
}
.Property_Name img{margin-top:-4px}
.Prop_Address {
    COLOR: #231f20;
    font-size: 9.3pt;
    font-family: 'BC Sans bold';
}
.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0 #fff;
}
.modal-content {
    border: 0px !important
}
.Prop_PhoneNumber {
    COLOR: #231f20;
    font-size: 9.3pt;
    font-family: 'BC Sans bold';
    display: none;
}
.Prop_PhoneNumber_det {
    COLOR: #231f20;
    font-size: 9.3pt;
    font-family: 'BC Sans bold';

}
.mrdnBookBtnAval {
    text-decoration: none;

    cursor: pointer;
    text-align: center;
    text-decoration: none;
    outline: none;

    background-color: #036;
    border: none;
    border-radius: 0px;
    padding: 9px 18px;
    color: #fff !important;
    font-size: 9pt;
    letter-spacing: 0.5px;
    line-height: 45px;
    width: 100%;
    font-weight: bold;
}
.modal-footer {
    border-top: 0px 
}
.Best_Rate_Txt {
    font-size: 10px;
    line-height: 20px;
}

.Best_Rate_Txt_padding {
    padding-left: 25px !important;
}

.sold_out_height {
    
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}

#HotelListView {
    
    padding-bottom: 8px;
}
.HotelMapView {
    padding-top: 21px;
    padding-bottom: 8px;
    padding-right: 15px !important;
}
#hotelLocation{font-size:12pt;font-weight:bold}
.homeLocationText {
    font-weight: bold;
    font-size: 11pt
}
.ViewRoomTypeBtn {
    /*width: 166px;*/
    height: 51px;
    background-color: #5a5859;
    color: #fff;
    text-decoration: none;
    text-align: center;
    line-height: 38px;
    vertical-align: middle;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 0.25px;
}

.mrdnAvalBookBtnText {
    color: #fff;
    font-size: 9pt;
    letter-spacing: 0.5px;
    line-height: 45px;
    width: 95%;
    font-weight: bold;
    background-color: #036;
}

.MoreinfoMap {
    position: absolute;
    width: 100%;
    bottom: 0px;
}

a.ViewRoomTypeBtn:hover {
    color: #fff;
}

.lowest_rate_Amt {
    color: #000;
    font-size: 16px !important;
    font-family: 'BC Sans bold';
    line-height: 25px;
}
.roomsleftStr {
    color: #FF0000 !important;
}
.roomsleftStr_black {
    color: #000 !important;
}
.amenity_icon {
    width: 100%;
    max-width: 25px;
    max-height: 25px;
}

#mrdn_set_best_rate {
    height: 215px !important;
}

.LinkSpan {
    color: #231f20;
    CURSOR: pointer;
    font-family: 'BC Sans bold';
}

.Ratemaindiv {
    text-align: center;
    height:100%;
}

.Ratecoldiv {
    text-align: center;
    height: 170px;
}

.vtop {
    position: absolute;
    top: 20%;
}

.vcenter {
    position: absolute;
    top: 40%;
}

.vcenterpopup {
    position: absolute;
    top: 33%;
}

.vbottom {
    position: absolute;
    bottom: 5px;
    width: 100%;


}

.cntrcontent {
    display: flex;
    justify-content: center;
    flex-flow: row wrap;

}

.bannerImg{max-width:1238px;width:100%}
#hotelList {
    background-color: #fff;
}
.RateBoxHotel {
    max-width: 114px;
    height: auto;   
    width: 114px;
    height: 100%;
    color: #000;
    font-size: 12px;
    font-family: 'BC Sans bold';
}
.MapRateBoxHotel {
    width: 100%;
    height: auto;
    min-height: 35px;
    height: 100%;
    background-color: #2464a4;
    margin: 0px !important;
    color: #545454;
    font-size: 12px;
    font-family: 'BC Sans bold';
}
.MapmrdnBookBox {
    background-color: #003366;
    max-width: 130px;
    max-height: 35px;
    height: 100%;
    cursor: pointer;
}
.MapmrdnBookBtnText {
    color: #fff;
    font-family: 'BC Sans bold';
    font-size: 10px;
    letter-spacing: 0.5px;
    line-height: 32px;
}
/*filter_tab*/
.drpAccommodations {
    width: 160px ;
    font-size: 8pt;
    text-align: left;
    color: #000;
    height: 21px;
    border: 0;
    border: 1px solid #e8e8e8;
    background-color: #fff;
    text-indent: 2px;
    letter-spacing: .5pt;
}


.filter_tab_text {
    TEXT-DECORATION: none;
    color: #333333;
    height: 20px;
    padding-left: 0px;
    padding-right: 15px;
    vertical-align: bottom;
}

.clspointer {
    cursor: pointer;
}

.hotelbg {
    background-color: #fff;
    padding:0 9px !important
}

/*filter_tab*/
/*SearchBar*/
.find_hotel_bar {
    background-color: Transparent;
    width: 100%;
    text-align: left;
    font-size: 12pt;
    font-family: 'BC Sans bold';
    vertical-align: middle;
    letter-spacing: 0px;
    color: #333333;
}
.searchBar *, .filterBar *{
    align-self: center !important
}
.searchbyTitle {
    font-size: 14pt;
    font-family: 'BC Sans';
    color: #333333;
    flex: 0 0 105px;
    max-width: 105px;
}
.dateArrival {
    flex: 0 0 288px;
    max-width: 288px;
}
.dateDepart {
    flex: 0 0 308px;
    max-width: 308px;

}
.countAdults {
   
    flex: 0 0 141px;
    max-width: 141px
}
.corporatefilter {
     flex: 0 0 143px;
    max-width: 143px;
    position: absolute;
    top: 50px;  
    right: 500px;
   
}
.corporatelabel {
    flex: 0 0 95px;
    max-width: 95px;
}
.corporatetxt {
    flex: 0 0 150px;
    max-width: 150px;
}
.mainSearchBtn {
    flex: 0 0 203px;
    max-width: 203px;
    height: 35px;
}
.arrdateLabel {
    flex: 0 0 106px;
    max-width: 106px;
    text-align: left;
    padding-right: 0px !important;
}
.arrdateInput {  
    /* flex: 0 0 200px;
    max-width: 200px;*/
     flex: 0 0 167px;
    max-width: 167px;
    text-align: left;
}
.deptDateLabel {
    flex: 0 0 126px;
    max-width: 126px;
    text-align: left;
    padding-right: 0px !important;
    padding-left: 2px !important;
}
.deptdateInput {
   
    /*flex: 0 0 210px;
    max-width: 210px;*/
    flex: 0 0 175px;
    max-width: 175px;
    text-align: left;
  padding-left: 4px !important;
}
.adultLabel {
    flex: 0 0 60px;
    max-width: 60px;
    text-align: right;
    padding-right: 9px !important;
}
 .childLabel {
    flex: 0 0 60px;
    max-width: 60px;
    text-align: right;
    padding-right: 17px !important;
    }
.cityLabel {
  
    flex: 0 0 60px;
    max-width: 60px;
    padding-right: 5px !important;
    padding-left: 2px !important;
}
.cityInput {
   
     flex: 0 0 215px;
    max-width: 215px;
    text-align: left;
}
.cityhead {
    
   flex: 0 0 296px;
    max-width: 296px;
}
.countRooms {
    flex: 0 0 203px;
    max-width: 202px;
    z-index: 1;
}
.RoomLabel {
    flex: 0 0 100px;
    max-width: 100px;
    text-align: left;
}
.RoomInput {
    flex: 0 0 103px;
    max-width: 102px;
    text-align: right;
}

.adultInput {
    flex: 0 0 69px;
    max-width: 69px;
    text-align: left;
    z-index: 1;
}
.SearchNow_Btn_text {
    text-transform: uppercase;
    color: #003366;
    letter-spacing: 1px;
    padding: 0px 0px;
    white-space: nowrap;
    text-decoration: none;
    font-size: 18px;
    background-color: #fcba19;
    width: 100%;
    line-height: 82px;
    position: absolute;
    left: 0px;
    top: 0;
    z-index: 1;
    
}
.mainModifySearchBtn {
    flex: 0 0 13.3758vw;
    max-width: 13.3758vw;
    position: absolute;
    right: 0;
    top: 38px;
    border: 2px solid #c9c6c6;
    z-index: 1;
}
.mainModifySearchBtn .SearchNow_Btn_text {
    color: #5a5859;
    background-color:#fff;
    padding: 3px 20px;

}
.mainModifySearchBtn a.SearchNow_Btn_text:hover {
   color: #5a5859;
}
.searchBar input[type=text], .searchBar select, .filterBar select, #RoomAmenitiesOverSelect, #PropAmenitiesOverSelect {
    font-size: 11pt;
    text-align: left;
    /* letter-spacing: 1px;*/
    color: #231f20;
    height: 35px;
    border: 1px solid #e8e8e8;
    padding: 0 8px 0 0;
    border: 2px solid #c9c6c6;
    background-color: #fff;
    /*width: 100%;*/
    width: 67%;
    font-family: 'BC Sans';
    border-radius: 0px;
}
#RoomAmenitiesOverSelect, #PropAmenitiesOverSelect {
    background-image: url(/PropertyBooking_Core/images/dropdown.png) !important;
    background-repeat: no-repeat !important;
    background-position: right center !important;
    overflow: hidden;
}
    #txtArrival_Date,
    #txtReturnDate {
        padding: 0 8px 0 8px;
        /*width:177px*/
        width: 120px
    }
.searchBar {
    height: 35px;
    margin: 7px 0px !important;
    font-size: 10.5pt;
    font-family: 'BC Sans';
}
.filterBar {
    
    margin: 7px 0px !important;
    font-size: 10.5pt;
    font-family: 'BC Sans';
}
.filerbyTitle {
    font-size: 14pt;
    font-family: 'BC Sans';
    color: #333333;
    flex: 0 0 100px;
    max-width: 100px;
}
.purposefilter {
  
    /*flex: 0 0 290px;
    max-width: 290px;*/
     flex: 0 0 288px;
    max-width: 288px;
}
.amenitiesFilter {
    /*flex: 0 0 390px;
    max-width: 390px;*/
    flex: 0 0 288px;
    max-width: 288px;
}
.RoomamenitiesFilter {
    /*flex: 0 0 290px;
    max-width: 290px;*/
    flex: 0 0 317px;
    max-width: 317px;
    position: absolute;
    /*right: 174px;*/
    right: 198px;
    top: 7px;
}
.Propertyfilter {
    padding-top: 15px !important;
    position: absolute;
    top: 42px;
    z-index: 1;
    width: 280px;
}
.filerPropInput {
    max-width: 164px;
}
.PageHome .Propertyfilter{display:none}
.filerPurposelabel {
    flex: 0 0 106px;
    max-width: 106px;
    text-align: left;
    padding-right: 10px !important;
}
.filerPurposeinput {
    flex: 0 0 178px;
    max-width: 178px;
    text-align: left;
}
.filerPropLabel {
    flex: 0 0 106px;
    max-width: 106px;
    padding-right: 10px !important;
    text-align: left;
}
.RoomfilterAmenityLabel {
    flex: 0 0 72px;
    max-width: 72px;
    /*text-align:right;*/
    /* padding-right: 26px !important;*/
    padding-left: 2px !important;
}
.filterAmenityLabel {
    flex: 0 0 130px;
    max-width: 130px;
    text-align:left;
    /*padding-right: 5px !important;*/
    padding-left: 2px !important;

}
.filterAmenityinput {
    flex: 0 0 150px;
    max-width: 150px;
    text-align: left;
}
.filterRoomAmenityinput {
    flex: 0 0 217px;
    max-width: 217px;
    text-align: left;
    padding-left: 2px !important;
}
.PurposeMultiselect {
    z-index: 1;
}

#Purposecheckboxes {
    display: none;
    border: 1px #dadada solid;
    background-color: #ffffff;
    padding-left: 20px;
    width: 650px;
    position: absolute;
    z-index: 2;
}

.Purposeboxes {
    width: 622px;
}

.AmenitiesMultiselect {
    z-index: 1;
}

.AmenitiesSelectBox {
    position: relative;
}

#Amenitiescheckboxes {
    display: none;
    border: 1px #dadada solid;
    background-color: #ffffff;
    padding-left: 20px;
    width: 583px;
    position: absolute;
    z-index: 3;
}

#AmenitiesRoomcheckboxes {
    display: none;
    border: 1px #dadada solid;
    background-color: #ffffff;
    padding-left: 20px;
    width: 426px;
    position: absolute;
    z-index: 3;
}

.AmenitiesSelectBox {
    position: relative;
}

.AmenityLisingMaindiv {
    position: relative;
    width: 100%;
}

.Amenity_List_One {   
    margin-top: 15px;  
    display: flex;
    width: 100%;
}

.Filter_Amnty_Btn_padding {
    padding-right: 20px;
    padding-bottom: 20px;
}

.Filter_Amnty_Btn {
    height: 31px;
    background-color: #036;
    color: #fff;
    text-decoration: none;
    text-align: center;
    line-height: 31px;
    vertical-align: middle;
    font-size: 18px;
    font-weight: 300;
}
.Amenitiesboxes {
    width: 560px;
}
.AmenitiesRoomboxes {
    width: 402px;
}

.Amenitieslabel {
    margin: 4px;
    /*font-size: 9pt;*/
    font-size: 8.3pt;
    text-align: left;
    letter-spacing: 1px;
    text-transform: capitalize;
}

.AmenitiesCols {
    font-size: 9pt;
}

.drpAmenities {
    width: 200px;
    font-family: 'BC Sans bold';
    font-size: 8pt;
    text-align: left;
    letter-spacing: 1px;
    color: #231f20;
    height: 21px;
}



.AmenitiesOverSelect {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}


.cal_txt_width {
    width: 100px;
    padding: 0 5px;
}

.Input_TxtBox {
    font-size: 8pt;
    text-align: left;
    letter-spacing: 1px;
    color: #231f20;
    height: 21px;
    border: 1px solid #e8e8e8;
    padding: 0 8px 0 0;
    border: 1px solid #e8e8e8;
    background-color: #fff;
}



a.SearchNow_Btn_text:hover {
    color: #003366;
}

.fa-diamond {
    font-size: 13px !important;
}

.img_popup {
    max-height: 400px;
}

.txtNotavailable {
    color: #000;
    font-family: 'BC Sans bold';
    font-size: 12pt !important;
    line-height: 65px;
}

/*pagination*/
.hidden {
    display: none;
}

.pagination-container {
    width: calc(100% - 1rem);
    display: flex;
    align-items: center;
    position: relative;
    bottom: 0;
    padding: 1rem 0;
    justify-content: center;
}

.pagination-button {
    color: #666;
    padding: 2px 10px;
    text-decoration: none;
    border: 1px solid #EEE;
    background-color: #FFF;
    box-shadow: 0px 0px 10px 0px #EEE;
    cursor: pointer;
}

.pagination-number {
    color: #666;
    padding: 5px 10px;
    text-decoration: none;
    border: 1px solid #EEE;
    background-color: #FFF;
    box-shadow: 0px 0px 10px 0px #EEE;
    margin: 0 5px 20px;
    cursor: pointer;
}

.pagination-number.active {
    color: #fff;
    background: #5a5859;
    cursor: pointer;
}

.disable-link {
    pointer-events: none;
}

.txt-transform {
    text-transform: uppercase
}
.mrdnBookBox {
    background-color:#003366;
    max-width: 143px;
    height: 45px;
    cursor: pointer;
}
.mrdnBookBox-SoldOut {
    background-color: #eee;
    border: 1px solid #ddd;
}
.mrdnBookBtnText {
    color: #fff;   
    font-size: 9pt;
    letter-spacing: 0.5px;
    line-height: 45px;
    width: 100%;
    font-weight: bold;
}
.HoltelistmrdnBookBtnText {
    color: #fff;   
    font-size: 8pt;
    letter-spacing: 0.5px;
    line-height: 45px;
    width: 100%;
    text-transform: uppercase;
     font-weight: bold;
}
.RebookmrdnBookBtnText {
    color: #fff !important;   
    font-size: 8pt;
    letter-spacing: 0.5px;
    line-height: 45px;
    width: 100%;
    text-transform: uppercase;
     font-weight: bold;
}
.HoltelistmrdnBookBtnSoldText {
    color: #000;
    font-size: 9pt;
    letter-spacing: 0.5px;
    line-height: 45px;
    width: 100%;
    text-transform: uppercase;
    font-weight: bold;
}
.HoltelistmrdnBookBtnSoldText:hover{    
    color: #000;   
    font-size: 11pt;
    letter-spacing: 0.5px;
    font-weight: bold;
}
.HoltelistmrdnBookBtnText:hover{
    
    color: #fff;   
    font-size: 10pt;
    letter-spacing: 0.5px;
     font-weight: bold;
}
.reBookTitle {
    font-size: 12pt;
    padding-bottom: 10px !important;
    font-weight: 600;
}
/*pagination*/
.MapInfoBox {
    width: 515px;
}

.MapPropName {
    cOLOR: #4c4c4c;
    font-size: 12pt;
    FONT-WEIGHT: bolder;
}

.MapPropAddress {
    font-size: 9.5pt;
    text-align: left;
}

.avl_map_canvas {
    font-family: 'BC Sans bold';
    height:700px;
    max-height:700px;
}
.Province_avl_map_canvas
{
    font-family: 'BC Sans bold';
    height:460px;
    max-height:460px;
}

.MapThumbImage {
    width: 225px;
    height: 147px;
}

.mapPrice {
    padding-left: 10px;
    font-size: 10pt;
    font-family: 'BC Sans bold';
}

.popup-wrapper {

    box-shadow: 1px 0px 3px 1px rgba(0, 0, 0, 0.2);
    border-collapse: separate;

    background-color: #fff !important;
    background-repeat: no-repeat !important;
    border: 0px solid;
    width: 250px;
    /*height: 250px;*/
    position: relative;
    z-index: 100;
}
.gm-ui-hover-effect span{margin:0 12px !important}

#SearchResult {
    font-size: 15pt;
    bottom: 0;
    left: 0;
    align-self: flex-end;
    color: #252526;
}



.calender_searchbox {   
    margin-left: 3px;
    width: 35px;
    height: 36px;
    vertical-align: top;
}
.Address_Txt {
    font-size: 15px;
    color: #404040;}
.Group_txt::placeholder {
        color: black;
        opacity: .4;
        
}
.drpAccommodations {
    color: #18000b !important;
    width:  100% !important;
}
.drpRoomAmenitity {
    color: #18000b !important;
    width:  100% !important;
}
.drpLodgingtype {
    color: #18000b !important;
    width:  92% !important;
}
.drpPropertytype {
    color: #18000b !important;
    width: 165px !important;
}
.Info_Txt_Padding {
    padding-left: 19px;
    align-self: center !important;
}

/* Home */
.Header_txt
{
    height: 70px;
    line-height: 25px;
    color: #fff;
    border-right: 1px solid #fff;
    border: 1px solid #036;
      border-right-color: rgb(0, 51, 102);
      border-right-style: solid;
      border-right-width: 1px;
    border-right: 1px solid #fff;
    font-size: 14px;
  }
    .Header_txt span {
        line-height: 70px;
        float: left;
        padding-left: 20px !important;
    }
    .Headerbar_txt {
        height: 40px;
        line-height: 40px;
        color: #fff;
        border-right: 1px solid #fff;
        border: 1px solid #036;
        border-right-color: rgb(0, 51, 102);
        border-right-style: solid;
        border-right-width: 1px;
        border-right: 1px solid #fff;
    }
.mainContentTop{padding-top:50px !important}

.rpthr{
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cce5f3;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
.reBookBarWraper{
    width: 100%;
    height: auto;
    position: relative;
    background-color: #fff;
    border-top: 4px solid #036;
    max-width: 1236px;
}
/* Home */


.nameSearch{
    flex: 0 0 268px;
    max-width: 268px;
}
.reBookBarWraper .inputstyle {
    border: 2px solid #c9c6c6;
    background: url(none) no-repeat #FFF;
    font-style: normal;
    font-size: 10pt;
    color: #444444;
    padding: 3px;
    border-radius: 0px !important;
}
.reBookBarWraper .searchBar input[type=text],.reBookBarWraper .searchBar select,.reBookBarWraper .filterBar select {
    font-size: 11pt;
    text-align: left;
    /* letter-spacing: 1px; */
    color: #231f20;
    height: 35px;
    border: 1px solid #e8e8e8;
    padding: 0 8px 0 0;
    border: 2px solid #c9c6c6;
    background-color: #fff;
    /* width: 100%; */
    width: 67%;
    font-family: 'BC Sans';
    border-radius: 0px;
}
.reBookBarWraper .filerPurposelabel {
    flex: 0 0 103px;
    max-width: 103px;
    text-align: left;
    padding-right: 10px !important;
}
.reBookBarWraper .filerPurposeinput {
    flex: 0 0 165px;
    max-width: 165px;
    text-align: left;
}

.reBookBarWraper .filerfilelabel {
    flex: 0 0 146px;
    max-width: 146px;
    text-align: left;
   /* padding-right: 10px !important;*/
    padding-left: 22px !important;
}
.reBookBarWraper .filerfileinput {
    flex: 0 0 168px;
    max-width: 168px;
    text-align: left;
}

.reBookBarWraper .amenitiesFilter {
    flex: 0 0 314px;
    max-width: 314px;
}
.reBookBarWraper .firstnameFilter {
    flex: 0 0 205px;
    max-width: 205px;
}
.reBookBarWraper .filernamelabel{
     flex: 0 0 75px;
    max-width: 75px;
    text-align: left;
   /* padding-right: 10px !important;*/
    padding-left: 25px !important;

}
.reBookBarWraper .filernameinput {
    flex: 0 0 130px;
    max-width: 130px;
    text-align: left;
}

.reBookBarWraper .lastnameFilter {
    flex: 0 0 225px;
    max-width: 225px;
}
.reBookBarWraper .filerlnamelabel{
     flex: 0 0 75px;
    max-width: 75px;
    text-align: left;
   /* padding-right: 10px !important;*/
    padding-left: 25px !important;

}
.reBookBarWraper .filerlnameinput {
    flex: 0 0 150px;
    max-width: 150px;
    text-align: left;
}


.reBookBarWraper .mainSearchBtn {
    flex: 0 0 204px;
    max-width: 204px;
    height: 35px;
    left: 20px;
    padding: 5px 0px 0px 0px !important;
    top: -2px;
}
    .Btn_Check_Rebook {
    background-color: #fcba19;
    background-image: none;
    color: #003366;
    font-size: 16px !important;
    letter-spacing: 0.75px;
    height: 37px;
    line-height: 16px;
    font-weight: bolder;
    width: 205px;
}
.Btn_Check_Small, .Btn_Check_Small :hover {
    background-color: #fcba19;
    background-image: none;
    color: #003366 !important;
    font-size: 16px !important;
    letter-spacing: 0.75px;
    height: 37px;
    line-height: 22px;
    font-weight: bolder;
    width: 205px;
    text-transform: uppercase;
}
.mainSearchBtn_Small {
    flex: 0 0 221px;
    max-width: 204px;
    height: 35px;
    position: absolute;
    right: 0;
    top: 47px;
    z-index:1
}

.Rebook_Button {
    /*color: #fff !important; background-color: #003366; max-width: 143px !important; height: 45px !important; cursor: pointer;*/
    background-color: #003366;
    max-width: 205px;
    height: 37px !important;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    width: 205px !important;
   margin: 0px !important;
   color: #fff !important;
   text-transform: uppercase;
   font-size: 10pt;
}

.Printvoucher_rebook_Button {
    /*color: #fff !important; background-color: #003366; max-width: 143px !important; height: 45px !important; cursor: pointer;*/
    background-color: #003366;
    max-width: 148px;
    height: 37px !important;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    width: 205px ;
   margin: 0px !important;
   color: #fff !important;
   text-transform: uppercase;
   font-size: 10pt;
}

.Rebook_mrdnBookBox {
    background-color: #003366;
    
    height: 38px;
    cursor: pointer;
}
.RoomBookBtnBoxWrap{
    padding: 5px 5px 5px 5px;
}




/* Add Animation */
@keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

.pro_thumbs_height {
    max-height: 187px;
    min-height: 187px;
}
.locationrow {
    line-height: 58px 
}
.MapIndicator {
    padding-left: 0px;
    flex: 1 1 auto;
    max-width: inherit;
    width: auto;
    padding-bottom: 10px;
}
.MapIndiPin {
    text-align: left;
    max-width: 22px;
    flex: 1 1 auto;
}
.MapIndiText {
    font-size: 9pt;
    font-style: italic;
    text-align: left;
    flex: 1 1 auto;
    padding-top:15px
}
.MapIndiPin img{}
#hotelLocation .Header_txt:last-child, #hotelLocation .Headerbar_txt:last-child {
    border-right: 0px !important;
}
.pageHotelList .spacer_child_mobileHotelList, .PageHome .spacer_child_mobileHotelList {
    margin-top: 50px !important;
}


#ddlChildListsAll select {
    font-size: 9.5pt
}

.registration-wrapper {
    display: inherit;
    align-items: inherit;
    position: inherit;
    height: inherit;
    top: inherit;
    width: inherit;
    z-index: inherit;
    box-sizing: border-box;
}

.form-wrapper {
    margin: 0% auto;
    width: 100%;
    max-width:500px;
}

.registration-wrapper .form-wrapper .form-wrapper-inner {
    background-color: #ffffff;
    border: 1px solid #EDEDED;
    padding: 14px 18px 16px;
}


.limiter {
    width: 100%;
    margin: 0 auto;
    padding: 0px;
    box-sizing: border-box;
}

.container-login100 {
    width: 100%;
    min-height: calc(100vh - 550px);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 15px;
    background: #ffffff;
}

.btn-book {
    background-color: #fcba19 !important;
    color: #003366;
    /*margin:5px;*/
    font-size: 18px;
    font-family: 'BC Sans bold';
    left: 0px;
    top: 0;
    z-index: 1;
    text-transform: uppercase;
}

.lbl_txt {
    padding: 3px;
}

.txt_style {
    padding: 3px;
}

.Signin_Selection_Head {
    height: 48px;
    line-height: 38px;
    font-size: 22px;
    letter-spacing: 0.75px;
    color: #fff;
    background-color: #036;
    width: auto;
    text-align: left;
    font-family: 'BC Sans bold';
    text-transform: uppercase;
}

.Loginlogowraper {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #f1f1f1;
    border-top: 4px solid #036;
    max-width: 1236px;
}
.textFieldInput {
    width: 100%;
    max-width: 360px
}
.rowpadding {
    padding-top: 20px;
}


@media only screen and (min-width:992px) and (max-width: 1255px) {
    #wrapper {
        max-width: 992px;
        float: none;
    }

    .bannerImg {
        padding: 0 9px;
    }

    .drpAccommodations {
        width: 150px;
    }

    .Best_Rate_Txt_padding {
        padding-left: 0px !important
    }

    .arrdateLabel, .deptDateLabel {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .filerPurposelabel, .filterAmenityLabel, .filterAmenityinput {
        flex: 0 0 100%;
        max-width: 100%;
        text-align: left;
    }

    #txtArrival_Date, #txtReturnDate {
        width: 130px;
    }

    .filerPurposeinput {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .arrdateInput {
        flex: 0 0 180px;
        max-width: 180px;
    }

    .dateArrival {
        flex: 0 0 200px;
        max-width: 200px;
    }

    .deptdateInput {
        flex: 0 0 180px;
        max-width: 180px;
    }

    .purposefilter {
        flex: 0 0 200px;
        max-width: 200px;
    }

    .drpLodgingtype {        
        width: 100% !important;        
    }
    .PurposeMultiselect {
        width: 174px;
    }
    .amenitiesFilter {
        flex: 0 0 200px;
        max-width: 200px;
    }

    .dateDepart {
        flex: 0 0 200px;
        max-width: 200px;
    }

    .adultLabel {
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 0px !important;
        text-align: left;
    }

    .countAdults {
        flex: 0 0 80px;
        max-width: 80px;
    }
    .cityhead {
        flex: 0 0 290px;
        max-width: 290px;
    }
    .cityLabel, .cityInput {
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 20px !important;
        text-align: left;
    }
    .mainSearchBtn_Small {
        top: 90px;
    }
    .countRooms {
        flex: 0 0 203px;
        max-width: 203px;
    }
    .RoomLabel {
        flex: 0 0 100%;
        max-width: 100%;
        text-align: left;
    }
    .RoomInput {
        flex: 0 0 100%;
        max-width: 100%;
        text-align: left;
    }
    .RoomInput select{width:100% !important}
    .searchBar, .filterBar {
        height: auto;
    }
    #SearchResult {
        padding-top: 13px !important;
    }
    .drpAccommodations {
        width: 100% !important;
    }
    .adultInput #adult, .adultInput #Children {
        width: 50px !important
    }

    .corporatefilter {
        flex: 0 0 90px;
        max-width: 90px;
        right: 484px;
        top: 72px;
    }

    .mainSearchBtn {
        flex: 0 0 191px;
        max-width: 191px;
    }

    .locationrow {
        line-height: 81px
    }

    .homeLocationText {
        font-weight: bold;
        font-size: 10.5pt
    }

    #hotelLocation {
        font-size: 10.5pt;
        font-weight: bold;
    }

    .Property_Name_Head {
        font-size: 10pt;
    }
    
    .RoomamenitiesFilter {
        right: 226px;
        max-width: 268px;
    }
    .AmenitiesMultiselect {
        padding-right: 0px;
    }
    .SearchNow_Btn_text {        
        line-height: 115px;
    }   
    .pagination-number {
        margin: 0 2px 12px;
    }
    .RoomfilterAmenityLabel {
        flex: 0 0 100%;
        max-width: 100%;
        text-align: left;
    }
    .filterRoomAmenityinput, .filerPropLabel {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .Propertyfilter {
        top: 53px;
    }
    .drpPropertytype {
        width: 175px !important;
    }
    .Property_Count_Dis {
        flex: 0 0 15%;
        max-width: 15%;
    }
    .Property_Name_Dis {
        flex: 0 0 85%;
        max-width: 85%;
        text-transform: capitalize;
    }
    .HoltelistmrdnBookBtnText, .HoltelistmrdnBookBtnSoldText, .HoltelistmrdnBookBtnText:hover, .HoltelistmrdnBookBtnSoldText:hover {
        font-size: 9pt;
    }
    .reBookBarWraper .filerPurposelabel, .reBookBarWraper .filerPurposeinput, .reBookBarWraper .filerfilelabel, .reBookBarWraper .filerfileinput, .reBookBarWraper .filernamelabel, .reBookBarWraper .filernameinput, .reBookBarWraper .filerlnamelabel, .reBookBarWraper .filerlnameinput {
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 0px !important;
    }
    .reBookBarWraper .filerfilelabel br{display:none}
    .nameSearch, .reBookBarWraper .amenitiesFilter  {
        max-width: 175px;
        margin-right: 25px !important;
    }
    .reBookBarWraper .lastnameFilter, .reBookBarWraper .firstnameFilter {
        max-width: 162px;
        margin-right: 25px !important;
    }
    .reBookBarWraper .mainSearchBtn {
        top: 18px;
        left: -4px;
        max-width: 198px;
    }
    
}
@media only screen and (min-width:768px) and (max-width: 991px) {
   
    .bannerImg {
        
        padding: 0 9px;
    }   
        .arrdateLabel {
            flex: 0 0 100%;
            max-width: 100%;
        }
        .filerPurposelabel {
            flex: 0 0 100%;
            max-width: 100%;
        }
    #txtArrival_Date, #txtReturnDate {
        width: 110px;
    }
    .filerPurposeinput {
        flex: 0 0 168px;
        max-width: 168px;
    }
        .arrdateInput {
            flex: 0 0 180px;
            max-width: 180px;
        }
    .dateArrival {
        flex: 0 0 180px;
        max-width: 180px;
    }
    .deptDateLabel {
        flex: 0 0 100%;
        max-width: 100%;
    }
        .deptdateInput {
            flex: 0 0 180px;
            max-width: 180px;
        }
    .purposefilter {
        flex: 0 0 180px;
        max-width: 180px;
    }
    .filterAmenityinput {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .amenitiesFilter {
        flex: 0 0 154px;
        max-width: 154px;
    }
    .dateDepart {
        flex: 0 0 180px;
        max-width: 180px;
    }
    .adultLabel {
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 0px !important;
        text-align: left;
    }
    .countAdults {
        flex: 0 0 75px;
        max-width: 75px;
    }
        .adultInput #adult, .adultInput #Children {
            width: 50px !important
        }
    .corporatefilter {
        flex: 0 0 120px;
        max-width: 120px;
        right: 268px;
        top: 72px;
    }
    .mainSearchBtn {
        flex: 0 0 134px;
        max-width: 134px;
        height: 21px;
    }
    .filterAmenityLabel {
        flex: 0 0 100%;
        max-width: 100%;
        text-align: left;
    }

    .drpAccommodations {
        width: 100% !important;
    }
    .PurposeMultiselect {
        width: 100%;
    }

    .AmenitiesMultiselect {
        width: 100%;
    }
    #Amenitiescheckboxes {
        top: 50%;
        left: 50%;
        transform: translate(-30%, -50%);
    }
    #AmenitiesRoomcheckboxes {
        top: 50%;
        left: 50%;
        transform: translate(-88%, -50%);
    }

    .Best_Rate_Txt_padding {
        padding-left: 0px !important
    }

    #SearchResult {
        font-size: 2vw;
    }

    .RateBox {
        padding: 0px
    }
    .searchBar, .filterBar {
        height: auto;
        
    }
    .SearchNow_Btn_text {
        line-height: 108px;
    }
    .homeLocationText {
        font-weight: normal;
        font-size: 10pt
    }

    #hotelLocation {
        font-size: 10pt;
        font-weight: normal;
    }
    .locationrow {
        padding: 0 5px !important;
    }
    .Property_Name_Head {
        font-size: 10pt;
        line-height: 30px;
    }
    .RoomInfoTitle b {
        display: none
    }
    .RoomBookNowTitle b{display:none}
    .HotelResultTitles {
        padding-top: 0px !important;
    }
    .cityLabel, .cityInput {
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 30px !important;
        text-align: left;
    }
    .cityhead {
        flex: 0 0 180px;
        max-width: 180px;
    }
     .mainSearchBtn_Small {
        top: 90px;
    }
    .countRooms {
        flex: 0 0 135px;
        max-width: 135px;
    }
    .RoomLabel {
        flex: 0 0 100%;
        max-width: 100%;
        text-align: left;
    }
    .RoomInput {
        flex: 0 0 100%;
        max-width: 100%;
        text-align: left;
    }
    .RoomInput select{width:100% !important}
    .Btn_Check_Small {
        width: 135px;
    }
    .mainSearchBtn_Small {
        max-width: 135px;
    }
    .RoomamenitiesFilter {
        flex: 0 0 290px;
        max-width: 146px;
        position: absolute;
        right: 169px;
    }
    .filterRoomAmenityinput {
        max-width: 150px;
    }
    .filerPropLabel {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .Propertyfilter {
        top: 52px;
    }
    .filerPropInput {
        max-width: 155px;
    }
    #PropertyFilterBar {
        padding-top: 15px;
    }
    .RoomfilterAmenityLabel {
        text-align: left;
    }
    .pagination-number {
        padding: 0px 5px;
        margin: 0 2px 20px;
    }
    .Property_Count_Dis {
        flex: 0 0 15%;
        max-width: 15%;
    }
    .Property_Name_Dis {
        flex: 0 0 85%;
        max-width: 85%;
        text-transform: capitalize;
    }
    .Property_Name{
        line-height: 25PX;
    }
    .HoltelistmrdnBookBtnText, .HoltelistmrdnBookBtnSoldText, .HoltelistmrdnBookBtnText:hover, .HoltelistmrdnBookBtnSoldText:hover {
        font-size: 9pt;
        line-height: inherit;
    }
    
     .reBookBarWraper .filerPurposelabel, .reBookBarWraper .filerPurposeinput, .reBookBarWraper .filerfilelabel, .reBookBarWraper .filerfileinput, .reBookBarWraper .filernamelabel, .reBookBarWraper .filernameinput, .reBookBarWraper .filerlnamelabel, .reBookBarWraper .filerlnameinput {
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 0px !important;
    }
    .reBookBarWraper .filerfilelabel br{display:none}
    .nameSearch, .reBookBarWraper .amenitiesFilter {
        max-width: 135px;
        margin-right: 20px !important;
    }
    .reBookBarWraper .lastnameFilter, .reBookBarWraper .firstnameFilter {
        max-width: 135px;
        margin-right: 20px !important;
    }
    .reBookBarWraper .mainSearchBtn {
        top: 18px;
        width: 129px;
        z-index: 1;
        max-width: 128px;
        left: -4px;
    }
    .reBookBarWraper .mainSearchBtn .Btn_Check_Rebook {        
        width: 135px;
    }
    
}
@media only screen and (min-width:576px) and (max-width: 767px) {
    .bannerImg {
        
        padding: 0 9px;
    }   
        .arrdateLabel {
            flex: 0 0 100%;
            max-width: 100%;
        }
        .filerPurposelabel {
            flex: 0 0 100%;
            max-width: 100%;
        }
        .filerPropLabel {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .Propertyfilter {
        top: 111px;
        width: 177px;
    }
    .filerPropInput {
        max-width: 155px;
    }
    #PropertyFilterBar {
        padding-top: 15px;
    }
        #txtArrival_Date, #txtReturnDate {
            width: 110px;
        }
        .filerPurposeinput {
            flex: 0 0 155px;
            max-width: 155px;
        }
        .arrdateInput {
            flex: 0 0 180px;
            max-width: 180px;
        }
        .dateArrival {
            flex: 0 0 176px;
            max-width: 176px;
        }
    .deptDateLabel {
        flex: 0 0 100%;
        max-width: 100%;
    }
        .deptdateInput {
            flex: 0 0 180px;
            max-width: 180px;
        }
        .purposefilter {
            flex: 0 0 176px;
            max-width: 176px;
        }
    .filterAmenityinput {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .amenitiesFilter {
        flex: 0 0 155px;
        max-width: 155px;
    }
        .dateDepart {
            flex: 0 0 180px;
            max-width: 180px;
        }
    .adultLabel {
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 0px !important;
        text-align: left;
    }
    
        .countAdults {
            flex: 0 0 70px;
            max-width: 70px;
        }
        .adultInput #adult, .adultInput #Children {
            width: 50px !important
        }
    .mainSearchBtn_Small {
        max-width: 382px;
        top: 140px;
    }
    .Btn_Check_Small, .Btn_Check_Small :hover {
        width: 100%;
    }
    .countRooms {
        flex: 0 0 155px;
        max-width: 155px;
        position: absolute;
        top: 141px
    }
    .RoomLabel {
        flex: 0 0 80px;
        max-width: 80px;
        text-align: left;
    }
    .RoomInput {
        flex: 0 0 75px;
        max-width: 75px;
        text-align: right;
    }
    .RoomInput select {       
        width: 100%;
        
    }
    .corporatefilter {
        flex: 0 0 120px;
        max-width: 120px;
        right: 81px;
        top: 65px;
    }
    .mainSearchBtn {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .filterAmenityLabel {
        flex: 0 0 100%;
        max-width: 100%;
        text-align: left;
    }

    .drpAccommodations {
        width: 100% !important;
    }

    .PurposeMultiselect {
        width: 100%;
    }

    .AmenitiesMultiselect {
        width: 100%;
    }

    .Best_Rate_Txt_padding {
        padding-left: 0px !important
    }
       

    .RateBox {
        padding: 0px
    }
    .searchBar, .filterBar {
        height: 50px;
        
    }
    .SearchNow_Btn_text {
        line-height: 35px;
        top: 80px;
    }
    .homeLocationText {
        font-weight: bold;
        font-size: 10pt
    }

    #hotelLocation {
        font-size: 10pt;
        font-weight: bold;
    }
    .locationrow {
       
        line-height: 50px;
    }
    .HotelMapView {
        padding-right: 0px !important;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .Province_avl_map_canvas {
        height: 400px;
        max-height: 400px;
    }
    #hotelLocation {
        flex: 0 0 100%;
        max-width: 100%;
    }
    #hotelLocation .hotelLocationWrap {
        padding-left:0px !important
    }
    .searchBar, .filterBar {
        font-size: 10pt;
    }
    .searchBar input[type="text"], .searchBar select, .filterBar select {
        font-size: 10pt;           
    }
    #Amenitiescheckboxes {
        top: 50%;
        left: 50%;
        transform: translate(-45.5%, -50%);
        width: 552px;
    }
    .Amenitiesboxes {
        width: 530px;
    }
    #AmenitiesRoomcheckboxes {
        top: 50%;
        left: 50%;
        transform: translate(-102%, -50%);
    }
    .cityLabel, .cityInput {
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 0px !important;
        text-align: left;
    }
    .RoomfilterAmenityLabel {
        text-align: left;
    }
    .filterRoomAmenityinput {
        max-width: 130px;
    }
    .cityhead {
        flex: 0 0 132px;
        max-width: 132px;
    }
    .RoomamenitiesFilter {
        flex: 0 0 290px;
        max-width: 130px;
        position: absolute;
        right: 0px;
        top: 8px;
    }
    .filterBar {
        margin-bottom: 65px !important;
    }
    .drpLodgingtype {
        width: 100% !important;
    }
    .drpPropertytype {
        color: #18000b !important;
        width: 100% !important;
    }
    .SearchNow_Btn_text.SrchBtn_top {
        top: 135px;
    }
    .mainSearchBtn_Small .SrchBtn_top {
        margin-top: 60px;
    }
    .PageHome #ddlChildListsAll {
        left: 135px;
    }
    .PageHome #SearchResult{display:none}
    .Property_Count_Dis {
        flex: 0 0 15%;
        max-width: 15%;
    }
    .Property_Name_Dis {
        flex: 0 0 85%;
        max-width: 85%;
        text-transform: capitalize;
    }
    .Property_Name{
        line-height: 25PX;
    }

    .HoltelistmrdnBookBtnText, .HoltelistmrdnBookBtnSoldText, .HoltelistmrdnBookBtnText:hover, .HoltelistmrdnBookBtnSoldText:hover {
        font-size: 10pt;
    }
    .reBookBarWraper .filerPurposelabel, .reBookBarWraper .filerPurposeinput, .reBookBarWraper .filerfilelabel, .reBookBarWraper .filerfileinput, .reBookBarWraper .filernamelabel, .reBookBarWraper .filernameinput, .reBookBarWraper .filerlnamelabel, .reBookBarWraper .filerlnameinput {
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 0px !important;
    }
    .reBookBarWraper .filerfilelabel br{display:none}
    .nameSearch {
        max-width:284px ;
        margin-right: 20px !important;
    }
    .reBookBarWraper .amenitiesFilter {
        max-width: 270px;
        margin-right: 0px !important;
    }
    .reBookBarWraper .lastnameFilter {
        flex: 0 0 100%;
        max-width: 270px;
        padding-top: 10px !important;
    }
    .reBookBarWraper .firstnameFilter {
        flex: 0 0 100%;
        max-width: 268px;
        margin-right: 20px !important;
        padding-top: 10px !important;
    }
    .reBookBarWraper .mainSearchBtn {
        top: 13px;
        max-width: 100%;
        z-index: 1;
        left: 0;
        flex: 0 0 auto;
    }
    .reBookBarWraper .mainSearchBtn .Btn_Check_Rebook {        
       width: 100%;
    }
}
@media only screen and (min-width:0px) and (max-width: 575px) {
     .bannerImg {
        
        padding: 0 9px;
    }   
        .arrdateLabel {
            flex: 0 0 100%;
            max-width: 100%;
        }
        .filerPurposelabel {
            flex: 0 0 100%;
            max-width: 100%;
        }
        #txtArrival_Date, #txtReturnDate {
            width: 125px;
        }
    .filerPurposeinput {
        flex: 0 0 124px;
        max-width: 124px;
    }
    .arrdateInput {
        flex: 0 0 100%;
        max-width: 100%;
    }
        .dateArrival {
            flex: 0 0 146px;
            max-width: 146px;
        }
    .deptDateLabel {
        flex: 0 0 100%;
        max-width: 100%;
    }
        .deptdateInput {
            flex: 0 0 180px;
            max-width: 180px;
        }
        .purposefilter {
            max-width: 146px;
            position: absolute;
            top: -56px;
            right: 48px;
        }
    .filterAmenityinput {
        flex: 0 0 163px;
        max-width: 163px;
    }
    .amenitiesFilter {
        flex: 0 0 171px;
        max-width: 171px;
    }
        .dateDepart {
            flex: 0 0 146px;
            max-width: 146px;
        }
    .adultLabel {
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 0px !important;
        text-align: left;
    }
        .countAdults {
            flex: 0 0 50px;
            max-width: 50px;
        }
        .adultInput #adult, .adultInput #Children {
            width: 50px !important
        }
    .corporatefilter {
        flex: 0 0 120px;
        max-width: 50px;
        right: 0px;
        top: 57px;
    }
    .mainSearchBtn_Small {
        top: 183px;
        max-width: 157px;
    }
    .Btn_Check_Small, .Btn_Check_Small :hover {        
        width: 157px;
    }
    .countRooms {
        flex: 0 0 164px;
        max-width: 164px;
        position: absolute;
        top: 184px;
    }
    .RoomLabel {
        flex: 0 0 70px;
        max-width: 70px;
    }
    .RoomInput {
        flex: 0 0 93px;
        max-width: 93px;
        text-align: right;
    }
    .mainSearchBtn {
        flex: 0 0 100%;
        max-width: 100%;
        height: 0px;
        text-align: left;
    }
    .filterAmenityLabel {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .filterRoomAmenityinput {
        max-width: 162px;
    }
    .drpAccommodations {
        width: 125px !important;
    }

    .PurposeMultiselect {
        width: 100%;
    }

    .AmenitiesMultiselect {
        width: 100%;
    }
    #Amenitiescheckboxes {
        top: 50%;
        left: 50%;
        transform: translate(-23%, -50%);
        width: 330px;
    }
    .Amenitiesboxes, .AmenitiesRoomboxes {
        width: auto;
    }
    .AmenitiesCols {
        flex: 0 0 100%;
        max-width: 100%;
    }
    #AmenitiesRoomcheckboxes {
        top: 50%;
        left: 50%;
        transform: translate(-78%, -50%);
        width: 330px;
    }
    .Best_Rate_Txt_padding {
        padding-left: 0px !important
    }

    #SearchResult {
       
    }

    .RateBox {
        padding: 0px
    }
    .filterBar {
        height: auto;
        
    }
    .searchBar {
        height: auto;
    }
    .SearchNow_Btn_text {
        line-height: 108px;
    }
    .homeLocationText {
        font-weight: normal;
        font-size: 9.5pt
    }

    #hotelLocation {
        font-size: 9.5pt;
        font-weight: normal;
    }
    .locationrow {
       
        line-height: 50px;
    }
    .HotelMapView {
        padding-right: 0px !important;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .Province_avl_map_canvas {
        height: 400px;
        max-height: 400px;
    }
    #hotelLocation {
        flex: 0 0 100%;
        max-width: 100%;
    }
    #hotelLocation .hotelLocationWrap {
        padding-left:0px !important
    }
    .searchBar, .filterBar {
        font-size: 10pt;
        margin: 0px 0px !important;
    }
    .searchBar input[type="text"], .searchBar select, .filterBar select {
        font-size: 10pt;
           
    }

    .sold_out_height {
        
    }
    #arr_calImage, #dep_calImage {
        display: none
    }
    #hotelFilter{text-align:left;}
    .SearchNow_Btn_text {
        width: 100%;
        line-height: 38px;
        top: 70px;
    }
    .mainContentTop {
        padding-top: 70px !important
    }
    .Btn_Check_Small.SrchBtn_top {
       /* margin-top: 70px;
        width: 342px;
        right: 0px;
        position: absolute;*/
    }
    .cityLabel, .cityInput {
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 0px !important;
        text-align: left;
    }
    .cityhead {
        flex: 0 0 146px;
        max-width: 146px;
    }
    .RoomamenitiesFilter {
        flex: 0 0 171px;
        max-width: 171px;
        position: absolute;
        right: -12px;
        top: 1px;
    }
    .filerPropLabel {
        max-width: 97px;
    }
    .Propertyfilter {
        top: 53px;
        width: 177px;
        position: relative;
    }
    .filerPropInput {
        max-width: 244px;
    }
    .filerPropInput .drpAccommodations {
        width: 100% !important;
      }
    #PropertyFilterBar {
        padding-top: 5px;
    }
    .AmenitiesSelectBox .drpAccommodations {
        width: 98% !important;
    }
    .filterBar {
        margin-bottom: 55px !important;
    }
    .drpLodgingtype {
        width: 100% !important;
    }
    .drpPropertytype {
        color: #18000b !important;
        width: 100% !important;
    }
    .SearchNow_Btn_text.SrchBtn_top {
        /*top: 135px;*/
    }
    .PageHome #ddlChildListsAll {
        left: 25px;
        top: 117px;
    }
    .Header_txt {
        font-size: 12px;
    }
    .pagination-number {
        padding: 0px 6px;
        margin: 0 2px 18px;
    }
    .pagination-button {
        padding: 0px 4px;
    }
    .pagination-container {
        width: calc(100%);
    }
    .Property_Count_Dis {
        flex: 0 0 10%;
        max-width: 10%;
    }
    .Property_Name_Dis {
        flex: 0 0 90%;
        max-width: 90%;
        text-transform: capitalize;
    }
    .Property_Name{
        line-height: 25PX;
    }
     .reBookBarWraper .filerPurposelabel, .reBookBarWraper .filerPurposeinput, .reBookBarWraper .filerfilelabel, .reBookBarWraper .filerfileinput, .reBookBarWraper .filernamelabel, .reBookBarWraper .filernameinput, .reBookBarWraper .filerlnamelabel, .reBookBarWraper .filerlnameinput {
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 0px !important;
    }
    .reBookBarWraper .filerfilelabel br{display:none}
    .nameSearch {
        max-width:161px ;
        margin-right: 20px !important;
    }
    .reBookBarWraper .amenitiesFilter {
        max-width: 161px;
        margin-right: 0px !important;
    }
    .reBookBarWraper .lastnameFilter {
        flex: 0 0 100%;
        max-width: 161px;
        padding-top: 10px !important;
    }
    .reBookBarWraper .firstnameFilter {
        flex: 0 0 100%;
        max-width: 161px;
        margin-right: 20px !important;
        padding-top: 10px !important;
    }
    .reBookBarWraper .mainSearchBtn {
        top: 13px;
        max-width: 100%;
        z-index: 1;
        left: 0;
        flex: 0 0 auto;
    }
    .reBookBarWraper .mainSearchBtn .Btn_Check_Rebook {        
       width: 100%;
    }
    .GuestRebook select, .GuestRebook textarea {
        width: 266px !important
    }
    .GuestRebook .dateSelector{width:360px}
    .GuestRebook input[type="submit"] {
        font-size: 10pt !important;
    }
    .GuestRebook_Verify textarea {
        width: 210px !important;
    }
    .GuestRebook_Verify input[type=text]{width:150px}
    .GuestRebook_Verify .ResDateInfo{max-width:340px }
    .GuestRebook_Accept .mrdnBookBox {
        position: absolute;
        right: 50px;
        height: 25px !important;
        top: 85px;
    }
    .GuestRebook_Accept .mrdnBookBox .RebookmrdnBookBtnText{line-height: 25px;}
    .GuestRebook_Accept.contentmargin {
        max-width: 360px;
        padding:0px !important;
    }
    .GuestRebook_Accept .row, .GuestRebook_Verify .row, .GuestRebook .row{
        margin: 0 auto !important
    }
    .GuestRebook_Accept [class^="col"], .GuestRebook_Verify [class^="col"], .GuestRebook [class^="col"] {padding-left:0px !important;padding-right:0 !important
    }
   
}
    /*search bar*/
@media all and (max-device-width: 720px) {
    h1 {
        font-size: 18px;
    }

    .drpAccommodations {
        width: 100%
    }

    .AmenitiesMultiselect {
        width: 100%
    }
}

@media all and (max-device-width: 640px) {
    h1 {
        font-size: 16px;
    }

    .drpAccommodations {
        width: 90%
    }

    .AmenitiesMultiselect {
        width: 100%
    }

    .ViewRoomTypeBtn {
        width: 123px;
        height: 38px;
        line-height: 29px;
        font-size: 16px;
    }

    .vbottom {
        position: absolute;
        bottom: 0px;
        width: 100%;
    }

    .lowest_rate_Amt,
    .txtNotavailable {
        font-size: 13pt !important;
    }

    .Property_Name {
        font-size: 20px;
    }

    .Best_Rate_Txt {
        font-size: 11px;
    }

    .vcenter {
        position: absolute;
        top: 33%;
    }

    #MrdnCommonModel .modal-dialog {
        
    }

    .img_popup {
        max-height: auto;
        width: 100%;
    }

    .pro_thumbs_height {
        max-height: auto;
        min-height: 140px;
    }
}

@media all and (max-device-width: 320px) {
    h1 {
        font-size: 12px;
    }

    .drpAccommodations {
        width: 90%
    }

    .AmenitiesMultiselect {
        width: 100%
    }

    .ViewRoomTypeBtn {
        width: 123px;
        height: 38px;
        line-height: 29px;
        font-size: 16px;
    }

    .vbottom {
        position: absolute;
        bottom: 0px;
        width: 100%;
    }

    .lowest_rate_Amt,
    .txtNotavailable {
        font-size: 20pt !important;
    }

    .Property_Name {
        font-size: 20px;
    }

    .Best_Rate_Txt {
        font-size: 11px;
    }

    .vcenter {
        position: absolute;
        top: 33%;
    }

    #MrdnCommonModel .modal-dialog {
      
    }

    .img_popup {
        max-height: auto;
        width: 100%;
    }

    .guest_header {
        FONT-SIZE: 9pt;
    }

    .pro_thumbs_height {
        max-height: auto;
        min-height: 140px;
    }
}