#property{
  margin:auto;
  width:95%;
}
/* left column */
#property-details-column-left{
  display:inline-block;
  width:45%;
  margin-right:5%;
  vertical-align:top;
}

#property-main-details{
  color:#0071BA;
  margin-bottom:40px;
}

#property-main-details .left_column{
  display:inline-block;
  width:40%;
}

#property-main-details .right_column{
  display:inline-block;
  width:40%;
  float:right;
  text-align:right;
}

#property-main-details .right_column>p{
  margin:0;
}

#property-main-price{
  font-weight:900;
  font-size:2em;
}

#property-picture-count{
  color:black;
}

#gmap-disclaimer{
  font-size:.8em;
}

#property-links a{
  display:inline-block;
  max-width:49%;
}

#property-links i{
  color: #1a1a1a;
}

#property-favorite-link button{
  background-color: transparent;
  color: #1a1a1a;
  border: none;
}

#property-favorite-link i{
  color: #AD1019;
}

#property-request-showing{
  float:right;
}

#property-request-showing button{
  border:1px solid #1a1a1a;
  border-radius: 2px;
  color: #AD1019;
  background-color:transparent;
}

#property-request-showing button:hover{
  background-color:#007acc;
}

#property-map-container{
  margin-top: 10px;
}

#property-map{
  height: 400px;
  width: 100%;
}

#agent-details{
  position:relative;
}

#agent-details-container .left_column{
  display:inline-block;
  width:45%;
}

#agent-details-container .left_column>a{
  display:block;
  text-align:center;
}

#agent-details-container .right_column{
  display:inline-block;
  width:62%;
	vertical-align: top;
}

#agent-header{
 /* border-bottom: 3px solid;
  border-image: linear-gradient(to right, #0071BA, rgba(0, 0, 0, 0)) 1 round;
  -o-border-image: -o-linear-gradient(to right, #0071BA, rgba(0, 0, 0, 0)) 1 round;
  -moz-border-image: -moz-linear-gradient(to right, #0071BA, rgba(0, 0, 0, 0)) 1 round;
  -webkit-border-image: -webkit-linear-gradient(to right, #0071BA, rgba(0, 0, 0, 0)) 1 round;*/
}

#agent-name{
  display:block;
  margin-right:110px;
}

#agent-profile-link{
  margin: 0px;
  position: absolute;
  right: 0px;
  top: 15px;
}

#agent-profile-link i{
  margin-right:5px;
}

#agent-details>a{
  position:absolute;
  right:0;
  top:5px;
}

#agent-details>div{
  display:block;
  margin:5px 0;
}

#agent-details div>a{
  margin-right: 10px;
}

#agent-details>div button{
  width:40%;
  width: 40%;
  border: thin solid #ccc;
  color: #006FB7;
  background-color: #EEE;
}

#agent-details>div button:hover{
  background-color: #AD1019;
}

#agent-details>div a i{
  margin-left: 10px;
}

#agent-details p{
  display:inline;
}

#realtor-links{
/*  margin-top:20px;*/
}
#call-to-action-wrap{
  position:static;
}
#call-to-action-wrap>div{
  width: 49%;
  display:inline-block;
  vertical-align: top;
  margin: 0;
}

.realtor_link{
  display:inline-block;
  max-width:49%;
}

/* right column*/

#property-details-column-right{
  display:inline-block;
  width:45%;
  vertical-align: top;
}

#property-details-column-right h2{
  color: #0071BA;
  border-bottom:3px solid #AD1019;
}

#property-details-column-right dl{
  margin-top:10px;
}

#property-details-column-right dt{
  width:23%;
  display:inline-block;
  vertical-align: top;
}

#property-details-column-right dt:after {
  content:":";
}

#property-details-column-right dd{
  margin:0;
  width:23%;
  display:inline-block;
  vertical-align: top;
}



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

  #agent-name{
    display:block;
    margin:auto;
  }

  #agent-profile-link{
    margin: 0px;
    position:static;
  }
}

@media screen and (max-width: 1050px) {
  #property-request-showing{
    float:none;
  }

  #property-details-column-right dt{
    width:49%;
    display:inline-block;
  }

  #property-details-column-right dd{
    margin:0;
    width:40%;
    display:inline-block;
  }

  #agent-details div > a{
/*    display:block;
    width:100%;*/
  }

  #agent-details > div button{
    width:100%;
  }
}

@media screen and (max-width: 850px){
  #property-details-column-left, #property-details-column-right{
    display: block;
    width: 100%;
    margin: auto;
  }

  #property-links a{
    width:49%;
  }
}

@media screen and (max-width: 650px){
  #property-links{
    width: 90%;
    margin: auto;
  }
  /* try to make map slightly more mobile friendly */
  #property-map{
    height:300px;
  }
  #property-map-container{
    width:90%;
    margin:10px auto;
  }
}

@media screen and (max-width: 450px){
  #property-main-details .left_column, #property-main-details .right_column{
    text-align: left;
    display: block;
    width: 100%;
    float: none;
  }

  #property-main-price{
    font-size:1.5em;
  }
}