@media screen and (max-width: 768px){

.gb-view-by-rate-issue .ProductInfoContainer.Pdng9{
  padding-bottom:140px;
}

.Checkout .fieldDiv label{
  width: 40%;
}

.SummaryProducts{
  width: 50%;
}

}

@media screen and (max-width: 600px){

  .PkgOptBtnsTop {
 display: block; 
}
.notaclass{}

.PkgItemContent{
    width: 100%;
}

.PckOptBtnsBtm{
  background: transparent;
}

  .body_shell{
    width: 95%;
  }

.blueimp-gallery-carousel {
    padding-bottom: 75%;
}
.Arrival {
        margin-left: 0px;
}
  .SelectProductBtn{
    width: 100%;
    margin-right: 5px;
  }

  .FilterResults.Closed{
   background: #fff;
  }

  .SaveModifySearch{
    width: 100%;
    margin: 10px 0px;
  }
  .ViewProductsBtn, .HideProductsBtn{
  	width: 100%;
  }

  .CalLegend::before {
    top: 72%;
    right: 15%;
  }

  .Criteria::after {
    top: 88%;
  }

  .PriceSelectProduct::before{
    right: 60px;
    top: 86%;
  }

.thisclassdoesntexist {}
.ui-datepicker-multi .ui-datepicker-group.last, .Nights, .Departure, .Arrival, {
    display: none;
}

.YourStayCollapsibleSection .Arrival, .YourStayCollapsibleSection .Departure{
  display: block;
}

.LinksBar {
    float: left;
    width: 100%;
}
.TopBar {
    padding: 0px 0px 0px 0px;
}
.LinksBar>div {
    margin: 0px 0px 0px 0px;
    float: left;
    width: 50%;
}
.selectWrap {
    min-width: 78px;
}
.PromoCode {
    width: 90%;
}
.StepName {
    background-color: rgba(247, 247, 247, 0.7);

}

.StepName h2 {
    margin-top: 5px;
}
.ProductsHeader:first-child {
    padding: 15px 15px 0px 15px;
}
.YourStay.Closed, .YourStayStatic.Closed {
    margin-top: 5px;
    width: 100%;
}
.RoomGuestsDiv .fieldDiv {
    margin-left: 0px;
}
.HeaderInfo {
    margin-top: 5px;
}
.ProductsHeader {
    padding: 15px 15px 0px 15px;
}
.checkboxGroup {
    padding: 0px;
}
/*.ui-datepicker-multi .ui-datepicker-group.last{
  display: none;
}*/

.CalInsDiv{
  position: absolute;
  top: 0px;
}

.CalLegend{
  position: relative;
  padding: 30px 20px 15px 20px;
}

.PromoCode{
  margin-bottom: 13px;
}

/*.CheckAvail .Criteria .Nights, .CheckAvail .Criteria .RoomGuestsDiv, .CheckAvail .Criteria .CriteriaBtnDiv{
  display: none;
}

.CalendarDiv .Criteria .Arrival, .CalendarDiv .Criteria .Nights, .CalendarDiv .Criteria .Departure{
  display: none;
}

.CalendarDiv .Criteria .RoomGuestsDiv, .CalendarDiv .Criteria .CriteriaBtnDiv{
  display: block;
}*/

.CriteriaBtnDiv{
  padding-bottom: 10px;
  margin-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  position: static;
}

.CalendarDiv{
  padding-bottom: 10px;
}

.CalendarDiv .CriteriaBtn{
  margin: 0px auto;
    width: 90%;
    display: block;
}

.Criteria{
	margin-bottom: 0px;
}

.TopBar{
  padding: 0px;
}

.HeaderPriceBtn{
  margin: 10px 0px 15px 0px;
}

.HeaderBtn{
padding: 0px 10px 15px 10px;
}

.ProductShortDesc{
  text-align: left;
}

.ProductInfoContainer{
  padding-bottom: 0px;
}

.SelectProductBtn{
  width: 70%;
  margin: 0px auto;
  clear: both;
  float: none;
  margin-top: 20px;
}

.PriceSelectProduct::before{
  right: 150px;
  bottom: 48px;
}

.ProductPriceBreackDownLink{
  float: left;
  margin: 0px auto;
  padding-left: 0px;
}

.ui-datepicker-group{
padding: 0px;
}

.CalwPrice td a.ui-state-active{
  padding: 0px 1px;
}

.CalwPrice .ui-datepicker td a{
  height: 35px;
  padding: 0px 4px 0px 0px;
}

.CalwPrice .ui-datepicker td span{
  padding:0px 1px;
}

.gb-view-by-rate-issue .ProductImage{
	float:none;
}

.gb-view-by-rate-issue .ProductPriceGroup{
    float: none;
}

.StepName{
  margin: 5px 0px;
}

.Nights{
  display: none;
}

.selectWrap{
	min-width:75px;
}
.RoomGuestsDiv {
        padding-bottom: 10px;
}
.RoomGuestsDiv .fieldDiv{
  float: left;
}


.RoomGuestsDiv .fieldDiv {
    margin-left: 8px;
}

.CalwPrice .ui-datepicker td a span, .CalwPrice .ui-datepicker td span span{
  height: 19px;
}

.AvailCalendar .ui-datepicker td a span, .AvailCalendar .ui-datepicker td span span{
  font-size: 11px;
}

.ui-datepicker-multi .ui-datepicker-group.first, .ui-datepicker-multi .ui-datepicker-group.last{
  padding: 0px 8px;
}

.CalendarDiv .ui-state-active, .CalendarDiv a.ui-state-active{
  border:none;
}

.YourStay.Closed, .YourStayStatic.Closed {
    margin-top: 5px;
}

.FilterResultsHeader{
  display: none;
}

.YourStayCheckout .YourStayHeaderCheckout{
  display: block;
  padding: 10px;
  margin: 5px 0px;
  text-align: center;
}

.YourStayHeader{
  display: block!important;
  padding: 10px;
}

.YourStayCollapsibleSection{
  display: none!important;
  margin: 0px 0px;
  padding: 7px 18px;
}

.FilterResults{
  margin:5px 0px;
}

.ProductSorting{
  margin-bottom: 0px;
}

.PkgItemHeader{
    text-align: left;
    margin: 0px;
    padding: 0px;
}

.PkgDesc, .QuantityLabel{
  text-align: left;
}

.CardExpiration .CheckoutInputWrap .selectWrap{
  width: 48%
}

.CardExpiration{
  width: 55%;
}

#V152_C0_cc_ExpirationYearDropDownList, #V152_C0_cc_ExpirationMonthDropDownList{
  width: 95%;
}
.Checkout .fieldDiv{
    width: 100%;
    padding: 0px 10px;
}
.Checkout .fieldDiv label {
    width: 95%;
    margin-top: 10px;

}
.Checkout .fieldDiv.CardSecurityCode{
  width: 35%;
}
.RequestComments {
    width: 100%;
    margin-left: 0px;
    padding: 10px 10px;
}
.CalwPrice .ui-datepicker td span.ui-datepicker-other-month, .CalwPrice .ui-datepicker td span.ui-datepicker-other-month span{
  height: 0px;
}

.ProductPriceGroup .ProductPriceIncTax{
  text-align: left;
}
.Open .YourStayCollapsibleSection{
  display: block!important;
}

.ProductLongDesc{
  width: 100%;
  text-align: left;
}

.gb-view-by-rate-issue .ProductInfoContainer.Pdng9{
  margin-bottom: 0px;
}

.ProductName h4{
  text-align: left;
}

.gb-view-by-rate-issue .PriceSelectProduct::before{
  bottom: 0px;
  right: 20px;
}

.gb-view-by-rate-issue .ProductInfoContainer.Pdng9{
  padding-bottom: 10px;
}

.gb-view-by-rate-issue .ProductImage{
  max-width: 100%;
}

.CardExpiration{
  width: 64%!important;
    padding-right: 0px;
    margin-right: 0px;
}

.SummaryProducts{
  width: 100%;
}

.StayValue img{
  width: 100%;
  display: none;
}

.RateSelection{
  max-width: 100%;
}

.StaticDepartureDt{
  clear: both;
}

.StaticDepartureDt, .StaticArrivalDt{
  width: 100%
}

.StaticDepartureDt table, .StaticArrivalDt table{
  width: 35%;
    text-align: left;
    clear: both;
}

.DateDiv .MonthYear {
    float: right;
    padding: 0px;
}

.DateDiv .Day {
  float: left;
  padding: 0px;
  margin-right: 10px;
}

.DateDiv .WeekDay {
  float: left;
  padding: 0px;
}



.StayLabel{
  float: left;
  width: 100%;
  text-align: left;
  line-height: 13px;
}

.GTitle .CheckoutInputWrap, .Checkout .fieldDiv.CardNumber, .Checkout .fieldDiv.CardHolderName{
  width: 100%;
}
/*
.CreateAccountInstruct{
  display: none!important;
}*/

.CreateAccountInfo{
  display: block;
}

.selectWrap::before{
  top:45%;
}

.DateDiv .MonthYear, .DateDiv{
    color: #000!important;
    background: transparent;
}

#XbeViewPanel {
    padding: 0px;
}


.SummaryInfoCombo.PackageSelection {
    float: left;
}

.Open a.CloseBtnX::before {
    color: #CD071E;
}
.SliderTrack {
    max-width: 100%;
}

.YourStayCheckout .YourStayCollapsibleSection .SummaryInfoCombo.PackageSelection,
.YourStayCheckout .YourStayCollapsibleSection .StaticArrivalDt,
.YourStayCheckout .YourStayCollapsibleSection .StaticDepartureDt{
    width: 100%;
}
.YourStayCheckout .YourStayCollapsibleSection .StaticArrivalDt table,
.YourStayCheckout .YourStayCollapsibleSection .StaticDepartureDt table{
    width: 40%;
}
.YourStayCheckout .YourStayCollapsibleSection .StaticArrivalDt .Day,
.YourStayCheckout .YourStayCollapsibleSection .StaticDepartureDt .Day {
    float:right;
}
#V152_C0_CopyGuestInformationText{
    margin-left: 12px;
}
.Checkout .CheckoutRoomSelect .RoomListDiv .checkboxGroup {
    padding: 10px;
}

.ResCheckIn, .ResCheckOut {
    width: 43%;
    float: left;
}
.ResRoom, .ResRate, .ResPackage {
    width : 93%;
}
.ResLeftCol, .ResRightCol {
    min-height: 300px;
}
.ResHotelSection .HotelName {
    text-align: center;
    padding-top: 10px;
}

.CalwPrice .ui-datepicker td a, .CalwPrice .ui-datepicker td span{
	height: 45px;
}


}


@media screen and (max-width: 430px){
    .notaclass{}
  .PriceSelectProduct::before {
    right: 80px;
    bottom: 43px;
}
}