/*Media quries for Mobile view is starting here*/
@media only screen and (min-width: 320px) and (max-width: 468px)
{

	/*Top div of page*/
	.page_top{
		background-image: url(topM.png);
	}
	/*<!--Header is starting here-->*/
	.header{
		width: auto;
		padding: 40px 25px;
	}
	.head_top{
		font-size: 20px;
		padding: 10px 0px;
	}
	.head_mid{
		font-size: 50px;
		font-weight: bold;
		line-height: 55px;
	}
	.head_bottom{
		padding: 30px 0px;
	}
	.head_img {
	    height: 300px;
	    width: 310px;
	    float: left;
	    margin: 0px 20px;
	}

	/*<!--Products are here-->*/
	.product_heading{
		margin: 40px 15px 0px 15px;
	}
	.product_text{
		padding: 10px 15px;
	}

	.overview_image {
	    height: 120px;
	    width: 140px;
	    float: unset;
	    padding: unset;
	}
	.overview_descript {
	    height: auto;
	    padding-top: 25px;
	    text-align: center;
	}
	.more{
		font-size: 15px;
	}

	.item_head{
		margin: 0px 20px;
	}
	.item_divider{
		margin: 20px;
	}

	.item{
		width: 43%;
		margin: 0px 10px 30px 10px;
	}
	.item_image {
	    height: 110px;
	    width: 130px;
	    padding: 20px 10px;
	}
	.item_image img {
	    height: 100%;
	    width: 100%;
	    object-fit: contain;
	}
	.item:hover .overlay {
	    height: 150px;
	    width: 150px;
	}
	.addtocart{
		margin: 60px 0px 60px 20px;
	}
	.heart{
		margin: 60px 0px 60px 5px;
	}
	.item_quality{
		font-size: 25px;
	}


}