.btn{
	padding: 10px 12px 6px 12px;
}
.btns{
	width:34px;
}
#bname{
	padding-left:3px
}

.numnavbar{ 
	padding:5px;
	background-color:#ffffff;
	color:#2a2a2a; 
}
.numnavbar .navtotal{
	font-size:14px; 	 
}
.numnavbar .navtotal span{
	color:#ff6c00;
	font-weight:bold;
}
.numnavbar .sorting{
	text-align:right;
	font-size:15px; 
}
.numnavbar .sorting select{
	border:1px solid #CCC;
	border-radius:5px !important;
	height:30px;
	width:50%;
	max-width:220px;
	color:#898888; 
}

/* listing */

#prop_list #list{
	clear:both;
	width: 100%;
	height: 200px;
	overflow:hidden;
}
#prop_list .datacontent{
	margin-left:10px;
	font-size:18px;
	color:#333;
  position: relative;
}
#prop_list .datacontent ul{
	padding-left:25px;
	margin-top:20px;
	line-height:25px;
}
#prop_list #list_left{
	float:left;
	width:480px;
	text-align:left;
	margin-left:10px;
}
 
#prop_list .bname{
	font-size: 22px; 
	line-height:24px; 
	color:#0168ff; 
	width:70%
}
 
#prop_list .bname a:hover{
	color: #ff0000;
}  

#prop_list .dist{
	font-size:15px; 
} 
#prop_list .size{ 
}
#prop_list .price{
	color:#e30000;
	display:flex;
}
.oldprice{
	padding-left: 13px; 
  color: #4a4a4a;
  text-decoration: line-through;
	text-decoration-color: #ff0000;
	text-decoration-thickness: 2px;
}
#prop_list .rent{
	color:#00ac14	
}
#prop_list .room{
	position:absolute;
	right:0px; 
	font-size:15px;
	text-align:right
}
#prop_list .room div{
	margin-bottom:2px
}
#prop_list .datacontent .tables{
	width:100%; 
  position:relative
}
#prop_list .datacontent .rightrow{
    position:absolute;
    right:0;
    top:0;
} 
#prop_list .hline{
	height:1px;
	background-color:#e3e3e3;
	margin: 5px 0;
}

#prop_list .date{
	font-size:13px;
	color:#a6a6a6;
	text-align:right;
}
#prop_list .ref{
	font-size:13px;
	color:#a6a6a6;
	text-align:right;
}

#prop_list .icon div{
	margin-top:5px;
	
}

#prop_list .info_bold{
	font-weight: bold;	
}
 
#prop_list .btns{
	cursor:pointer;	
}
#prop_list .igallery{
	width: 180px;
	text-align:center; 
	height: 20px;
	padding-top: 6px;
	padding-left:1px
}
#prop_list .picbr{  
  position:relative;
	width: 180px;
	height:160px;  
	overflow:hidden; 
	text-align:center;	
	background-color:#e3e3e3; 
  display: flex;
  justify-content: center;
  align-items: center;
}

#prop_list .picbr img{
	width:100%;
	height:160px;
	object-fit: cover;
}
#prop_list .yticon{ 
    position: absolute;
    top: 0;
    left: 0px;
    color: #fff;
}
#prop_list .yticon img{
  width:90px;
  height:auto;
}
#prop_list .pp{
	cursor: pointer;
	margin-left: 2px;
	margin-right: 2px;	
} 
 
#prop_list .fp .detail_table {
	border: 1px solid #dfdfdf;
}

#prop_list .fp .detail_table .header{
	background-color:#666;
	color:#FFF;
	font-size:15px;
	padding:8px;
}

#prop_list .item{
	display:block;
	padding:10px;
	margin-top:10px;
	border:1px solid #dadada;
	background-color:#ffffff; 	 
}
#prop_list .item:hover{
	border:1px solid #8dd198;
}

.pagination>li>a:hover{
  background-color:#ffe911;
}
.lefttran{ 
	background-color:#ffffff;
	padding:10px;
	width:100%;
}

.lefttran .tran_bd{
	border-bottom:1px solid #dcdcdc;
	padding:10px 0
}

.lefttran .tran_price{
	color:#0077e5;
}

.lefttran .tran_input{
	color:#666;
}

.lefttran a{
	float:right;
	margin-top:-20px;
}
 
.green{
	color:#090
}
.nodata{
	height:100px;
	line-height:100px;
	width:100%;
	text-align:center;
	font-size:15px;
	background-color:#ffffff
}
.noproperty{
  height:100px; 
	width:100%;
	text-align:center;
	font-size:15px;
	background-color:#ffffff
}
.nophoto{
	text-align:center;
	color:#999;
	line-height:100px;
}
.vrdiv{
	position:absolute;
	background-color:#a39364;
	color:#ffffff;
	padding-left:3px;
	padding-right:3px;
}
.search_div{
      width:100%;  
      display:flex;
      justify-content: space-between;
      align-items: center;
      font-size:17px;
      margin-bottom:2px;
}
.search_div div{ 
      padding:10px 2px;
      width:50%; 
      text-align:center;
      color:#ffffff;
      cursor:hand;
      cursor:pointer;
      display:flex;
      justify-content: center;
      font-weight:bold;
}
.search_div .btn1{
      background-color:#34b94f;
      margin-right:1px;
}
.search_div .btn2{
      background-color:#259bc6;
      margin-left:1px;
}    
.search_div .icon img{ 
  width: 20px;
  height: 20px; 
}
.proplist{
  display:flex;
  justify-content: space-between;
  width:100%
}
.proplist .propsearch{
  width:100%;
  max-width:325px;
  padding-right:10px;
}
.proplist #prop_list{
  width:100%
}
  
.playicon{
	display:block  !important;
	position: absolute  !important; 
   
}
.playicon img{   
  width: 30px !important;
  height: 30px  !important; 
}
.sort{
  border:1px solid #bbbbbb;
  padding:3px;
  color:#006d3b;
  font-size:14px;
}
  
  @media (max-width: 900px) {
    .proplist .propsearch{ 
       max-width:300px; 
    }
  }
@media (max-width: 767px) {
	#prop_list .bname{
		width:100%;
		font-size:19px;
		line-height:normal;
	}
  
  .proplist{
    display:block;  
  }
  .proplist .propsearch{ 
    max-width:100%;
    padding-right:0px;
  }
  
}
@media (max-width: 500px) {
	.numnavbar{
		padding:5px;
	}
	.numnavbar .sorting select{
		width:70%
	}
	#prop_list .datacontent{
		font-size:16px;
	}
	 #prop_list .datacontent ul{
		 padding-left:20px;
		 margin-top:10px;
	 }
   
   #prop_list .date{
      font-size:11px; 
    }
    #prop_list .ref{
      font-size:11px; 
    }

	#prop_list .picbr{  
		height:auto !important;  
		max-height:150px;
		width:130px;
		overflow:hidden;
	}	
	#prop_list .picbr img{
		max-width:100%;
		height:150px;
	}  
  #prop_list .yticon img{
    width:80px;
    height:auto;
  }
} 
@media (max-width: 450px) {
	.numnavbar .navtotal{
		font-size:13px;
		margin-top:4px 	
	}
	#prop_list .datacontent{
		margin-left:5px;
	}
	#prop_list .item{
    margin-top:5px;
		padding:3px !important;
		background-position:right 5px center
	}
}