@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
 
.product ul li {float:left; width:25%; margin:3%;}

 }

@media screen and (min-width:691px) and (max-width:920px) {
	#popup-container {width:40%; margin-top:3%; padding:1%; left:30%;}
.star-content h1{ font-size:40px; }
.star-content h2 { font-size:18px;}
}
@media screen and (min-width: 481px) and (max-width:690px) {
#popup-container {width:45%; margin-top:3%; padding:1%; left:28%;}
.star-content h1{ font-size:40px; }
.star-content h2 { font-size:18px;}
}
@media screen and (min-width:320px) and (max-width:480px)  {

#popup-container {width:80%; margin-top:5%; padding:1%; left: 10%;}
.star-content h1{ font-size:30px;}
.star-content h2 { font-size:15px;}
.star-form input[type="text"],.star-form textarea { width:100%;}
.star-form input[type="submit"] { width:70%;}
}