@import "mixins";

@include respond-to(phone, tablet){
	.aui #search-results{
		#search-results-t2{
			.navigation-bar{
				height: auto;
				width: 97%;
				
				.no-of-properties #total-prop-count{
				 	width: 100%;
				 	
				 	.text{
				 		font-size: 16px;
				 	}
				}
				
				.navigation-options{
					#generate-pdf{
						margin-bottom: 15px;
					}
					
					#view-select select{
						font-size: 15px;
					    width: 170px;	
					}
				}
			}
			
			.list-view{
				padding: 0 10px;
				.list-property{
					 height: auto;
	    			 padding-bottom: 15px;
					
					.prop-hover-menu{
					    /* border-radius: 8px 8px 0 0;
					    height: 54%;
					    padding: 42% 0 0;
					    width: 100%; */
	
					    .hover-more a:before{
							font-size: 50px;
						}
	
					    .hover-shortlist a:before{
							font-size: 50px;
						}
	
					    .hover-viewing a:before{
							font-size: 50px;
						}
						
						.hover-offer a:before{
							font-size: 50px;
						}
					}
					
					.list-property-address{
						margin-bottom: 25px;
					
						a{
							font-size: 20px;
						}
					}
					
					.list-property-price{
						font-size: 21px;
						width: auto;
						float: left;
					}
					
					.list-property-info{
					    float: right;
					    margin-top: 0;
					    width: auto;
					    
					    .list-property-info-img{
					    	width: 55px;
					    	
					    	.assets-img{
							    width: 40px;
					    	}
					    	
					    	.assets-text{
							    width: 15px;
					    	}
					    }
					}
				}
			}
			
			.grid-view{
				padding: 0 10px;
				.grid-property{
					 .prop-hover-menu{
					 	/* border-radius: 8px 8px 0 0;
					    height: 55%;
					    padding: 28% 0 0;
					    width: 100%; */
					    
					     .hover-more a:before{
							font-size: 50px;
						}
	
					    .hover-shortlist a:before{
							font-size: 50px;
						}
	
					    .hover-viewing a:before{
							font-size: 50px;
						}
						
						.hover-offer a:before{
							font-size: 50px;
						}
					 }
				}
			}
		}
	}
}

@include respond-to(tablet){
.aui #search-results #search-results-t2 .list-property .prop-hover-menu .prop-hover-block{
	padding: 75px 0 0;
}	

.aui #search-results #search-results-t2 .grid-property .prop-hover-menu .prop-hover-block{
	padding: 55px 0 0;
}

.aui{ 
	 .tooltip.right{
		left:46% !important;
		position: fixed !important;	
 	  }	
	 #search-results{
		#search-results-t2{
			
			.grid-view{
				.grid-property{
					.sales-offers{
						font-size:10px;
						padding:2px 0; 
								
						.sales-offers-price{
							float: left;
							margin-left: 2px;
						}
						.sales-offers-value{
							float: right;
							margin-right: 2px;
						}
					}
				}
			}

			.list-view{
				.list-property{
					height: 151px;
					
					.prop-hover-menu{
						/* border-radius: 8px 0 0 8px;
					    height: 22px;
					    padding: 10% 5%;
					    width: 156px; */
					    
					    .hover-more a:before{
							font-size: 50px;
						}
						
						.hover-shortlist a:before{
							font-size: 50px;
						}
						
						.hover-viewing a:before{
							font-size: 50px;
						}
						
						.hover-offer a:before{
							font-size: 50px;
						}
					}
					
					.prop-image{
						background-size: contain;
					}
				}
			}
			
			h2{
				font-size: 15px;
			}
			
			.grid-property{
				height: 315px;
				
				.prop-hover-menu{
				    /* border-radius: 8px 8px 0 0;
				    height: 23px;
    				padding: 30% 5%;
				    width: 156px; */
				    
				    .hover-more{
				    	width: 30%;
				    }
				    
				    .hover-more a:before{
						font-size: 40px;
					}
					
					.hover-shortlist a:before{
						font-size: 40px;
					}
					
					.hover-viewing a:before{
						font-size: 40px;
					}
					
					.hover-offer a:before{
						font-size: 40px;
					}
				}
				
				.prop-image{
					background-size: contain;
					min-height: 120px;
				}
				
				.grid-property-details{
					.grid-property-address{
						 height: 90px;
						 margin-bottom: 5px;
					}
					
					.grid-property-info{
						float: left;
					    margin-top: 5px;
					}
				}
			}
		}
	}
 }
}
@media (min-width: 979px) and (max-width: 1025px) {
	
	.aui #search-results #search-results-t2 .grid-property .sales-offers {
	    background: #6a8a9c none repeat scroll 0 0;
	    font-size: 11px;
	    padding: 2px 0;
	    
	    .sales-offers-price {
		    float: left;
		    margin-left: 4px;
		}
		
		.sales-offers-value {
		    float: right;
		    margin-right: 4px;
		}
	}
	
	.aui #search-results #search-results-t2 .list-property .prop-hover-menu .prop-hover-block{
		padding: 100px 0 0;
	}
	 	.aui #search-results #search-results-t2{
			.list-property{
				height: 219px;
				
				.list-property-details{
					padding: 0 10px;
				}
					
				.list-property-info{
					margin-top: 0;
					
					.list-property-info-img.garage{
					 	width: 205px;
					 	
					 	.assets-text {
	    					width: 155px;
						}
					}
				}
				
				#property-options{
					ul li{
						width: 144px;
						
						a{
							font-size: 11px;
						}
					}
				}
				
				h2{
					font-size: 20px;
				}
				
				/* .prop-hover-menu{
				 	height: 12px;
				 	width: 205px;
				} */
				
				.list-property-address a{
					font-size: 19px;
				}
				
				.list-property-price{
					font-size: 19px;
				}
			}
			
			.grid-property{
				.prop-hover-menu{
					/* height: 29px;
				    padding: 38% 5%;
				    width: 196px; */
				    
				    .hover-more{
				    	width: 30%;
				    }
				    
				     .hover-more a:before{
						font-size: 40px;
					}
					
					.hover-shortlist a:before{
						font-size: 40px;
					}
					
					.hover-viewing a:before{
						font-size: 40px;
					}
					
					.hover-offer a:before{
						font-size: 40px;
					}
				}
			}
	 	}
	}
	
@media (min-width: 479px) and (max-width: 641px) {
 	.aui #search-results #search-results-t2{
 		.list-property .prop-hover-menu{
 			/* height: 2%;
    		padding: 18% 5%; */
 		}
 	}
}


/* code added by Sanjay Kumar w.r.t RT: #101623 */
@media (min-width: 768px) and (max-width: 1024px) {
	 /* code added by Sanjay Kumar w.r.t RT: #101623  */
	.grid-property {
			.sales-offers{
					background:#6a8a9c;
				   	color: white;
				    font-size:16px;
				    font-weight: bold;
				    padding: 10px 0;
				    bottom: 0;
				    position: absolute;
				    text-transform: uppercase;
				    width: 100%;
				    
				    .sales-offers-price{
					    float: left;
					    margin-left: 2px;
				    }
				    
				    .sales-offers-value{
					    float: right;
					    margin-right: 2px;
				    }
				    
			}
			
}
}