/* BOOTSTRAP OVERRIDES - colors also in compare-favorites.cfm */
.banner-image.int {padding-bottom: 10% !important; min-height: 130px;}
.booking.container {line-height: 1.5;}
.input-group .form-control {z-index: initial;}

h1, h2, h3, h4, h5, h6 {line-height: 1.25;}
h1:after {display: none !important;}
.booking .btn {padding: 10px 5px; border: none !important; border-radius: 0; font-size: 13px !important; color: #fff !important; letter-spacing: 0.25px !important;}

.btn-default {background-color: #424d58;}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {background-color: #343d47;}

.btn-danger {background-color: #cf464a;}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {background-color: #b83d41;}

.btn-success {background-color: #424d58; border-color: #424d58;}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {background-color: #4a5b5b;}

.btn-info {background-color: #2c8ac6;}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {background-color: #2277ad;}

.bractions .btn-success {background-color: #2c8ac6;}
.bractions .btn-success:hover,
.bractions .btn-success:focus,
.bractions .btn-success:active,
.bractions .btn-success.active,
.bractions .open > .dropdown-toggle.btn-success {background-color: #2277ad; color: #fff;}

.bractions .btn-info {background-color: #ffc107;}
.bractions .btn-info:hover,
.bractions .btn-info:focus,
.bractions .btn-info:active,
.bractions .btn-info.active,
.bractions .open > .dropdown-toggle.btn-info {background-color: #e9b20c;}

.bfavorites {background-color: #cf464a; border-color: #cf464a; color: #fff !important;}
.bfavorites:hover {background-color: #b83d41; border-color: #b83d41;}
.brecent,
.map-all-results {background-color: #2c8ac6; border-color: #2c8ac6; color: #fff !important;}
.brecent:hover,
.map-all-results:hover {background-color: #2277ad; border-color: #2277ad;}
#grid-list-toggle {background-color: #ffc107;}
#grid-list-toggle:hover {background-color: #e9b20c;}

.print-btn {background-color: #424d58;}
.print-btn:hover {background-color: #343d47;}

.label-info {background-color: #6B83A5;}
.label-info[href]:hover,
.label-info[href]:focus {background-color: #617796;}

.bdetails .panel .alert-info.text-center {background-color: #2c8ac6; border: none; color: #fff; border-radius: 0;}
.bdetails .alert h2 {font-size: 46px; color: #fff; line-height: 1; font-weight: normal;}
.bdetails .nav-tabs > li {padding: 0;}
.bdetails .nav-tabs > li > a {border: 1px solid #ddd !important; color: #444 !important}
.bdetails .nav-tabs > li.active > a,
.bdetails .nav-tabs > li.active > a:hover,
.bdetails .nav-tabs > li.active > a:focus {background-color: #2c8ac6; color: #fff !important;}

.bresults .bbs .list-group-item>.badge {background-color: #424d58; color: #fff;}

.noUi-connect {background: #424d58 !important;}

#showPercentBooked b.percent-booked {display: block; padding: 6px 10px; background-color: #1C3054; border: 1px solid #f7f7f7; box-shadow: 0 1px 3px -2px #000; color: #fff; text-align: center;}
#showPercentBooked b.percent-booked img {width: 20px;}

#APIresponse .book-btn {background-color: #ffc107 !important;}

/* REGULAR STYLES */
.logo-booking {position: absolute; top: 65px; left: 10%; z-index: 9999;}

.scrollToTop {background-color: #2c8ac6;}
.scrollToTop span {font-size: 16px; color: #fff;}

#bcalendar .ui-widget-content .ui-state-default,
#bcalendar .ui-widget-header .ui-state-default {background: #376F7E !important;}

.btops .panel-heading {height: 60px;}
.btops .panel-heading:after {content: ""; display: block; clear: both;}
.btops h3 {display: inline;}
.bresults .rtools {margin: ;}

.booking .nav {position: relative;}
.booking .panel-heading {background: #f5f5f5; border: 1px solid #ddd; border-bottom: none; border-radius: 3px 3px 0 0; text-transform: uppercase; text-align: left;}
.booking .panel-heading h3.panel-title:after {content: ""; display: block; clear: both;}
.booking .panel-heading h3,
.booking .panel-heading h4 {font-family: inherit; font-size: 18px; color: #424d58;}
.booking .panel-heading a,
.booking .panel-heading label {font-size: 14px; color: #424d58;}

.bresults h3.panel-title a {font-size: 26px;}
.bresults #list-all-results .lead {text-align: right;}

.bresults .btops {margin-bottom: 5px; z-index: auto;}
.bresults .pagination { width: 100%; display: table; margin: 0 0 15px; overflow: hidden; }
.bresults .pagination li { text-align: center; display: table-cell; }
.bresults .pagination li span { position: relative; top: 3px; }
.bresults .pagination li > a { margin: 0; background-color: #2c8ac6; color: #fff;}
.bresults .pagination li > a:hover {background-color: #2277ad;}
.bresults .pagination li.properties-count a { cursor: default; background: #2c8ac6;}
.bresults .pagination li.properties-count a:hover, .bresults .pagination li.properties-count a:focus, .bresults .pagination li.properties-count a:active { background: #2c8ac6; color: #fff; }

/* Specials graphic overlay for images on properties marked special */
.special-flag {height: 145px; position: relative; z-index: 100000000000000000000 !important; margin:0 0 -145px 0; background-image: url('/booking/images/special.png'); background-position: right top; background-repeat: no-repeat;}

.bdetails h1 {display: block; margin: 0; position:relative; letter-spacing: 3px; font-size: 26px; line-height: 1.5; color: #424d58; font-weight: normal; letter-spacing: normal;}
.bdetails h1 .lead {display: block; position:absolute; top:0; right:15px; margin-top: 0; font-size: 18px; text-align: right; letter-spacing: normal;}
.bdetails .panel-heading h3:after {border: 0;}
.bdetails .repeatPropertyInfo {padding: 0;}
.bdetails .repeatPropertyInfo li {padding: 3px 0;}
.bdetails .amenities-list {padding: 0;}
.bdetails .amenities-list li {display: inline-block; vertical-align: top; float: none; width: 45%; border: none;}

.travel-dates .alert {margin-bottom: 8px;}
.sticky-dates {position: relative;}
.sticky-dates.is-stuck {width: 313px; position: fixed; top: 0; z-index: 999;}

#t-overview .panel-heading,
#t-calendar .panel-heading,
#t-map .panel-heading,
#t-rates .panel-heading {padding: 20px 15px;}
#t-overview .rating {margin-top: -10px;}
#t-overview .rating a {padding: 10px; background-color: #2c8ac6; border-color: #2c8ac6; color: #fff;}
#t-calendar .dates-legend {margin-bottom: 10px;}
#t-calendar .dates-legend span {display: inline-block; margin-right: 7px; font-size: 14px;}
#t-calendar .dates-legend em {display: inline-block; width: 28px; height: 28px; vertical-align: middle;}
#t-calendar .dates-legend em.available {background-color: #2c8ac6; border: 1px solid #4C7B85;}
#t-calendar .dates-legend em.unavailable {background-color: rgba(44,138,198,0.35); border: 1px solid #c0d1d4;}
#t-calendar .dates-legend em.checkin {background: url("/booking/images/checkout.jpg") no-repeat; background-size: 100%;}
#t-calendar .dates-legend em.checkout {background: url("/booking/images/checkin.jpg") no-repeat; background-size: 100%;}
#t-floorplan img {display: block; width: 100%; height: auto; margin-bottom: 10px;}

.cal-container {height:330px; }
.cal-container th {height: 37px;}
.cal-container td {background-color: #2c8ac6; color: #fff; height: 65px;}
.cal-container td.hdnvcgray {background-color:#fff;}
.cal-container td.booked {background-color: rgba(44,138,198,0.35); color: #fff;}
.cal-container td.splitViewCheckin {background-color: #3e8190; background: url("/booking/images/checkin.jpg") no-repeat; background-size: 100% 100%; text-shadow: 0 0 1px rgba(0,0,0,0.5); color:#fff}
.cal-container td.splitViewCheckout {background-color: #3e8190; background: url("/booking/images/checkout.jpg") no-repeat; background-size: 100% 100%; color:#fff;}
.cal-container td a {display: block; padding: 2px 3px; background-color: #fff; border-radius: 2px; line-height: 1; text-align: center;}

.strike {color: #a74c4a; text-decoration: line-through;}

.compare .panel-heading h1 {margin: 0; font-size: 26px; color: #424d58; font-weight: normal;}
.compare .panel-body {padding: 15px; background: #fff !important;}
.compare .jcarousel-controls a {color: #424d58;}
.modal#sendtofriend .propertyNotes {border-color: #d2d2d2;}

.modal .nav-tabs li a {background: #fff; color: #363636; border: 1px solid #ccc; border-bottom: none;}

.scenic {margin-bottom: 20px; background: #96B3B3; font-family: inherit; color: #fff;}
.scenic > a > img {width: 100%; height: 190px;}
.scenic div {padding: 10px;}
.scenic h3 {margin: 0 0 10px; padding: 0 0 10px; border-bottom: 1px solid #fff; font-size: 18px; color: #fff; text-transform: uppercase;}
.scenic a {color: #fff;}
.scenic span {display: inline-block; vertical-align: top; width: 32%; position: relative; line-height: 1; text-align: center;}
.scenic span:nth-child(2) {width: 28%;}
.scenic span:after {content: ""; display: block; height: 15px; position: absolute; right: 0; bottom: 0; border-right:1px solid #fff;}
.scenic span:last-child:after {display: none;}
.scenic span img {display: block; width: 32px; margin: 0 auto 8px;}
.scenic ul {margin-top: 10px; padding: 10px 0 0; border-top: 1px solid #fff;}
.scenic ul li {list-style: none; display: inline-block;}
.scenic ul li:before {content: "\b7"; display: inline-block; margin: 0 12px; font-size: 24px; vertical-align: bottom;}
.scenic ul li:first-child:before {display: none;}
.scenic a.btn {width: 100%; background: #424d58; border-color: #424d58; color: #fff; text-transform: uppercase;}
.scenic a.btn:hover {background: #4a5b5b; border-color: #4a5b5b; color: #fff;}
.scenic div.amenities {padding: 0;}

/* Results Image Replacement */
.bresults .img-results-wrap { position: relative; /* padding-bottom: 82%; */ padding-bottom: 68%; }
.bresults .img-results-wrap span { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; }

/* Details Image Replacement */
.bdetails #propertySlideshow { overflow: hidden; opacity: 0; }
.bdetails #propertyImages { position: relative; padding-bottom: 60%; }
.bdetails #propertyImages.hasVideo { padding-bottom: 41.5%; }
.bdetails #propertyImages>iframe {width: 100%; height: 100%;}
.bdetails #propertyImages>div {width: 100%; height: 100%;}
.bdetails #propertyImages a { display: block; top: 0; left: 0; right: 0; bottom: 0; position: absolute; }
.bdetails #propertyImages span,
.bdetails #propertyImages object { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; }
.bdetails #propertyThumbs .p-thumbs-wrap { position: relative; padding-bottom: 60%; display: block; }
.bdetails #propertyThumbs .p-thumbs-wrap span { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; }
.bdetails #propertyThumbs .p-thumbs-wrap span.youtube-icon {background-size: contain !important;}
.bdetails .btn-book-now {width: 100%; margin-bottom: 10px; padding: 20px 5px; background-color: #166f2b; font-size: 24px !important; line-height: 1;}
.bdetails .btn-book-now:hover {background-color: #10531e;}

.booking-panel label {display: block; margin: 5px 0 0;}
.booking-panel label.block {display: block;}
.booking .booking-panel .input-group.form-group span {display: block; margin: 10px 0 0 !important;}
.booking-panel .form-split:after {content: ""; display: block; clear: both;}
.booking-panel .form-split .form-control {width: 49%;}
.booking-panel .form-split .form-control:last-child {margin-left: 2%;}
.booking-panel .half-group {padding-right: 10px !important;}

#paymentMethod span {display: inline-block; width: auto; float: none;}
#paymentMethod label {display: inline-block;}
#paymentMethod input[type="radio"] {display: inline-block; width: 14px; height: 14px;}
#paymentMethod #paymentTypeEC {margin-left: 25px;}

.compare .compare-info p:nth-child(2), .compare .compare-info p:nth-child(3) {height: 65px;}
.compare .jcarousel .compare-details p:nth-child(3), .compare .jcarousel .compare-details p:nth-child(4) {height: 65px;}

#invalidPromoModal h4.modal-title {color: #424d58;}

.book-now-btn {background-color: #166f2b;}
.book-now-btn:hover {background-color: #10531e;}

/* ============== RESPONSIVE STYLES ============== */
/*
@media only screen and (min-width : 1400px) {
	.booking.container {min-width: 1370px}
}
*/

@media only screen and (max-width : 1200px) {
	.container {width: 970px;}
	.header.int ~ .booking {width: 79%;}
	.bdetails .panel-body .btn.btn-block {padding: 9px 6px; font-size: 10px;}
	.scenic > a > img {height: 158px;}
	.scenic span {font-size: 13px;}
}

@media (max-width: 992px) {
	.booking .page-header {margin: 10px 0 20px;}
	.container {width: 750px;}
	.btops .panel-heading {height: auto;}
	.scenic > a > img {height: 164px;}
	.logo-booking {position: absolute; top: 50px; left: 10%; z-index: 9999; width: 170px;}
	.logo-booking img {width: 100%;}
	.bdetails h1 .lead {float: none !important; position:relative; right:auto;}
  .booking .panel-heading h3 .base-rate.strike:after {top: 8px;}
	.bresults .rtools .btn-group:last-child {display: none;}
	.bdetails .panel-body > div > div {padding-right: 10px !important; padding-left: 10px !important;}
	.bdetails .panel-body .btn.btn-block {font-size: 8px;}
	.bdetails #t-overview .galleria {height: 400px;}
	.bdetails #t-overview .galleria .galleria-container {width: 100% !important;}
  .bdetails .amenities-list li {width: 100%;}
	.rrssb-buttons.tiny-format li {height: 30px !important;}
	.rrssb-buttons.tiny-format li a .icon svg {height: 100% !important;}
  .booking .booking-panel .input-group.form-group span {clear: both;}
  .booking .booking-panel .input-group.form-group input {float: none !important;}
}

@media (max-width: 768px) {
	body {overflow-x: hidden;}
	.booking {padding: 25px 15px 15px;}
	.booking .page-header a {float: none; margin-bottom: 20px;}
	.container {width: 100%;}
	.header.int ~ .booking {width: 96%;}
	.bresults .rtools .btn-group:last-child {display: inline-block;}
	.bdetails .panel-body .btn.btn-block {font-size: 12px;}
  .bdetails .panel-body .btn.btn-block.add-remove-fav-detail {margin-top: 10px;}
	.bdetails .cal-container {height: auto}
  .bdetails .amenities-list li {width: 45%;}
	.scenic > a > img {height: auto;}
	.scenic span:nth-child(2) {width: 33%;}
  .booking-panel .half-group {padding-right: 0 !important;}
  .compare .compare-info p {height: auto !important;}
}

@media (max-width: 568px) {
	.bresults .btn-toolbar {display: block;top: initial;float: none !important;margin: 7px 0 0 0 !important;padding: 0 !important;left: -7px;}
	.bresults .rtools .btn-group:last-child {display: none;}
	.btops .panel-heading {height: initial;}
	.bdetails #t-overview .panel-heading {height: 54px; overflow: initial;}
	.bdetails .alert {font-size: 11px;}
/*   .bdetails .amenities-list li {display: block; width: 100%;} */
}

@media (max-width: 480px) {
	#t-overview .rating {margin-top: 6px;}
}

@media (max-width: 320px) {
	body > nav .navbar-collapse {margin-top: 30px;}
	.bresults .btn-toolbar {left: 0;}
	.bresults .btn-toolbar .btn-group,
	.bresults .btn-toolbar .input-group {width: 100%; margin-bottom: 2px;}
	.navbar {height: 80px}
	.top-nav .phone a.contactlink {display: block;}
	.scenic span:nth-child(2) {width: 32%;}
}

@media (min-width: 320px) and (max-width: 480px) {
	.header.int ~ .booking {width: 92%;}
	.bdetails #t-overview .panel-heading {height: 94px;}
	.bresults .list-group-item td {display: block; width: 100%;}
	.bresults .current-search .label {white-space: initial;line-height: 21px;}
	.bresults #list-all-results .table .quick-facts {width: initial;}
	.bdetails h1 {margin: 5px 0;}
	.bdetails h1 span {letter-spacing: normal;}
	.bresults .bractions {display: block;}
	.bresults .bractions:after {content: ""; display: block; clear: both;}
	.bresults .bractions div {display: block; width: 100%; height: 37px; margin-bottom: 7px;}
	.bdetails .nav-tabs > li {width: 50%; padding: 0;}
}


/*======================================= THE =======================================*/
/*====================================== GRID =======================================*/
/*===================================== STYLES ======================================*/
.bresults div#list-all-results.grid > div {display: inline-block; vertical-align: top; width: 48.5%; margin-left: 2%;}
.bresults div#list-all-results.grid > div:nth-child(odd) {margin-left: 0;}
.bresults div#list-all-results.grid > div.alert {display: block; width: 100%; margin-bottom: 20px;}
.bresults div#list-all-results.grid > div.row {display: block; width: auto; margin-right: -15px; margin-left: -15px;}
.bresults div#list-all-results.grid > div h3.panel-title span {float: none !important; display: block;}
.bresults div#list-all-results.grid > div h3.panel-title a {font-size: 24px !important;}
.bresults div#list-all-results.grid > div .panel-body .col-md-6 {float: none; display: block; width: 100%;}
.bresults div#list-all-results.grid > div .panel-body .brdescription {height: 120px; overflow: auto;}

@media only screen and (max-width : 1200px) {
	.bresults div#list-all-results.grid > div .panel-heading {height: 100px;}
	.bresults div#list-all-results.grid > div h3.panel-title a,
	.bresults #list-all-results.grid .lead {font-size: 20px !important;}
	.bresults #list-all-results.grid .table td {width: 100% !important; display: block;}
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.bresults div#list-all-results.grid > div {width: 100%; margin-left: 0;}
	.bresults div#list-all-results.grid > div .panel-heading {height: auto;}
	.bresults div#list-all-results.grid > div .panel-body .table .highlights,
	.bresults div#list-all-results.grid > div .panel-body .brdescription {height: auto;}
}

/* Small Devices, Tablets */
@media (max-width : 768px) {
	.bresults div#list-all-results.grid > div {width: 48.5%; margin-left: 2%;}
	.bresults div#list-all-results.grid > div .panel-heading {height: 100px;}
	.bresults div#list-all-results.grid .prop-image img {height: 200px !important;}
	.bresults div#list-all-results.grid .brdescription {min-height: 250px;}
	.bresults div#list-all-results.grid .brdescription a.btn {display: block; text-align: left;}
	.bresults div#list-all-results.grid .bractions .btn-group a {display: block !important; float: none !important;}
}

/* iPhone Landscape */
@media only screen and (max-width : 589px) {
	.bresults div#list-all-results.grid > div {width: 100%; float: none; margin-left: 0;}
	.bresults div#list-all-results.grid > div .panel-heading {height: auto;}
	.bresults div#list-all-results.grid > div h3.panel-title a {font-size: 26px !important;}
	.bresults div#list-all-results.grid > div h3.panel-title span {font-size: 16px !important;}
	.bresults div#list-all-results.grid .prop-image img {height: auto !important;}
	.bresults div#list-all-results.grid .brdescription {min-height: 0;}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
	.bresults div#list-all-results.grid .bractions .btn-group {float: none !important}
}
/*======================================= THE =======================================*/
/*====================================== GRID =======================================*/
/*===================================== STYLES ======================================*/
/*====================================== END ========================================*/



/*================================== STICKY REFINE ==================================*/
/*======================================= AND =======================================*/
/*=================================== FULL WIDTH ====================================*/
.sticky {position: relative; padding: 0; z-index: 99999; transition: all 0.5s ease;}
.sticky.is-stuck {bottom: 0; overflow: auto;}
.sticky #refine-sidebar {border-radius: 0 !important; border: none !important; box-shadow: 0 0 5px 0 #555;}
.sticky #refine-sidebar h3 {display: inline-block; margin-right: 16px; font-size: 28px !important;}
.sticky .panel-heading {padding: 10px 30px;}
.sticky .panel-body {padding: 15px 30px;}
.sticky #refineForm .form-group {display: inline-block; margin-right: 1.5%; vertical-align: top;}
.sticky #refineForm .arrival-group,
.sticky #refineForm .departure-group,
.sticky #refineForm .area-group,
.sticky #refineForm .location-group,
.sticky #refineForm .amenities-group,
.sticky #refineForm .guests-group {width: 49% !important;}
.sticky #refineForm .bedrooms-group,
.sticky #refineForm .bathrooms-group,
.sticky #refineForm .price-group {width: 32.075% !important;}
.sticky #refineForm .nomargin {margin-right: 0; margin-left: 0;}
.sticky #refineForm .amenities-group label {margin-right: 10px;}
.sticky #refineForm .amenities-group label input {width: 14px; height: 14px;}
.sticky + .booking .btops {margin: 0 0.5%;}
#list-all-results.results-full > .panel {vertical-align: top; display: inline-block; width: 32.125%; margin: 0 0.5% 20px;}
#list-all-results.results-full > .panel .panel-heading .lead {display: block; float: none !important;}
#list-all-results.results-full > .panel .panel-body [class^='col-'] {width: 100% !important;}
#list-all-results.results-full .bractions .btn {display: block; font-size: 12px !important;}
.sticky #closeFilters {display: block; text-align: center; font-weight: bold;}

@media only screen and (max-width : 1400px) {
	#list-all-results.results-full > .panel {width: 32.04%;}
}

@media only screen and (max-width : 1200px) {
	.sticky #refineForm .arrival-group,
	.sticky #refineForm .departure-group,
	.sticky #refineForm .area-group,
	.sticky #refineForm .location-group,
	.sticky #refineForm .amenities-group,
	.sticky #refineForm .guests-group {width: 48.9% !important;}
	.sticky #refineForm .bedrooms-group,
	.sticky #refineForm .bathrooms-group,
	.sticky #refineForm .price-group {width: 32% !important;}
	#list-all-results.results-full > .panel .panel-heading h3 a {font-size: 21px;}
	#list-all-results.results-full .list-group li {padding: 0;}
	#list-all-results.results-full .list-group li.brdescription {padding: 10px;}
	#list-all-results.results-full .table td {display: block; width: 100% !important;}
	#list-all-results.results-full .bractions {margin-bottom: 0;}
	#list-all-results.results-full .bractions > div {display: block; width: 100%; margin: 0;}
	#list-all-results.results-full .bractions .btn {margin-bottom: 2px;}
}

@media only screen and (max-width : 992px) {
	.sticky #refineForm .bedrooms-group,
	.sticky #refineForm .bathrooms-group,
	.sticky #refineForm .price-group {width: 31.925% !important;}
	#list-all-results.results-full > .panel {width: 48.7%;}
}

@media only screen and (max-width : 768px) {
	.sticky {top: 40px !important;}
	.sticky #refineForm .bedrooms-group,
	.sticky #refineForm .bathrooms-group,
	.sticky #refineForm .price-group {width: 48.9% !important;}
	.sticky #refineForm .bathrooms-group {margin-right: 0;}
	.sticky #refineForm .price-group {margin-right: 1.5%;}
	#list-all-results.results-full > .panel {width: 48.5%;}
}

@media only screen and (max-width : 736px) {
	.sticky #refineForm .arrival-group,
	.sticky #refineForm .departure-group,
	.sticky #refineForm .area-group,
	.sticky #refineForm .location-group,
	.sticky #refineForm .amenities-group,
	.sticky #refineForm .guests-group,
	.sticky #refineForm .bedrooms-group,
	.sticky #refineForm .bathrooms-group,
	.sticky #refineForm .price-group {width: 48.5% !important;}
	#list-all-results.results-full > .panel {display: block; width: 70%; margin: 0 auto 20px;}
	#list-all-results.results-full .list-group li {padding: 2px;}
	#list-all-results.results-full .table td {display: table-cell; width: 50% !important;}
}

@media only screen and (max-width : 589px) {
	.sticky .panel-heading {text-align: center;}
	.sticky #refine-sidebar h3 {margin-right: 0;}
	#showFilters {display: block;}
	.sticky #refineForm .arrival-group,
	.sticky #refineForm .departure-group,
	.sticky #refineForm .area-group,
	.sticky #refineForm .location-group,
	.sticky #refineForm .amenities-group,
	.sticky #refineForm .guests-group,
	.sticky #refineForm .bedrooms-group,
	.sticky #refineForm .bathrooms-group,
	.sticky #refineForm .price-group {width: 100% !important; margin-bottom: 10px;}
	.sticky #refineForm .departure-group {margin-bottom: 10px;}
	#list-all-results.results-full > .panel {width: 80%;}
}

@media only screen and (max-width : 480px) {
	.sticky #refineForm .amenities-group label {display: block;}
	#list-all-results.results-full > .panel {width: 90%;}
	#list-all-results.results-full .table td {display: block; width: 100% !important;}
}

@media only screen and (max-width : 375px) {
	#list-all-results.results-full > .panel {width: 100%;}
}
/*================================== STICKY REFINE ==================================*/
/*======================================= AND =======================================*/
/*=================================== FULL WIDTH ====================================*/
/*======================================= END =======================================*/
