a img {border:0}  /*2 add img properties */
img {max-width: 100%; height: auto; }
#vlightbox1 {/* 3. Change width to max width also add width 100% -- width:1408px; --when it was standalone this worked max-width:1228px;	width:100%;  --   3. Zoom not necessary    --   zoom:1; */	/* adjustments for when it was moved to actual product page */
	width:84.5%; max-width: 1129px;margin: 0 0 0 194px; border-collapse: separate; border-spacing: 1px 1px;}
#vlightbox1 .vlightbox1 {	/* take away display properties   --  display:-moz-inline-stack;	display:inline-block;  --   add float left  */
	float:left;	/* 4, 5 and 6 No Zoom, no *Display, no position: relative.   --  zoom:1;	*display:inline;	position:relative;*/
	vertical-align:top;	/* 7. Change margin to 2px */
	margin:1px;	/* 8. Change to max-width   --  max-width:260px;  --   8a. add width in percentage*/
	width: 24%;font-family:Trebuchet,Tahoma,Arial,sans-serif;font-size:11px;	font-weight:normal;text-decoration:none;text-align:center;
	/* 9. Dont need lower opacity  --  opacity:0.87;  --   Add Min Height*/
	min-height: 1px;}
#vlightbox1 .vlightbox1 a{margin:0;	/* 10 Add max-width propert to a tag   --  max-width:300px;*/}
#vlightbox1 .vlightbox1:hover, #vlightbox1 .vlightbox1 a:hover{/* 11 Change hover property to background colour.   --   opacity:1;*/
	background-color: lightgray;
}
#vlightbox1 .vlightbox1 img {display:block;border:none;margin:0;/* 12 Add max-width propert to img tag   --  max-width:300px;*/}
#vlightbox1 a.vlightbox1:nth-of-type(5), #vlightbox1 a.vlightbox1:nth-of-type(9), #vlightbox1 a.vlightbox1:nth-of-type(13) {clear:both;}
@media only screen and (max-width: 1330px) {
	#vlightbox1 {width: 82.5%;  margin: 0 0 0 16%;}
	#vlightbox1 a.vlightbox1:nth-of-type(5), #vlightbox1 a.vlightbox1:nth-of-type(9), #vlightbox1 a.vlightbox1:nth-of-type(13) {clear:both;}
}
@media only screen and (max-width: 1023px) {
	#vlightbox1 {width: 82.5%;  margin: 0 0 0 16%;}
	#vlightbox1 a.vlightbox1:nth-of-type(5), #vlightbox1 a.vlightbox1:nth-of-type(9), #vlightbox1 a.vlightbox1:nth-of-type(13) {clear:both;}
}
@media only screen and (max-width: 880px) {
	#vlightbox1 {width: 82.5%;  margin: 0 0 0 16%;}
#vlightbox1 a.vlightbox1:nth-of-type(5), #vlightbox1 a.vlightbox1:nth-of-type(9), #vlightbox1 a.vlightbox1:nth-of-type(13) {clear:both;}
}
@media handheld, only screen and (min-width: 667px) and (max-width: 767px) {
	#vlightbox1 {width: 82%;  margin: 0 0 0 16%;}
	#vlightbox1 a.vlightbox1:nth-of-type(5), #vlightbox1 a.vlightbox1:nth-of-type(9), #vlightbox1 a.vlightbox1:nth-of-type(13) {clear:both;}
}
@media handheld, only screen and (min-width: 520px) and (max-width: 667px) {
	#vlightbox1 .vlightbox1 {float:left;/* 8a. add width in percentage*/width: 45%}
	#vlightbox1 {width: 86%;  margin: 0 0 0 106px;}
	#vlightbox1 a.vlightbox1:nth-child(odd) { clear:both;}
	
}
@media handheld, only screen and (max-width:530px) {
	#vlightbox1 .vlightbox1 {float:left;/* 8a. add width in percentage*/width: 45%;}
	#vlightbox1 {width: 79%;  margin: 0 0 0 106px;}
	#vlightbox1 a.vlightbox1:nth-child(odd) { clear:both;}
}
@media handheld, only screen and (min-width: 320px) and (max-width: 520px) {
	#vlightbox1 .vlightbox1 {float:left;/* 8a. add width in percentage*/width: 45%;}
	#vlightbox1 {width: 76%;  margin: 0 0 0 100px;}
	#vlightbox1 a.vlightbox1:nth-child(odd) { clear:both;}
}
@media handheld, only screen and (max-width: 319px) {
	#vlightbox1 .vlightbox1 {float:left;/* 8a. add width in percentage*/width: 45%;}
	#vlightbox1 {width: 74%;  margin: 0 0 0 94px;}
	#vlightbox1 a.vlightbox1:nth-child(odd) { clear:both;}
}