.DevelopmentGridView{
background-color: #fff;overflow: hidden;margin-right:1%;margin-bottom:1%;}

.DevelopmentGridView .phone .Logo{margin-top:10px;}

.DevelopmentGridView .DevelopmentDetails{border-top:1px solid #efefef;padding:10px;font-size:14px;}

.DevelopmentGridView .ViewContact{
      background: #f29007 !important;
      color:#272627 !important;
      border: 1px solid #f29007 !important;
      width:170px !important;
}



.phone .CallToActions{margin-bottom:20px;}

a.Button.ViewContact:hover{
    color: #ffffff !important;
    background: #f29007 !important;
   }
   
   .phone .ViewContact{
       width:100% !important;
   }
/* Title of the development */
.AdvertNameBox{
    font-size: 18px;
}



.tablet .DevelopmentNameBox, .phone .DevelopmentNameBox{
    overflow: hidden;
}



.DevelopmentDetailBox{
    color: #524E4B;
}


.DevelopmentGridView .ImgContainer{    text-align: center;
    background-color: #fff;
    position: relative;
    width: 100%;
    height: 220px;
    overflow: hidden;
}

.DevelopmentGridView .ImgContainer img {
/*position: absolute;
    left: 50%;
    top: 50%;
    height: 100%;
    width: auto;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);*/
    width:100%;
    height:100%;
    object-fit:cover;
}

.DevelopmentGridView .Strapline{font-size:12px;padding:6px;color:white;font-weight:600;text-transform: Uppercase;max-height:62px;overflow:hidden;}
.DevelopmentGridView .DevelopmentName{color: #a83235;font-weight:600;font-size:16px}
.DevelopmentGridView .MoreDetails {
    background-color: #d63a31;
    color: white;
    padding: 5px;
    width: 80%;
    /* margin: auto 0; */
    float: right;
    text-align: center;
    position: relative;
    top: 20%;
}