div {
    position: absolute;
}
.svg_div{
    width:100%; height:100%;
}
.svg_div svg{
  width: 64%;
  left: 23%;
  top: 6%;
}
.desktopexpandstate{
	background: black;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.expandclose{
    right: 0.5%;
    top: 1%;
    width: 3%;
	cursor:pointer;
}
.expandlogo{
	width: 22%;
    left: 5%;
    top: 4%;
}
.expandlookup{
	width: 50%;
    left: 5%;
    top: 20%;
}
.videoposter{
	width: 30%;
    left: 5%;
    top: 36%;
    cursor: pointer;
}
.expandshopnow{
    width: 14%;
    left: 4.7%;
    top: 75%;
}
.expandavailable{
	width: 13%;
    left: 5%;
    top: 87%;
	}
.expandbasedtxt{
	width: 28%;
    left: 5%;
    top: 95%;
	}
.expandtesttube{
	width: 7%;
    right: 20%;
    top: 25%;
	}
.shadowtesttube{
	width: 35%;
    right: 6%;
    top: 82%;
	z-index:2;
	}
.new{
	width: 6%;
    right: 22%;
    top: 28%;
	}
.plus1{
	width: 5%;
    right: 23%;
    top: 49%;
	z-index: 2;
	}
.minus1{
	width: 5%;
    right: 23%;
    top: 49%;
	z-index: 2;
	}
.plus1txt{
	width: 19%;
    right: 25%;
    top: 51%;
	
	}
.plus2{
	width: 5%;
    right: 18%;
    top: 60%;
	z-index: 2;
	}
.plus2txt{
	width: 21%;
    right: 1%;
    top: 62%;
   
	}
.minus2{
	width: 5%;
    right: 18%;
    top: 60%;
	z-index: 2;
	}
.plus3{
	width: 5%;
    right: 23%;
    top: 70%;
	z-index: 2;
	}
.plus3txt{
	width: 21%;
    right: 25%;
    top: 72%;
}
.minus3{
	width: 5%;
    right: 23%;
    top: 70%;
	z-index: 2;
}
.circle1{
	width: 38%;
    right: 4%;
    top: 26%;
}
.circle2{
	width: 38%;
    right: 4%;
    top: 26%;
}
.circle3{
	width: 38%;
    right: 4%;
    top: 26%;
}
.circle4{
	width: 38%;
    right: 4%;
    top: 26%;
}
.circlebg{
	width: 38%;
    right: 4%;
    top: 25%;
}
.expandtesttube1{
	width: 9%;
    right: 45%;
    top: 43%;
    transform: rotate(90deg);
}