/* 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(/eng/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 a{
	font-size: 19px;
	font-weight:bold; 
 
}
 
#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{
	margin-top:5px; 
}
#prop_list .icon div img{
	width:35px
}

#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: 100px; 
		padding:3px;
		overflow:hidden; 
		text-align:center;	
		background-color:#e3e3e3; 
	}
	
	#prop_list .picbr img{
		max-width:94px;
		height:100px;
	}
}
@media (max-width: 450px) {
	#prop_list .picbr{
		margin-left:3px;
		width: 80px; 
		padding:3px;
		overflow:hidden; 
		text-align:center;	
		background-color:#e3e3e3; 
	}
	
	#prop_list .picbr img{
		max-width:75px;
		height:100px;
	} 
	#prop_list .item{
		padding:3px !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 #c3c3c3;
      border-radius: 20px;
		}

		form td {
			font-size: 18px;
			font-weight: bold;
			color: #4b4b4b;
			padding: 5px;
		}

		form select {
			-moz-appearance: none;
			-webkit-appearance: none;
			appearance: none;
			border: 2px solid #e0e0e0;
			padding: 0 5px;
			width: 100%;
			height: 36px;
			font-size: 15px;
			background-image: url(/eng/img/searchbox_arrow.png);
			background-repeat: no-repeat;
			background-position: right;
			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(/eng/img/searchbox_btn.png);
			background-repeat: no-repeat;
			background-position: center;
			background-color: #b90000;
			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: #f5b116
		}

		.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: #FF0000;
			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%;
			}
		}