.next-steps-actions { position: relative !important; top: 0px; right: inherit; float: right; z-index: 10 }
.content-left, .content-right, #filmstrip, #filmstrip ul, #filmstrip #title { width: 100% !important; float: none !important; margin: 0px !important; -webkit-padding-start: 0px; }
.embedded-multimedia iframe { margin: auto; width: 100%; height: auto; max-width: 640px; min-height: 480px }
#unitFlyer, .embedded-multimedia { text-align: center !important; }
.ui-datepicker.ui-datepicker-multi { margin: auto !important; }
#continueBookingInline { position: relative !important; }
#rateQuoteWrapper { position: relative !important; width: 100% !important; float: none !important; padding: 0px !important; }
.left { float: left; }
#peopleAndPets { min-height: auto !important; }
#petsContainer { float: none !important; }
#dates input { /* border: 1px solid #326598; */padding: 5px; min-width: 120px; font-weight: bold; background-color: #eee; }
.seasonal-rates { width: 100%; margin: 10px auto !important; }
#map { width: 100% !important; margin: 0px !important; }
.ui-datepicker td span, .ui-datepicker td a { padding: 0; text-align: center; }
.booking-sidebar-container h4, .booking-sidebar-container .widget, .booking-sidebar-container { border: 0px; padding: 0px; margin: 0px; background: inherit; }
.booking-sidebar-container, .booking-path-section-header { background-color: #eee; padding: 10px; }
.booking-sidebar-container h3 { color: inherit; }
.ratedetails .payment .step, .ratedetails .thankyou .step, .payment .ratedetails .step, .payment .thankyou .step, .thankyou .ratedetails .step, .thankyou .payment .step { font-size: 90%; }
.ratedetails .ratedetails .number, .payment .payment .number, .thankyou .thankyou .number { color: black; }
.ratedetails .ratedetails .step, .payment .payment .step, .thankyou .thankyou .step { font-size: 100%; color: #333; }
.ratedetails .payment, .ratedetails .thankyou, .payment .thankyou { color: #cccccc; }
.payment .ratedetails, .thankyou .payment, .thankyou .ratedetails { color: #949494; }
#rentalAgreement { width: 90%; }
.total-price { background-color: transparent }
.booking-path .yui-gf .yui-u { margin-left: 0px; }
.ui-datepicker.ui-datepicker-multi { width: auto !important; }
#continueBookingInline { position: relative !important; }
.ui-widget { font-family: inherit !important; font-size: inherit !important; }
#emailInquiryFormWrapper label.field-description {display: block !important}
.trip-summary dt, .unit-summary dt { width: 85px; }
.booking-sidebar-container dl { font-size: 100%; }
#pan { width: 200px; }
textarea#PaymentInformation_Comments { width: 100%; max-width: 500px; }
fieldset { border: 0px; }
.ui-widget textarea { width: 100%; }
.unit-summary h4, .widget .body .unit-name { background-color: transparent !important; font-size: 100%; padding: 0px }
.trip-summary dt, .unit-summary dt { padding-right: 10px; }
.unit-summary dt:nth-child(1) { width: 100%; }
.unit-summary dt { white-space: nowrap; }
.rate-summary td:nth-child(2), .payment-summary td:nth-child(2), .payment-summary th:nth-child(2) { text-align: right; }
.rate-summary td, .payment-summary td { padding: 5px; }
.rate-summary tr, .payment-summary tr { border: solid 1px #eee; }
.rate-summary th, .payment-summary th { background-color: #eee; }
.rate-summary, .payment-summary { margin-bottom: 20px; }
.thumbnail-container { float: none; margin: 0 auto 0 0; text-align: left; width: 100%; }
li { list-style-type: none; }
abbr[title], abbr[data-original-title] { border: 0px; }
.carousel-inner>.item>img { height: auto !important; }
.comment{width: auto;
    position: relative;
    display: inline;}
/**** tablets and desktop **********************************************************************************************************/
@media only screen and (min-width:768px) {
	#availabilityForm .ui-datepicker.ui-datepicker-multi { width: 100% !important; max-width: 530px; }
	#availabilityForm .ui-datepicker-multi .ui-datepicker-group { float: left; }
	#availabilityForm .ui-datepicker-group { width: 50%; margin: auto; max-width: 265px; }
	.average-reviews tr{display:inline;}
}

/****phones***********************************************************************************************************/
@media only screen and (max-width:767px) {
	.content-left, .content-right, .booking-info, .narrow-calendar-wrapper, #quickDescription, #location { width: 100% !important; float: none !important; margin: 0px !important; }
	#noReviews, .unit-quick-description-wrapper { width: 100% !important; }
	#continueBookingInline { position: relative; }
	#availabilityForm .ui-datepicker.ui-datepicker-multi { width: 100%; }
	#availabilityForm .ui-datepicker-multi .ui-datepicker-group { float: none; }
	#availabilityForm .ui-datepicker-group { width: 60%; margin: auto; }
	#rateQuoteWrapper { position: relative; width: 100%; float: none; margin: 1% 0; }

.h-review .ratings{float:none !important;
    width: auto !important;
    margin: auto !important;}
	.average-reviews td{text-align:left !important;}

.rating.rating-lg{font-size:20px !important;}
.average-reviews tr{display:inline;}}
/****portrait phones***********************************************************************************************************/
@media only screen and (max-width:767px) and (orientation:portrait) {

	/*for property pages*/
	.content-left, .content-right, .booking-info, .narrow-calendar-wrapper, #quickDescription, #location { width: 100% !important; float: none !important; margin: 0px !important; }
	.next-steps-actions, .contact-by-phone, .unit-external-action-links, #quickDescription, #location, #noReviews, .unit-quick-description-wrapper { position: relative !important; text-align: center !important; width: 100% !important; }
	#availabilityForm .ui-datepicker.ui-datepicker-multi, #filmstrip ul { width: 100%; }
	#availabilityForm .ui-datepicker-multi .ui-datepicker-group, #propertyList .body img.pic { float: none !important; }
	#availabilityForm .ui-datepicker-group { width: 75%; margin: auto; max-width: 265px; }
	.next-steps-actions input { width: 48% !important; }
	input[type="button"], input[type="submit"] { padding: 10px 10px !important; }
	#rateQuoteWrapper { position: relative; width: 100%; float: none; margin: 1% 0; }
	#continueBookingInline { position: relative; }

	/* Force table to not be like tables anymore */
	#rateRanges, #rateRanges thead, #rateRanges tbody, #rateRanges th, #rateRanges td, #rateRanges tr { display: block; }

	/* Hide table headers (but not display: none;, for accessibility) */
	#rateRanges thead tr { position: absolute; top: -9999px; left: -9999px; }
	#rateRanges tr { border: 1px solid #ccc; }
	#rateRanges td { /* Behave  like a "row" */
	border: none; border-bottom: 1px solid #fff; position: relative; padding-left: 50%; }
	#rateRanges td:before { /* Now like a table header */
	position: relative; /* Top/left values mimic padding */ left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; font-weight: bold; }
	#rateRanges td:nth-of-type(1):before { content: "Dates:"; }
	#rateRanges td:nth-of-type(2):before { content: "Daily:"; }
	#rateRanges td:nth-of-type(3):before { content: "Weekly:"; }
	#rateRanges td:nth-of-type(4):before { content: "Monthly:"; }
	#rateRanges td:nth-of-type(5):before { content: "Minimum Stay:"; }
	#rateRanges td:nth-of-type(6):before { content: "Checkin Restrictions:"; }
	.thumbnail-container { text-align: center; }
	.thumbnail-container img { clear: both; }
	.internal-link { display: block; }
	.ui-widget {width: 100% !important; top:0 !important; left: 0 !important; }
	.ui-dialog .ui-dialog-titlebar-close {position: relative;
    right: .3em;
    top: 50%;
    width: 20px !important;
    margin: 0px;
    padding: 1px;
    height: 20px;}
    .ui-dialog .ui-dialog-title {width: 95%;}
}
@media only screen and (max-width: 320px){
#unitAverageReviews > tbody > tr{width:25% !important}
.average-reviews td {text-align:left !important;position:relative; margin:auto; display:inline-block;}
.recommend, .comment, .manager-responses{text-align:left;}
.manager-responses > li > p{text-align:left  !important;}
.average-reviews tr{display:inline;}}