/* CSS Document */


@media only screen and (min-width: 320px) and (max-width:1100px) {

.prodcut ul li {
   
    width: 23%;
  
    display: inline-block;
  
}
#content{
		width:100%;
	}
#content_case {
    width: 100%;
    margin: 35px auto;
}
}
@media only screen and (min-width: 320px) and (max-width:720px) {
	#m_img {
   margin: 0 auto;
    cursor: pointer;
    display: block;
    width: 94%;
    position: relative;}
.prodcut ul li {
    width: 22%;
    display: inline-block;
}
#product_info {
    min-height: auto;
    width:94%;
   
}
}
@media only screen and (min-width: 320px) and (max-width:480px) {
	.prodcut ul li{
		width: 98%;
		margin-bottom: 6%;
	}
	#product_add_cart_form {
	  width: 100%;
	  text-align: center;
	}
	#add_cart_btn{
		display: block;
		margin-top: 20px;
	}

 .product_content {
    width: 94%;
    margin: 0 auto;
}
#product_info {
    display: block;
    background: rgba(238, 238, 238, 0.5);
    
    border-radius: 4px;
    padding: 4%;
        width: 92%;
    vertical-align: top;
}
#s_img img {
    padding: 4px;
    width: 47%;
    cursor: pointer;
}
}