body{
  background:url("../images/top-bg.png") #f9f9f9 repeat-y center;
  position: absolute;
  left: 0;
  background-size: cover;
  right: 0;
  top: 0;
}

.head{
	width: 80%;
	margin: 50px auto 0 auto;
	min-height: 100px;
}
#productViewer {
    width: 80%;
    height: 80%;
    margin: auto;
}
.img-thumb{
	display: block;
	width: 80%;
    margin: 0 auto 5em auto;
}
.img-thumb ul {
	margin: 30px 0 0 0;
	padding: 0;
}
.img-thumb ul li{
	display: inline-block;
	list-style: none;
}
.img-thumb ul li img{
	cursor: pointer;
	width: 200px;
	height: 110px;
}


.psv-panel-content img{
	width: 150px;
	height: 100px;
	padding: 10px;
}

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

.img-thumb ul li img{
	width: 150px;
	height: 100px;
}
}
@media screen and (max-width: 782px){

.img-thumb ul li img{
	width: 120px;
	height: 80px;
}
.head{
	text-align: center;
}
}
@media screen and (max-width: 640px){

.img-thumb ul li img{
	width: 88px;
	height: 60px;
}
}
@media screen and (max-width: 545px){
.psv-panel-content img{
	width: 120px;
	height: 80px;
}
}
@media screen and (max-width: 480px){

.img-thumb ul li img{
	width: 65px;
	height: 40px;
}

.psv-panel-content img{
	width: 100px;
	height: 70px;
	padding: 6px;
}
}
@media screen and (max-width: 375px){
.psv-panel-content img{
	width: 120px;
	height: 80px;
}
}
@media screen and (max-width: 360px){

.img-thumb ul li img{
	width: 50px;
	height: 30px;
}

}