.compare_outer { margin-top: 250px; border-bottom: 1px solid #f5f5f5; margin-bottom: 60px; padding-bottom: 80px; overflow: hidden;}
.compare_outer .table>:not(caption)>*>* { padding: 15px; background-color: var(--bs-table-bg);  border-bottom-width: 1px; box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg); }
.compare_outer table td, .compare_outer table th { border: 1px solid #ececec; vertical-align: middle; font-family: "Roboto Condensed"; }
.compare_outer h1 { text-align: left; font-family: 'Roboto Slab', serif; font-size: 40px; letter-spacing: 1px; line-height: 70px;  color: #000000; font-weight: 500;  margin-bottom: 0; }
.compare_outer h6 { text-align: left; }
.compare_outer .row_img img { max-width: 100%; display: block; overflow: hidden;  width: 100%; margin: 0 auto;}
.compare_outer .text-body { margin-bottom: 40px; }
.compare_outer .text-muted { color: #b6b6b6!important; }
.compare_outer h5 a { color: #ab822c; font-family: "Roboto Condensed"; font-size: 20px; line-height: 25px; }
/*.compare_outer .product-rate, .compare_outer .product-rating { background-image: url(https://devpickle.net/hr/public/front_end/images/rating-stars.png); background-repeat: repeat-x; height: 12px; }
.compare_outer .product-rating { background-position: 0 0; }*/
.compare_outer .product-rate { background-position: 0 -12px; width: 60px; display: inline-block; transition: all .5s ease-out 0s; -webkit-transition: all .5s ease-out 0s; display: none !important;}
.compare_outer p { font-family: "Roboto Condensed"; font-size: 18px; line-height: 25px; }
.compare_outer .btn { background-color: #ab822c; border-color: #ab822c; color: #fff; font-size: 16px; padding: 5px 15px;}
.compare_outer .btn:hover { box-shadow: 0 0 0 0.25rem rgb(171 130 44 / 50%); background-color: #ab822c; border-color: #ab822c; }
.clear-btn { font-family: "Roboto Condensed"; }
.compare_outer .row_remove a { color: #000; }
.compare_outer .row_remove a:hover { color: #ab822c; text-decoration: none; }
.compare_outer h5 a:hover { text-decoration: none; color: #3b444f; }
.compare_outer .text-brand { color: #ab822c; }
.search-property { margin: 0 15px; width: 100%; background: #f1f1f1; padding: 20px; display: flex; align-items: center; border-radius: 10px; margin-bottom:20px; }
.search-property .ui-autocomplete-input { border: solid 1px #ccc; border-radius: 3px; padding: 7px; margin: 0 15px; width:32%; }
.search-property p { font-size: 14px; margin-top:10px; }

/*******************  Responsive  ***************************/

@media (min-width: 992px) and (max-width: 1199px) {

.compare_outer { margin-top: 160px; }


}

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

.compare_outer { margin-top: 60px; }


}

@media (max-width: 767px) {

.compare_outer { margin-top: 60px; }
.compare_outer h1 {  font-size: 40px; line-height: 45px; }
.search-property { flex-direction:column; }
.search-property .ui-autocomplete-input { width:80%; }
.compare_outer h5 a, .compare_outer .text-muted, .compare_outer td div p, .compare_outer p { font-size: 14px; }

}

@media (max-width: 480px) {

.compare_outer h1 {  font-size: 30px; line-height: 35px; }


}