@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:781px) and (max-width: 1024px) {
}
@media screen and (min-width:651px) and (max-width:780px)  {
	
	#popup-container {  width:360px; height:360px;  padding:6% 3% 0 3%; margin-top:5%; left:25%;
	-moz-border-radius:180px;
    -webkit-border-radius:180px;
    border-radius:180px;
	box-shadow: 0 0 0 6px rgba(255,255,255,.50) !important;}

 .star-content h1{ font-size:20px;}
.star-content h2 { font-size:36px;}
.star-content h3 { font-size:22px;}
.star-form input[type="text"],.star-form textarea { width:100%;}
.star-form input[type="submit"] { width:60%;}
}

@media screen and (min-width:481px) and (max-width:650px)  {
	
	#popup-container {  width:300px; height:300px;  padding:6% 6% 0 6%; margin-top:2%; left:20%;
	-moz-border-radius:150px;
    -webkit-border-radius:150px;
    border-radius:150px;
	box-shadow: 0 0 0 3px rgba(255,255,255,.50) !important;}

 .star-content h1{ font-size:15px;}
.star-content h2 { font-size:24px;}
.star-content h3 { font-size:16px;}
.star-form input[type="text"],.star-form textarea { width:100%;}
.star-form input[type="submit"] { width:60%;}
}

@media screen and (min-width:361px) and (max-width:480px)  {
	
	#popup-container {  width:300px; height:300px;  padding:6% 6% 0 6%; margin-top:2%; left:20%;
	-moz-border-radius:150px;
    -webkit-border-radius:150px;
    border-radius:150px;
	box-shadow: 0 0 0 3px rgba(255,255,255,.50) !important;}

 .star-content h1{ font-size:15px;}
.star-content h2 { font-size:24px;}
.star-content h3 { font-size:16px;}
.star-form input[type="text"],.star-form textarea { width:100%;}
.star-form input[type="submit"] { width:60%;}
}

@media screen and (min-width:320px) and (max-width:360px)  {
	
	#popup-container {  width:300px; height:300px;  padding:6% 6% 0 6%; margin-top:5%; left:3%;
	-moz-border-radius:150px;
    -webkit-border-radius:150px;
    border-radius:150px;
	box-shadow: 0 0 0 3px rgba(255,255,255,.50) !important;}

 .star-content h1{ font-size:15px;}
.star-content h2 { font-size:24px;}
.star-content h3 { font-size:16px;}
.star-form input[type="text"],.star-form textarea { width:100%;}
.star-form input[type="submit"] { width:60%;}
}