    .main-section{
        background: #f7f7f7;
    }
    .sale {
        background: #5ea51d;
        color: #fff;
        padding: 0 4px;
    }

    .rent {
        background: #fd5c64;
        color: #fff;
        padding: 0 4px;
    }

    .details {
        display: inline-grid;
        width: 19%;
    }

    #image-gallery {
        height: 450px !important;
    }

    #image-gallery img {
        height: 450px;
        width: 100%;
    }

    .lSSlideOuter {
        height: 470px;
    }

    .prp-style-1 .single-property-wrapper {
        margin-top: 0px !important;
    }

    ul.dealer-contacts {
        font-size: 14px;
    }

    .ftco-footer .ftco-footer-widget .logo {
        margin-bottom: 122px !important;
    }
    .similar .s-property-title::after {
        background-color: #880016;
        content: "";
        display: block;
        width: 150px;
        height: 3px;
        margin: 3px 0px 0px 2px;
    }
    .property-location-section ,.single-property-content{
        background: #fff;
        margin-bottom: 25px;
        border-radius: 10px;
        padding: 20px;
    }
    .section{
        padding-bottom: 0;
    }
    .ad-section{
        min-height:200px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .feedback-text{
        width: 100%;
        float:left;
        margin-top: 10px;
    }
    textarea.feedback-input {
        width: 100%;
        border: 2px solid #ccc;
    }

    .rate {
    float: left;
    height: 46px;
    padding: 0 10px;
    }
    .rate:not(:checked) > input {
        position:absolute;
/*        top:-9999px;*/
        display: none;
    }
    .rate:not(:checked) > label {
        float:right;
        width:1em;
        overflow:hidden;
        white-space:nowrap;
        cursor:pointer;
        font-size:30px;
        color:#ccc;
    }
    .rate:not(:checked) > label:before {
        content: '★ ';
    }
    .rate > input:checked ~ label {
        color: #ffc700;    
    }
    .rate:not(:checked) > label:hover,
    .rate:not(:checked) > label:hover ~ label {
        color: #deb217;  
    }
    .rate > input:checked + label:hover,
    .rate > input:checked + label:hover ~ label,
    .rate > input:checked ~ label:hover,
    .rate > input:checked ~ label:hover ~ label,
    .rate > label:hover ~ input:checked ~ label {
        color: #c59b08;
    }

    .heading {
  font-size: 25px;
  margin-right: 25px;
}

.fa {
  font-size: 25px;
}

.checked {
  color: orange;
}

/* Three column layout */
.side {
  float: left;
  width: 15%;
  margin-top:10px;
}

.middle {
  margin-top:10px;
  float: left;
  width: 70%;
}

/* Place text to the right */
.right {
  text-align: right;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* The bar container */
.bar-container {
  width: 100%;
  background-color: #f1f1f1;
  text-align: center;
  color: white;
}

/* Individual bars */
.bar-1, .bar-2,.bar-3, .bar-4,.bar-5 { 
        height: 20px;
    color: #545353;
    font-size: 13px;
    background-color: #ff9800;
}
/* Responsive layout - make the columns stack on top of each other instead of next to each other */
@media (max-width: 400px) {
  .side, .middle {
    width: 100%;
  }
  .right {
    display: none;
  }
}

.inquiry-box {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 11111;
    display: none;
    position: fixed;
    background: #5050507d;
}
.inquiry-popup {
    width: 400px;
    height: auto;
    display: none;
    padding: 30px;
    background: white;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    position: absolute;
}

.big_cross_icon {
    cursor: pointer;
    position: absolute;
    display: inline-block;
    width: 20px;
    height: 20px;
    overflow: hidden;  
}
.big_cross_icon:before,.big_cross_icon:after {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    top: 50%;
    left: 0;
    margin-top: -1px;
    background-color: #666;
    transform-origin: 50% 50%;
    opacity: 1;
    -moz-transition: -moz-transform ease 0.3s;
    -webkit-transition: -webkit-transform ease 0.3s;
    -o-transition: -o-transform ease 0.3s;
    -ms-transition: -ms-transform ease 0.3s;
    transition: transform ease 0.3s;
}

.big_cross_icon:before{
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.big_cross_icon:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.big_cross_icon:hover:before, .big_cross_icon:hover:after{
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

@media screen and (max-width: 500px) {
   .inquiry-popup {
    width: 94%;
  }
}

#product-wrap .text{
    max-height: 270px;
}
