.flex-container {
    display:flex;
    flex-wrap:wrap;
    margin:10px auto;
    max-width: 1000px;
}
.smallview-content {
    
    border: 1px solid navy;
    margin: 4px auto;
    min-width:350px;
    max-width:490px;
    height:193px;
    background-color: white;
    overflow : hidden;
    
}
.smallview-content-img {
    padding: 10px;
    position:relative;
    display:table-cell;
}
.smallview-content-img img {
    max-width: 200px;
    
    
}
.openhuis {
    position:absolute;
    z-index:10;
    width:100%;
    top:10px;
    left:10px;
}
.imgclip {
    width:200px;
    height:150px;
    overflow:hidden;
}
.smallview-content-info {
    position:relative;
    display:table-cell;
    padding:10px;
    min-width:200px;
    vertical-align:top;
    overflow:hidden;
}
.lblh4 {
    font-size: 16px;
    font-weight:bold;
}
@media all and (max-width:750px) {
	.smallview-content-info {
		font-size: 12px;
		min-width:100px;
		overflow:hidden;
		}
	.imgclip {
    max-width:200px;
    height:150px;
    overflow:hidden;
	}	
	.smallview-content-img {
    padding: 10px;
    position:relative;
    display:table-cell;
}
.smallview-content {
    
    border: 1px solid navy;
    margin: 4px auto;
    min-width:350px;
    max-width:490px;
    height:200px;
    background-color: white;
    overflow:hidden;
}
.lblh4 {
    font-size: 14px;
    font-weight:bold;
}
}
@media all and (max-width:497px) {
.smallview-content {
    
    border: 1px solid navy;
    margin: 4px 1%;
    min-width:350px;
    max-width:490px;
    height:200px;
    background-color: white;
    overflow:hidden;
}
}