#acct{margin:0% 40%;  top:0%; left:0%; position:fixed; width:20%; height:10%; color:white; }
a:link, a:visited{font-size:2vw; color:red; vertical-align:middle;}
a:link{color:red; font-size:2vw; vertical-align:middle;}
#cart_img{width:5%; height:5%; color:red; left:60%; top:0%; display:block; text-align:center; vertical-align:middle; font-size:3vw; position:fixed; background-image:url("Images/shopping_cart.jpg"); background-size:100% 100%; }
#checkout{}
#close{width:5%; height:5%; position:absolute; margin:0% 95%; z-index:1; } 
.close2{width:5%; height:5%; position:absolute; top:-6%; left:95%; z-index:2; }
.close_3{width:5%; height:5%; position:absolute; top:-6%; left:95%; z-index:3;  }
.details{width:80%; height:100%;  top:0%; position:absolute; overflow: auto; }
.details_span{width:20%; height:20%; color:white; margin:40% 5%;  }
.display_none{display:none;}
html{background-size:cover; background-image:url("Images/3dIntersect.png"); width:100%; height:100%; color:white;}

.footer{ width:100%; height:100%; background-color:white; opacity:1; text-align:center; font-size:4.5vh;  color:red; }
h1{color:white; font-size:5vw; font-family:Georgia, serif;}
#imgChanger{width:80%; height:80%; position:fixed; z-index:1; object-fit:cover; object-position:50% 50%; background-size:100% 100%; background-color:#5B57CC; background-repeat:no-repeat; display:none; top:10%; right:10%; -webkit-transform: translateZ(100px); border:double; border-color:red; }
#detailContainer{width:100%; height:20%;}
.img1{width: 40%; height:40%; padding-top:5%; -webkit-animation-timing-function: ease-in-out; -webkit-animation-play-state:paused; -webkit-animation: increase;}
.img2{display:none;}
#imgContainer{ width:50%; height:80%; position:fixed; z-index:1; object-fit:cover; object-position:50% 50%; background-size:100% 100%; background-repeat:no-repeat; top:10%; left:0%;}
#item_info{ width: 20%; height:15%; position:fixed; top:40%; left:60%; list-style:none; z-index:1; display:inline-block;  }
#logo{ width: 25%; height:8%; margin:0% 0%; position:relative; }
@-webkit-keyframes increase {
  from {width:25%; height:25%;}
  to {width:80%; height:80%;}
}
@media screen and (mix-width: 0px) and (max-width: 600px){
	#cart_img{margin:0% 0%; width:8%; height:8%; }
	.menubar{width:10%; height:10%; }
}
@media screen and (max-width: 600px){
	#cart_img{width:5%; height:5%; margin:0 -10%;  }
	#imgChanger{width:85%; height:100%; left:7.5%; top:0; }
	#imgContainer{ width:60%; height:60%;}
	#item_info{ width: 40%; height:15%; left:60%; top:45%; font-size:14px; }
	.thumb{ width:40%; height:20%; }
	.thumbnails{width:30%; top:0%; }
	#logo{width:25%; height:10%; }
	.menubar{width:10%; height:10%; }
	#menu_button{ width:15%; height:5%;}
}
@media (min-width: 600px) and (max-width: 1400px) {
	#cart_img{margin:0% -10%;  background-size:100% 100%; }
	#imgChanger{width:90%; height:100%; left:5%; top:0; }
	#item_info{ width:30%; height:15%; left:60%; top:45%; font-size:14px; }
	.thumb{ width:40%; height:20%; margin:10% 45%; -webkit-transform:translateX(100px); }
	.thumbnails{width:30%; top:0%; }
	#logo{width:20%; height:10%; }
	.menubar{width:10%; height:10%; }
	#menu_button{ width:12%; height:8%;}
}
@media (orientation:landscape){
	#item_info{top:25%; left:50%; display:flex; flex-direction:row;}
}
.menubar{position:fixed; top:0; margin-right:0%; width:20%; height:20%; font-size:4.5vh; }
.menubar li{padding:5%; border-style:double; border-color:red; width:100%; height:20%;  text-align:left; vertical-align:middle;}
#menuli{display:none; background-color:white;}
#menuli li{height:5%; width:100%; padding:2%; }
.product_details{ width:50%; height:50%; top:25%; left:25%; position:fixed;  background-color:#ffffff; color:black; z-index:1; display:none; }
.Remove{display:none;}
#span1{width:200px; height:100px;}
.st-sticky-share-buttons { margin: 20% 0%; }
#table2{ width:100%; height:100%; top:0; left:0;}
.thumb{position:relative; margin:5% 45%; display:inline-block; width:10%; height:10%; background-size:100% 100%;}
.thumbnails{position:fixed; float:right; right:0; top:0%; width:40%; height:60%; }
ul {
    list-style-type: none;
}
#view-cart{ display:none; }