/* Ensure buffer for image slider is hidden */
#vs-slider-buffer {
	display: none;
}


/* Clean up image container and hide whilst loading */
#listing-images {
	display: none;
	border: none !important;
	padding: 0 !important;
	overflow: visible !important;
}


/* Hide additional slides during loading */
#vs-slider .slides > li:first-child {display: block; -webkit-backface-visibility: visible;} 
#vs-slider .slides > li {display: none; -webkit-backface-visibility: hidden;}

/* Ensure slide fills container if an image smaller than container size is used */
#vs-slider .slides > li {
	width: 230px;
	height: 230px;
}
#vs-slider.flexslider div.flex-viewport ul.slides li.flex-active-slide a.vs_colorbox {
	width: 230px;
	height: 230px;
	display: block;
}

/* Force slider size */
#vs-slider {
    max-width: 230px;
	width: 100%;
	height: auto;
}


/* Fix styles from Vantage */

#vs-slider .flex-direction-nav a {
	margin-top: -10px;
}

#vs-slider .slides {
	margin: 0;
}

#vs-slider .flex-direction-nav {
	margin: 0;
}

#vs-slider .slides img {
	margin: 0 auto;
 	border: none;
	padding: 0;
    position: relative;
    left: 0;
    top: 0;
    max-width: 230px;
    max-height: 230px;
    width: auto;
    height: auto;
}

#listing-images a:active img,
#listing-images a:hover img {
	border: none;
}

@media screen and (max-width: 600px) {

	#listing-images {
		width: 100px!important;
	}

	#vs-slider .slides > li {
		width: 100px;
		height: 100px;
	}
	#vs-slider.flexslider div.flex-viewport ul.slides li.flex-active-slide a.vs_colorbox {
		width: 100px;
		height: 100px;
		display: block;
	}

	#vs-slider .slides img {
		max-width: 100px;
		max-height: 100px;
	}

	
	#vs-slider .flex-control-nav,
	#vs-slider .flex-direction-nav {
		display: none;
	}
	
	
}