body {
   font-family: 'Open Sans', sans-serif !important;
   margin: 0;
   padding: 0;
   background-color: #f4f4f4;
   color: #333;
 }

 .temporary-message {
   width: 100%;
   display: flex;
   justify-content: space-around;
 }

 .header { 
   background-size: auto;
   height: 37.8vh;
 }

 .header_top {
   background: linear-gradient(to bottom, #fff, #ffffff00) !important;
   display: flex;
   justify-content: space-around;
   padding: 2% 5%;
 }


 .header_links {
   margin: 80px 0;
 }

 .header_links .dot {
   margin-top: 10px;
 }

 .main_content {
   padding: 1% 5%;
   line-height: 2.5pc;
 }

 .footer_content_top {
   display: flex;
   justify-content: space-around;
   padding: 3% 5%;
   background-color: #01216a;
 }

 .footer_content_middle {
   display: flex;
   justify-content: center;
   gap: 20px;
   padding: 3% 15%;
   background-color: #011d5f;
 }

 .foot_mid_links {
   color: #fff;
   line-height: 30px;
 }

 .bottom_bar {
   background-image: url(/laraval/coldwellnew//public/images/sociallinebg.png);
   padding: 2.5% 45%;
   background-color: #01216a;
   background-size: auto;
   background-attachment: unset;
   display: flex;
   justify-content: space-around;
 }

 .bottom_images {
   display: flex;
   justify-content: space-around;
   gap: 12px;
   background-color: #01216a;
 }

 .bottom_nav {
   font-size: 12px;
   padding: 2% 5%;
   text-align: center;

 }

 .foot_mid1,
 .foot_mid2 {
   display: flex;
   gap: 20px;
 }

 .mob_logo {
   display: none;
 }

 .footer_content_top_mobile {
   display: none;
 }

 .header_links strong {
   color: #01216a;
   font-size: 20px;
   font-weight: 700;
   cursor: pointer;
 }

 .foot_mid_links a {
   color: #fff;
   text-decoration: none;
 }

 .foot_mid_links a:hover {
   color: gold;
 }

 .header_links strong:hover {
   color: red;
 }


 @media only screen and (max-width: 860px) {
   .temporary-message {
     display: none;
   }

   .mobile_cont_head {
     display: flex;
     background: linear-gradient(to bottom, #eee, #fff0) !important;
   }

   .mob_logo {
     display: block;
   }

   .mob_logo img {
     width: 100%;
   }

   .footer_content_top_mobile {
     display: flex;
     justify-content: space-around;
     background-color: #01216a;
   }

   .header {
     height: 30vh;
     background-size: cover;
   }

   .footer_content_middle {
     display: grid;
     justify-content: space-around;
     padding: 10%;
     background-color: #011d5f;
     row-gap: 3%;
     overflow: auto;
   }

   .foot_mid1,
   .foot_mid2 {
     display: flex;
     gap: 25px;
   }

   .header_top {
     display: none;
   }

   .results {
     width: 100%;
   }

   .seach_results {
     width: 100%;
     display: grid;
     justify-content: space-evenly;
     row-gap: 30px
   }

   .Search_content {
     display: block;
     justify-content: space-evenly;
     width: 100%;
   }

   .sh_contents {
     width: 100%;
   }

   .sh_contents1 input {
     padding: 0px !important;
   }

 }

 @media only screen and (max-width: 860px) {
   .mobile_cont_head {
     display: flex !important;
   }

   .mob_logo {
     display: block;
   }

   .mob_logo img {
     width: 100%;
     height: auto;
   }

   .footer_content_top_mobile {
     display: flex;
     justify-content: space-around;
     background-color: #01216a;
   }

   .header_top {
     display: none;
   }

   .temporary-message {
     display: none;
   }

   .header {
     height: 20vh;
     background-size: cover;
   }

   .footer_content_top {
     display: grid;
     justify-content: space-around;
     padding: 3% 5%;
     background-color: #01216a;
     text-align: center;
     row-gap: 5%;
   }

   .footer_content_top img {
     width: 75%;
     height: auto;
   }

   .footer_content_middle {
     display: grid;
     justify-content: space-around;
     padding: 10%;
     background-color: #011d5f;
     row-gap: 3%;
     overflow: auto;
   }

   .foot_mid1,
   .foot_mid2 {
     display: grid;
     gap: 20px;
   }

   .image_cont {
     display: none;
   }

   .image_contt {
     width: 75%;
     height: auto;
   }

   .footer_image_con {
     text-align: center;
   }

   .sh_contents input,
   select,
   button {
     width: 100% !important;
   }
 }



 .Search_content {
   display: flex;
   justify-content: space-evenly;
 }


 .full_overley {
   position: fixed;
   height: 100%;
   width: 100%;
   left: 0;
   top: 0;
   background-color: #0c0c0ce0;
   display: flex;
   justify-content: center;
   overflow: auto;
	 z-index: 9999;
 }

 .full_overley {
   display: none;
 }


 .full_overley2 {
   position: fixed;
   height: 100%;
   width: 100%;
   left: 0;
   top: 0;
   background-color: #0c0c0ce0;
   display: flex;
   justify-content: center;
   overflow: auto;
 }

 .full_overley2 {
   display: none;
 }

 .popup_results_contents {
   width: 90%;
   height: auto;
   background-color: #fff;


 }

 .btna {
   height: 100%;
   border: 1px solid #afaeae;
   width: auto;
   background-color: #fff;
   padding: 0 10px;
   font-weight: bold;
   font-size: 15px;
 }

 .btna:hover {
   background-color: #000;
   color: #fff;
 }

 .popup_results_contents::-webkit-scrollbar {
   display: none;
 }

 .ib-plist-list li {
   display: flex;
   flex-wrap: wrap;
   width: 100%;
 }

 .ib-plist-list .ib-plist-st {
   width: 35%;
 }

 .ib-plist-list .ib-plist-pt {
   width: 65%;
   font-weight: bold;
 }

 .ib-plist-card {
   padding: 0 15px;
   line-height: 25px;
   font-size: 14px;
 }


 .Search_content {
   display: flex;
   justify-content: space-evenly;
 }

 .prop_img {
   width: 100%;
 }

 .sh_contents {
   width: 20%;
   text-align: left;
 }

 .sh_contents1 {
   width: 30%;
 }

 .sh_contents1 input {
   padding: 0 10px;
 }

 .sh_contents2 {
   width: 20%;
 }

 .sh_contents3 {
   width: 15%;
 }

 .sh_contents4 {
   width: 15%;
 }

 .sh_contents5 {
   width: 20%;
 }

 .sh_contents6 {
   width: 30%;
 }

 .sh_contents6 button {

   color: #fff;
   font-size: 20px;
   border: none;
 }

 .results {
   width: 33%;
 }

 .seach_results {
   width: 100%;
   display: flex;
   justify-content: space-evenly;
   gap: 30px
 }

 @media only screen and (max-width: 860px) {
   .results {
     width: 100%;
   }

   .seach_results {
     width: 100%;
     display: grid;
     justify-content: space-evenly;
     row-gap: 30px
   }

   .Search_content {
     display: block;
     justify-content: space-evenly;
     width: 100%;
   }

   .sh_contents {
     width: 100%;
   }

   .sh_contents1 input {
     padding: 0px !important;
   }

   .sh_contents6 {
     width: 100%;
   }

 }

 .header_links:hover .drop_downs {
   display: grid;
 }

 .drop_downs1 {
   position: absolute;
   z-index: 1000;
   padding: 20px;
   background-color: #fff;
   line-height: 28px;
   display: none;
 }

 .drop_downs1 a:hover {
   background-color: #02216b;
   text-decoration: none;
   color: #fff !important;
 }

 .drop_downs1 a {
   text-decoration: none;
   color: #02216b !important;
   padding: 5px;
 }

 .item,
 .results {
   cursor: pointer;
 }



 .contents_top {
   display: flex;
   justify-content: space-between;
   border-bottom: 1px solid #afaeae;
   position: sticky;
   top: 0;
   background-color: #fff;
 }

 .pop_prop_imgs {
   width: 33%;
 }

 .contents_middle {
   display: flex;
   background: #fff;
   width: 100%;
 }

 .contents_middle_left {
   width: 75%;
 }

 .contents_middle_right {
   width: 25%;
   position: sticky;
   top: 72px;
   height: 100% !important;
   padding: 20px;
   background-color: #ccc;
 }

 .contents_middle_left_price {
   display: flex;
   justify-content: space-between;
 }

 .details {
   line-height: 22px;
   padding: 12px;
   text-align: center;
 }

 .details_cont {
   display: flex;
   justify-content: space-evenly;
 }

 .details_cont_mobile {
   display: none;
 }

 .details1 {
   font-size: 14px;
 }

 .close_mobile {
   display: none;
 }

 .form_cont {
   display: flex;
   justify-content: center;
 }

 .form_cont input {
   width: 85%;
   padding: 8px;
   border-radius: 7px;
   height: auto;
   border: 1px solid #bfb7b7;
 }

 .form_cont textarea {
   width: 85% !important;
   height: auto !important;
 }

 .g-recaptcha {
   display: flex !important;
   justify-content: center !important;
 }

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

   #siteMessage {
     display: none !important;
   }

   .popup_results_contents {
     width: 100%;
     height: 1021%;
   }

   .contents_top {
     display: block;
   }

   .top_options {
     display: none !important;
   }

   .pop_prop_imgs {
     width: 100%;
   }

   .contents_middle {
     display: block;
   }

   .contents_middle_left {
     width: 100%;
   }

   .contents_middle_left_price {
     display: block;
     justify-content: space-between;
   }

   .details {
     display: flex;
     gap: 5px;
     font-size: 14px;
   }

   .details_cont {
     display: none;
   }

   .details_cont_mobile {
     display: flex;
     justify-content: space-evenly;
   }

   .mid_price {
     display: flex;
     justify-content: space-between;
   }

   .close_mobile {
     display: block;
   }

   .btn {
     border: none;
     border-radius: 5px;
   }

   .ib-plist-list {
     padding: 0;
   }

   .ib-plist-list .ib-plist-st {
     width: 50%;
   }

   .ib-plist-list .ib-plist-pt {
     width: 50%;
   }

   .contents_middle_right {
     width: 100%;
     padding: 0;
   }

   .map_contents_search {
     width: 100%;
     display: grid;
     row-gap: 10px;
   }

   .custom-select {
     width: 100%;
   }

   .selected-options {
     width: -webkit-fill-available !important;
     width: -moz-available !important;
   }
 }


 #datepicker1,
 #datepicker2,
 .select {
   margin: auto;
   width: 80px;
   border: 0;
 }

 .select:focus-visible {
   border: none;
   outline: none;
 }

 .mob_drop_a {
   padding: 12px;
   background-color: #01216a;
   width: -webkit-fill-available !important;
   width: -moz-available !important;
   display: grid;
   color: #fff;
   text-decoration: none;
   font-size: 15px;
   border-top: 1px solid;
 }

 .mob_drop_strong {
   display: block;
   padding: 10px;
   font-size: 15px;
 }

 .mobile_header_links {
   border-bottom: 1px solid;
 }

 .mob_drop_strong span {
   border-left: 5px solid transparent;
   border-right: 5px solid transparent;
   border-bottom: 5px solid #fff;
   float: right;
   margin: 5px;
   z-index: -1;
   position: relative;
 }

 @media only screen and (min-width: 860px) {
   .mobile_cont {
     display: none;
   }
 
 }

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

   .Search_rentals {
     display: grid !important;
   }

   .header {
     background-size: cover !important;
     height: 30vh;
     position: relative;
   }

   .header_title1 {
     font-size: 25px !important;
   }

   .header_title2 {
     font-size: 20px !important;
   }
 }

 body {
   overflow-x: hidden;
 }

 .open_btn {
   border: 2px solid !important;
   font-weight: bolder !important;
   width: 100% !important;
   padding: 10px !important;
   border-radius: 7px !important;
   background: #fff !important;
 }

 .open_btn:hover {
   color: #fff !important;
   background: #000 !important;
 }

 #result:hover {
   background-color: #fff !important;
   border: 1px solid #000 !important;
   color: #000 !important;
   font-weight: bolder;
   cursor: pointer;
 }






 .pagination {
   display: flex;
   justify-content: center;
   align-items: center;
 }

 .pagination ul {
   list-style: none;
   display: flex;
   gap: 10px;
 }

 .pagination ul li {
   display: inline-block;
   padding: 8px 12px;
   border-radius: 5px;
   color: #ffffff;
   font-weight: bold;
   background-color: #ccc;
   cursor: pointer;
 }

 .pagination ul li.active {
   background-color: #000;
 }

 .pagination ul li:hover {
   background-color: #000;
 }

 .pagination ul li:hover a {
   color: #fff;
 }

 .pagination ul li.disabled {
   background-color: #cccccc;
   color: #666666;
   cursor: not-allowed;
 }


 .sm\:hidden span {
   display: none !important;
 }

 .pagination nav {
   width: 100% !important;
 }

 .pagination nav .flex a {
   display: none !important;
 }

 .pagination nav div {
   display: flex !important;
   justify-content: space-between;
   margin: auto 0;
 }

 .rounded-md {
   display: flex !important;
   justify-content: space-evenly;
   gap: 10px;
 }

 .rounded-md a {
   background-color: #cad5dc;
   border-radius: 7px;
   padding: 10px;
   color: #000;
   line-height: 15px;
   width: 15px;
   text-align: center;
 }

 .rounded-md span {
   background-color: #01216A;
   border-radius: 7px;
   padding: 10px;
   color: #fff;
   font-weight: bold;
   line-height: 15px;
   width: 15px;
   text-align: center;
 }

 .rounded-md span span {
   padding: 0 !important;
 }

 #price-range-label {
   margin-bottom: 10px;
   font-size: 12px;
   justify-content: space-around;
   display: flex;
   gap: 11px;
   font-weight: bold;
 }

 .pagination .page-link:hover {
   background-color: #000 !important;
 }

 .page-link {
   padding: 8px 12px !important;
   background-color: #afafaf;
   border-radius: 10px !important;
   font-weight: bold !important;
   cursor: pointer !important;
 }

 .active {
   background-color: #000 !important;
   color: #fff !important;
 }

 .open_pagination ul {
   display: flex;
   gap: 5px;
   justify-content: center;
 }

 .open_pagination a {
   text-decoration: none;
 }

 .open_pagination li {
   list-style-type: none;
 }

 .active .page-link {
   background-color: #000 !important;
 }

 .page-link {
   color: #fff;
 }


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

   #Address {
     width: 100% !important;
   }

   .contents_middle_left {
     width: auto !important;
   }

   .amenities {
     column-count: 1;
   }

   #scrollContainers {
     display: none !important;
   }


   #scrollContainer_mobile {
     display: block !important;
   }

   #scrollContainer {
     display: none !important;
   }

   .open_pagination,
   .full_pagination {
     display: grid !important;
     justify-content: center !important;
     padding: 10px !important;
     text-align: center;
   }

   td,
   th {
     font-size: small !important;
   }

   #Availability {
     font-size: 12px !important;
     grid-template-columns: auto;
   }

 }


 .mobile_dropdown {
   position: relative;
   z-index: 1000;
 }


 body {
   scrollbar-width: none;
 }

 body::-webkit-scrollbar {
   width: 0;
 }



 #datepicker1 {
  
   border: none !important;
   outline: none !important;
 }