#portfolio {
  display: block;padding:0px; margin-left:0px; 
}

#portfolio li {
  display: block; height:auto;
  float: left;
 margin:3px;
}
#portfolio li:first-child { width:100%;
 }
#portfolio li a {
  display: block;
}
#portfolio li a:hover { opacity:.7;
}
#portfolio .property-page-img {
    border: 4px solid #fff;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.75);
    margin: 0px 0px 10px 0px !important;
    width: 100% !important;
}


.mfp-title {
  font-size: 1.2em;
  color: #ddd !important;
  font-weight: 700;
}
.mfp-close:hover, .mfp-close:focus{background:none;}

/** clearfix **/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
 
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }


/** media queries **/

@media all and (max-width: 768px)
{
	#portfolio li {
  display: block; width:32%; height:auto;
  float: left;
  margin:0 5px 5px 0px;
 
}

}


@media all and (max-width: 360px)
{
	#portfolio li {
  display: block; width:48%; height:auto;
  float: left;
  margin:0 5px 5px 0px;
 
}

}