/* listing */
.detailsearchbtn{
	display:block;
	padding:5px;
	font-size:21px;
	font-weight:bold;
	color:#ffffff !important;	
	border-radius:5px;
	text-align:center;
  background-color: #727272;
	background-image:url(/img/form_down_arrow.png);
  background-repeat:no-repeat; background-position:right
}
#prop_list{
	padding:10px
}

#prop_list #list{
	clear:both;
	width: 100%;
	height: 200px;
	overflow:hidden;
}
#prop_list #list_left{
	float:left;
	width:480px;
	text-align:left;
	margin-left:10px;
}
#prop_list #list_right{
	float:left;
	width: 180px;	
	text-align:right;
}
#prop_list .bname {
	font-size: 19px;
	font-weight:bold; 
  line-height:21px;
  margin-bottom:5px;
}
 
#prop_list .bname a:hover{
 
}
#prop_list .dist{
	font-size:13px; 
} 
 
#prop_list .input{
	font-size:13px;
	color:#a6a6a6
}
#prop_list .ref{
	font-size:13px;
	color:#a6a6a6
}

#prop_list .icon div{ 
}
#prop_list .icon div img{
	width:28px
}

#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{
	margin-left:8px;
	width: 180px; 
	padding:5px;
	overflow:hidden; 
	text-align:center;	
	background-color:#e3e3e3; 
}

#prop_list .picbr img{
	max-width:170px;
	height:135px;
  object-fit: cover;
}
#prop_list .prop_360 img{
	width:45px
}
@media (max-width: 991px) {
	#searchbox{
		display:none;
	}
}
@media (max-width: 991px) {
	#searchbox{
		display:none;
	}
}
@media (max-width: 767px) {
 
	#prop_list .picbr{
		margin-left:3px;
		width: 120px; 
		padding:3px;
		overflow:hidden; 
		text-align:center;	
		background-color:#e3e3e3; 
	}
	
	#prop_list .picbr img{
		max-width:114px;
		height:120px;
	}
}
@media (max-width: 450px) { 
	#prop_list .item{
		padding:3px 0 !important;
	}
}
@media (max-width: 319px) {
	#prop_list .icon{
		display:none;
	}
}
#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{
	padding:10px;
	border-bottom:1px solid #dcdcdc;
	margin-bottom:5px;
} 

::placeholder {
			/* Chrome, Firefox, Opera, Safari 10.1+ */
			color: #484848;
			opacity: 1;
			/* Firefox */
		}

		:-ms-input-placeholder {
			/* Internet Explorer 10-11 */
			color: #484848;
		}

		::-ms-input-placeholder {
			/* Microsoft Edge */
			color: #484848;
		}

		#searchbox {
			border: 3px solid #efefef;
      border-radius: 20px;
		}

		form td {
			font-size: 16px; 
			color: #4b4b4b;
			padding: 5px;
		}

		form select {
			-moz-appearance: none;
			-webkit-appearance: none;
			appearance: none;
			border: 2px solid #e0e0e0;
			padding: 0 28px 0 5px;
			width: 100%;
			height: 36px;
			font-size: 15px;
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'%3E%3Cpolyline points='1,1 6,6 11,1' fill='none' stroke='%239a9a9a' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
			background-repeat: no-repeat;
			background-position: right 10px center;
			background-size: 12px 7px;
			background-color: #ffffff;
			color: #484848;
		}

		form input[type=text] {
			border: 2px solid #e0e0e0;
			padding: 0 5px;
			width: 100%;
			height: 36px;
			font-size: 15px;
			color: #484848;
		}

		form .searchbtn {
			background-image: url(/img/searchbox_btn.png);
			background-repeat: no-repeat;
			background-position: center;
			background-color: #5b3687;
			width: 100px;
			padding: 8px;
			text-align: center;
			border-radius: 30px;
			border: none;
			float: right;
			cursor: hand;
			cursor: pointer
		}

		.stype {
			border-bottom: 2px solid #dedfe0;
			padding: 10px;
			margin-bottom: 10px;
			text-align: center;
			display: flex;
      width: 100%;
      justify-content: space-around;
		}

		.stype a {
			margin-left: 10px;
			margin-right: 10px;
		}

		.prsbox .slider-selection {
			background: #8a46d9
		}

		.prsbox .slider-track {
			background: #c9c9c9;
			border-radius: 5px !important;
		}

		.prsbox .slider-handle {
			background: #ffffff;
			border-radius: 15px !important;
			height: 30px;
			width: 30px;
			border: 1px solid #adadad !important;
		}

		.prsbox .slider.slider-horizontal .slider-track {
			margin-top: 1px !important;
		}

		.prsbox {
			position: absolute;
			z-index: 998;
			/* zindex low than collapse 999 */
			margin-top: 5px;
			width: 90%;
			display: none
		}

		.prsbox .arrow {
			position: absolute;
			margin-top: -20px;
			left: 20px
		}

		.prsbox .close {
			float: right;
		}

		.prsbox .layout {
			background-color: #6e6e6e;
			border-top: 1px solid #999;
			padding: 20px !important;
		}

		.prsbox .layout td {
			padding: 0 !important;
		}

		.prsbox #slider_value {
			margin-bottom: 5px;
		}

		.prsbox td {
			color: #FFFFFF;
			font-size: 15px !important;
		}

		.prsbox .glyphicon-remove {
			float: right;
			color: #d4b5ff;
			font-size: 17px;
			margin-top: -5px;
		}

		.prsbox .btn_form-control {
			padding-left: 6px;
		}

		.prsbox .closebtn {
			padding: 5px;
			background-color: #E6E6E6;
			text-align: center;
			cursor: pointer;
			cursor: hand;
		}

		.slider.slider-horizontal {
			width: 100% !important
		}


		@media (max-width: 767px) {
			.prsbox {
				width: 65%;
			}
		}